Užitočné nástroje a tipy pre používateľsky prívetivé rozhrania

Dosiahnutie excelentnosti v roku 2009 ako je prezentovaná webová stránka (UI) a jeho schopnosť poskytovať dobré užívateľské skúsenosti (UX) sú zrejmé ciele. Máte právo nástrojov na dosiahnutie dokonalosti hľadáte, je kľúčom k splneniu týchto cieľov.

Aby ste efektívne používali nástroje UI a UX, musíte jasne pochopiť, z čoho tieto dve entity pozostávajú, a aké sú najlepšie spôsoby, ako ich pristupovať. Aj keď sú tieto dva pojmy často zmätené, nie sú to isté. Techniky dizajnu UI a UX sú úplne odlišné od seba.

V ďalšom ukážem niektoré z najužitočnejších nástrojov UI / UX a niektoré užitočné tipy, ktoré vám umožnia vytvoriť vysoko užívateľsky prívetivé rozhrania.

Invision

InVision je a platformu digitálneho produktového dizajnu ktorý funguje tak, ako fungujú moderné dizajnérske tímy. Od rýchleho vytvárania prototypov až po integráciu testovania používateľov, digitálnu tabuľu s bielymi tabuľami až po ľahké riešenia pre vývojárov, pozície InVision tímy dizajnu produktov spolupracovať v každom kroku procesu.

Môžeš vytvárať rýchle prototypy a vykonávať živé recenzie. Je to výkonná automatická synchronizácia, efektívna funkcia zdieľania a komentovania a funkcie zabezpečenia InVision dokáže prispôsobiť váš dizajnérsky tím a spoločnosť.

Môžeš zaregistrujte sa na bezplatnú skúšobnú verziu InVision alebo InVision Enterprise podľa požiadaviek vašej spoločnosti alebo vašej spoločnosti.

Proto.io

Chceli by ste niekedy vidieť ako vyzerá váš konečný produkt, dlho predtým, než je váš projekt pripravený na záver? Na tento účel môže byť Proto.io pre vás ten správny nástroj.

Tento nástroj vám umožňuje robiť rýchle prototypovanie a jeho interaktívnu používateľskú knižnicu robí statické makety a prototypy hotspotov prvotné.

Môžete použiť aplikáciu Proto.io drag and drop funkcie na akýkoľvek prvok používateľského rozhrania s ktorými spolupracujete. Keďže funguje vo vašom webovom prehliadači, nie je potrebné neustále sťahovať, a keď je prototyp pripravený na testovanie, môžete to urobiť na skutočnom zariadení, ktoré posúdi jeho vzhľad, pocit a použiteľnosť, zatiaľ čo zdieľanie vášho návrhu s ostatnými členmi projektu.

Skica

Skica je moderná grafická aplikácia, ktorá sa dá pomerne ľahko naučiť a používať. Je to kombinácia a vektorový pracovný postup, Booleovské operácie, presné editovanie pixelov a inteligentné možnosti zmeny veľkosti.

Môžeš vytvoriť veľa zložitých tvarov bez toho, aby museli prejsť veľa ťažkostí. Tvary, ktoré vytvoríte, môžete upraviť a prispôsobené akémukoľvek rozloženiu webových stránok alebo rozhraniu, ktoré máte na mysli.

Notis

Notizm kombinuje prototyp dizajnu, spoluprácu a funkcie správy úloh na jednej platforme. Tento nástroj UI / UX prevádza statické obrazovky interaktívne prototypy bez písania jedného riadku kódu.

Videá v reálnom čase môžete vytvoriť, aby ste mohli zdieľať svoje prototypy a súvisiace informácie o projekte. Notism pomáha organizácii úloh a vidí to Váš projekt zostáva organizovaný.

Informácie zdieľané medzi spolupracovníkmi a zainteresovanými stranami sú riadená verzia, čo je dôležité, pretože Notism podporuje rýchly dizajn a prototypovú iteráciu. Špeciálne nástroje na kreslenie umožňujú náčrty, ktoré sa majú robiť priamo na zdieľanom obsahu. Poznámky a nákresy môžu byť pridané aj do časovej osi videa.

Veľmi jednoduché

Great Simple má veľa riešení, ak sa váš problém otáča okolo hľadania dobré používateľské rozhrania a zostavy drôtu, alebo komplexný súbor základných konštrukčných prvkov. Výrobok bol vytvorený s cieľom uspokojenie aj tých najnáročnejších dizajnérov.

ich iOS Design Kit a sadu materiálov, by mali určite mať miesto vo vašom súbore nástrojov spolu s bezplatnými súpravami iOS a Android, ktoré boli stiahnuté viac ako 70 000 krát. Ak ste používateľom náčrtu; žiaden problém. Veľké jednoduché produkty sú kompatibilný s oboma náčrtok a Adobe Photoshop.

