9 puikūs vartotojo sąsajos dizainai

Kuriant internetinį dizainą, puiki vartotojo sąsaja arba vartotojo sąsaja yra padėti vartotojui kuo paprasčiau ir efektyviau atlikti nurodytą užduotį. Nors išvaizda ir jausmas yra neabejotinai svarbūs, puikios vartotojo sąsajos esmė yra funkcija: navigacijos požiūriu ji turėtų būti intuityvi iki nematomos. Kai tik vartotojas pasimeta arba negali išsiaiškinti, kur kreiptis, vartotojo sąsaja neatlieka savo darbo ir yra daugybė pavyzdžių skausminga vartotojo sąsaja nepavyksta parodyti tai, ko neturėtumėte daryti.

Šis svetainių ir programų sąrašas gali turėti skirtingus dizaino principus ir skirtingas funkcijas, tačiau juos sieja vienas bendras dalykas - efektyvus vartotojo sąsajos dizainas, tenkinantis visa tai ir dar daugiau. Skaitykite toliau, kad sužinotumėte, kodėl jiems taip sekasi.

01. Montreux džiazo festivalis

Vartotojo sąsajos dizainas: Montreux džiazo festivalis



Tai puikus būdas susikurti sau pritaikytą festivalio programą keliais braukimais(Vaizdo kreditas: Montreux džiazo festivalis)

Nėra nieko panašaus būti festivalyje, kad jūsų FOMO lygis būtų per stogą; tikrai, jums gali patikti tai, ką matote dabar, bet galbūt kitur vyksta dar vienas geresnis dalykas, apie kurį net nežinote. Nesvarbu, kiek kartų jūs šukuojate ilgą atlikėjų sąrašą, tikrai turite keletą absoliučių brangakmenių, kurių praleidote. Tačiau šiuo puikiu „Montreux Jazz“ festivalio vartotojo sąsajos kūriniu siekiama padėti jums kuo geriau išnaudoti laiką.

ašmenų bėgikas 2049 užkulisiuose

Tai viskas labai paprasta, pateikiant šešis dvejetainius pasirinkimus, kuriuos galite perbraukti kairėn ar dešinėn, kad susidarytumėte įspūdį apie savo muzikinę pirmenybę - pavyzdžiui, ar jums labiau patinka didžėjai, o ne grupės? - ir kai tai padarysite, pateiksite savo asmeninę programą, pagrįstą tuo, kas, jūsų manymu, jums patiks, kartu su nuorodomis bilietams įsigyti.

Vartotojo sąsajos dizainas: Montreux džiazo festivalis

Lizzo! Iš kur jie žinojo?(Vaizdo kreditas: Montreux džiazo festivalis)

Tai lengva ir intuityvi, ir, be abejo, jūs vis tiek norėsite dar kartą patikrinti visą programą, kad įsitikintumėte, jog tikrai nieko nepraleidote, tai puikus būdas padėti greitai atlikti daug informacijos, kad rastumėte rezultatų.

02. Pakreipkite teptuką

Virtuali realybė yra labai ribota teritorija, kiek tai susiję su vartotojo sąsaja ir vartotojo sąsaja. Tai dizaineriai ir kūrėjai, kurie eidami savo ruožtu turi susikurti daiktus ir gauti natūraliai nevienodų rezultatų. Tai, kas veikia plokščiaekraniu ekranu, nebūtinai veikia taip gerai VR, o sukurti veiksmingą ir naudingą VR programą, kurią galėsite naudoti kelias valandas nesirgdami judesio liga, gali būti nemenkas iššūkis.

Taigi puiku pamatyti tokį VR produktą kaip „Google“ Pakreipkite teptuką - tai leidžia jums sukurti 3D paveikslus virtualioje aplinkoje, kuri ne tik veikia, bet ir yra tokia intuityvi naudoti ir pasiekia tokių puikių rezultatų, kad menininkai tai jau įtraukia į savo kūrybinę darbo eigą. Važiuok tokiu keliu rasite puikių profesionalių patarimų, kaip pradėti naudoti šią žaidimą keičiančią kūrybinę programą.

03. Raštas

Vartotojo sąsajos dizainas: rašymas

Apskrito, minimalaus modeliavimo būdas palengvina ritmo ritimą [Paveikslėlis: Olympia Noise Co]

„Olympia Noise Co“ „iOS“ būgnų mašina, Raštas , yra nepanašus į tą, kurį matėte anksčiau, ir tai yra pagrįsta. Užuot sekęs ritmą tinklelyje, kaip ir bet kuri kita muzikos programa, „Patterning“ naudoja žiedinę sąsają pagrindiniam savo ritmo išdėstymo verslui su spalvotais būgnais, kad galėtumėte lengvai pamatyti, kas yra kas.

Be pagrindinių dalykų, „Patterning“ išmani, bet minimali vartotojo sąsaja daro sudėtingesnį verslą - ilgesnių dainų sekos iš atskirų modelių sekos - yra daug mažiau iššūkis, leidžiantis lengvai sukurti modelių variantus ir tada viską sutalpinti. Panašiai tiesaus požiūrio reikia ir tam, kad viskas atrodytų geriau; tiek jo maišytuvas, tiek „FX“ sąsaja yra apgalvotai išdėstyti paryškintais vaizdiniais ženklais, kurie padeda jums gauti norimą garsą, neįsitempdami tarp neabejotinų valdiklių.

04. „MailChimp“

tavo menas yra blogas ir tu turėtum jaustis blogai
„MailChimp“ dizainas yra švarus, plokščias ir dažniausiai spausdintas [Paveikslėlis: MailChimp]

Naujienlaiškių kūrimas ir valdymas gali būti ne pati įdomiausia užduotis pasaulyje, tačiau gražiai suprojektuotas, intuityvus vartotojo sąsajos dizainas „MailChimp“ daro jį daug skanesnį. Nuo neseniai atlikto pertvarkymo žiniatinklio vartotojo sąsaja yra švari, lygi ir visų pirma tipografinė.

Kai jūsų sąskaita bus nustatyta pirmą kartą, klasikinė „tuščios paskyros“ problema, prieš pradedant jūsų pirmąją kampaniją, bus subalansuota naudingais, vizualiai maloniais vartotojo vadovais. Čia yra daug vietos ir aiškūs raginimai veikti skatina naujus vartotojus kiekviename proceso etape - kai kuriais atvejais net įtraukiant subtiliai animuotą žymeklį, nurodantį, kur spustelėti.

Naudingi raginimai veikti neleidžia pasimesti „MailChimp“ [Paveikslėlis: MailChimp]

05. Popierius „iPad“

Popierius sukurtas taip, kad būtų intuityvus naudoti [Vaizdas: „FiftyThree“]

Daugybę apdovanojimų pelniusi programa, sukurta padėti vartotojams būti kūrybiškesniems intuityviau, natūraliau, Popierius leidžia piešti pirštų galiukais stebinant detalumą - nors jis taip pat veikia su rašikliu, jei reikia didesnio tikslumo.

Sukurtas tik lietimui, „Paper“ vartotojo sąsajoje nėra jokių mygtukų ar nustatymų, dėl kurių reikėtų nerimauti - tik specializuotų įrankių serija. Universalus plunksnakočio stiliaus piešimo įrankis yra nemokamas, o „Sketch“ (minkštas pieštukas), „Kontūras“ (paryškintas žymeklis), „Write“ (rašalo rašiklis), „Color“ (akvarelės teptukas) ir „Mixer“ (spalvų maišytuvas) - kaip pirkimas programoje.

Vietoj mygtukų „Paper“ turi specializuotų įrankių rinkinį [Paveikslėlis: FiftyThree]

06. Daiktai

Galima tiek „Mac“, tiek „iOS“, Daiktai yra populiari užduočių valdymo programa su apdovanojimais apipavidalintu dizainu, kuris yra intuityvus ir lengvai paimamas pagal žinomų darbų sąrašo koncepciją. Kaip pabrėžia jo kūrėjai „Cultured Code“, idėja yra palengvinti jūsų gyvenimą.

Lengvas, švarus vartotojo sąsajos dizainas iš anksto suskirstytas į sąrašus, kurie padės suskirstyti savo užduotis: skubūs dalykai eina į „Šiandien“, šiek tiek mažiau skubūs gali palaukti „Kitas“, o „Tvarkaraštis“ planuoja toliau. Kiekvienas įrašas vienu metu užfiksuoja svarbią informaciją - pavadinimą, užrašus ir terminą, taip pat žymas, jei reikia, kad padėtų viską suskirstyti į kategorijas. Geriausia, kad greito įvedimo langą galima pasiekti iš bet kur naudojant paprastą spartųjį klavišą - ir visa tai automatiškai sinchronizuojama darbalaukyje, „iPhone“ ir „iPad“.