Niekoľko tipov na lepšie používateľské rozhranie

Používatelia internetu sú vyberajúci a sofistikovanejší pri práci s digitálnymi displejmi, ako tomu bolo v prípade iba niekoľkých rokov späť. Rýchlo sa trápia, že musia vybavené neštandardnými skúsenosťami, niečo, čo agentúry musia vziať na vedomie. Je nevyhnutné, aby tieto podniky zvážili kvalitu týchto skúseností ", ale ako to robia?

Pozrite si nasledujúce tipy a triky na vytvorenie typu používateľského rozhrania, ktoré láka používateľov a poskytuje im to najlepšie skúsenosti s vaším produktom:

Udržujte to jednoduché

skvelé používateľské rozhranie je neviditeľné; alebo veľmi blízko. To jednoducho znamená, že jediné, čo používateľ vidí, sú veci, ktoré používateľ potrebuje, a nič viac. Nesnažte sa byť roztomilý alebo chytrý. Urobte si intuitívnosť.

Všetko jasné

Vaše užívateľské rozhranie môže urobiť vynikajúca práca na prezentovaní vašich dizajnových zručností, a čo dobrý dizajn znamená; ale veľmi jemným spôsobom. Používatelia milujú užívateľské rozhrania, ktoré pozostávajú z zručné zmiešanie jasnosti, jednoduchosti a zrozumiteľnosti. Ak sa používatelia snažia zistiť, čo by mali robiť ďalej, sú viac než schopní opustiť vaše stránky a ísť inde.

Pokúste sa urobiť tlačidlá, ikony a volania na ľahko vyhľadateľné akcie; a uistite sa, že tlačidlá sú jasne a stručne označené.

Urobte interakcie efektívne

UI dizajn by mal byť zamerané na uľahčenie života pre svojich užívateľov. Dobré používateľské rozhranie umožňuje používateľom vykonávať svoje úlohy hladko a efektívne. Efektívna interakcia je možná iba vtedy, keď a UI dizajn je bez rozptýlenia, a nie sú naložené s možnosťami, ktoré, aj keď je pekné mať, by mohli byť rovnako dobre skryté, kým sa ich potreba nevytvorí.

Príliš veľa z čokoľvek je vhodnejšie vytvárať zmätok, než vyriešiť problémy.

Buďte konzistentní vo svojom dizajne

Konzistencia je jedným z charakteristických znakov dobrého dizajnu používateľského rozhrania. Užívatelia by nemali musieť premiestňovať rýchlosť, keď prechádzajú cez sedenie. Rýchlo rozvíjajú zvyk používania a oni chcú sa na ňu držať. Rýchlo sa naučia, kam sa pozrieť a čo potrebujú, aby mohli pokračovať. Nevytvárajte používateľské rozhranie výzvou alebo hádanku, ktorú chcete vyriešiť.

Použite známe dizajnové vzory

Používatelia radi známe a ľahko pochopiteľné správy, príkazy a akcie ako sa pohybujú cez webové stránky. Nijakým spôsobom by ste napríklad presunuli polohu nákupného vozíka z jednej strany na druhú, ak by ste zmenili obsah ponuky. Nájdite dizajnový vzor, ​​ktorý sa používateľom páči, a držte sa ho.

Pochopte, ako UI prehráva UX

Navrhovanie používateľského rozhrania, ktoré je intuitívne a jednoduché z pohľadu používateľa nie je bez jeho výziev. Stále potrebujete udržať tok používateľov a informácie o kľúčových značkách a produktoch, čo zahŕňa myslenie z hľadiska dizajnu UX alebo spoluprácu s návrhárom UX.

Implementujte vizuálnu hierarchiu

každý prvok dizajnu, ktorý umiestnite na stránku, by mal hrať určitú úlohu, ale niektoré sú samozrejme dôležitejšie ako ostatné. Implementácia vizuálnej hierarchie je jednoducho záležitosťou zdôrazňujúc najdôležitejšie prvky tým, že sú väčšie a / alebo jasnejšie a nachádzajú sa tam, kde sa ľahko nájdu.

záver

Navrhovanie prezentácie webových stránok a návrhové techniky potrebné pre jeho použiteľnosti a spokojnosti používateľov, zahŕňa rôzne postupy. Tieto dve entity nie sú jedno a to isté, aj keď sú navzájom často zmätené. Návrh používateľského rozhrania je digitálny a vyžaduje usporiadanie, umiestnenie prvkov a nástroje na úpravu.

Návrh UX je nediferencovaný a zahŕňa testovanie používateľov a používanie používateľskej analýzy. Obe konštrukčné úlohy využívajú prototypovanie, spoluprácu a techniky riadenia úloh.