07. Kampanijos stebėjimas: pasaulėžiūra

kaip sulieti odą Photoshop
Pasaulėžiūra pateikia sudėtingus duomenis prieinamu būdu(Vaizdo kreditas: „Campaign Monitor“)

Nuostabiai originali idėja, įtraukianti el. Pašto prenumeratos duomenis, Kampanijos stebėjimas: pasaulėžiūra pateikiama informacija apie asmenis, kurie realiuoju laiku atidaro, spustelėja ir dalijasi jūsų ryšiais „Google“ žemėlapyje, kad gautumėte tiek geografinių, tiek asmeninių įžvalgų.

Nukreipimo puslapyje ši sąvoka pristatoma iškart vizualiai, kaiščių pavyzdžiai nukrenta į pasaulio žemėlapį - o pati programos sąsaja yra gaiviai švari, sukasi aplink žemėlapį ir keletą pagrindinių nustatymų valdymo meniu. Puikus vartotojo sąsajos dizaino pavyzdys su paprasta ikonografija ir spalvų kodavimu, iš pirmo žvilgsnio nustatant skirtingas vartotojų įtraukimo kategorijas.

08. pav

NS dizainas: pav

Paveikslas sukurtas tam, kad padėtų jums išmušti melodijas kelyje [Paveikslėlis: „Propellerhead“]

Dar vienas plokščio dizaino pavyzdys, kai potencialiai labai sudėtingas vartotojo sąsajos dizainas atrodo labai švarus ir intuityvus, Pav yra švedų kūrėjo „Propellerhead“ sintezatorius ir būgnų mašina „iOS“, kuri taip pat yra už stalinės muzikos kūrimo programinės įrangos „Reason“.

Galite paliesti jutiklinio ekrano pagalvėles, laikyti pirštą žemyn ir slinkti ritmo ratukais, kad gautumėte įvairių garsų diapazoną, arba perbraukite per ekraną, jei norite leisti skirtingas natas skalėje. Taip pat yra ratai, leidžiantys reguliuoti natų, su kuriomis turite dirbti, diapazoną, natų skaičių melodijose ir boso eilutėse bei įvairius skirtukus, skirtus garsui pakoreguoti įvairiais būdais.

„huion h610“ vs „huion h610 pro“

09. Kennedy

Vartotojo sąsajos dizainas: Kennedy

Kennedy prideda kontekstą prie jūsų prisiminimų [Paveikslėlis: Brendan Dawes]

Nėra nieko panašaus į tai, kaip slinkti senų „Twitter“ naujinių apkrova ir įdomu, apie ką, po velnių, galvojai, kai paskelbei tą dalyką prieš šešis mėnesius. Konteksto trūkumas dažnai gali reikšti, kad kažkas, kas tuo metu buvo visiškai prasminga, gali būti netenka prasmės kelis mėnesius ar metus.

Kennedy , dienoraščio programa iš visada puikių Brendanas Dawesas , skirtas pridėti kontekstą prie jūsų prisiminimų. Jį galite naudoti kurdami tekstinius užrašus apie tai, ką darote, lygiai taip pat, kaip galite įvesti į „Facebook“ ar „Twitter“, ir galbūt prie jų pridėsite nuotraukų. Tačiau protingas prisilietimas yra tas, kad tada Kennedy prideda papildomą konteksto sluoksnį, pridėdamas savo vietą, datą ir laiką, dabartines oro sąlygas, naujienų antraštę ir, jei tuo metu klausotės muzikos telefone, takelio, kurio klausotės, pavadinimo.

Vartotojo sąsajos dizainas: Kennedy

Pridėtos Kennedy detalės yra turtinga sausų natų alternatyva [Paveikslėlis: Brendan Dawes]

Rezultatas yra tas, kad vietoj sauso užrašo, kuris iš tikrųjų nereikš daug, užfiksuosite tam tikrą akimirką su išsamesniu kontekstu ir gausybe paraginimų, kurie gali padėti atkurti atmintį kur kas išsamiau. O švarus „Dawes“ dizainas ir išmani vartotojo sąsaja išlaiko viską paprastą ir išvaizdų.

Susiję straipsniai: