Zdroje informácii pre User experience a User interface
Na úvod pár tipov, kde čerpať múdrosti, inšpirovať sa, alebo sa do tejto problematiky, v prípade, že vás zaujala, dosýta zahĺbiť.
Usability & UX Articles from Nielsen Norman Group
https://www.nngroup.com/articles/UX ebooks
https://www.uxpin.com/studio/ebooks/uxdesign.cc - User Experience Design
https://www.uxdesign.cc/75 GoodUI ideas
http://www.goodui.org/#1Dribbble
Pastva najmä pre oči. Dribble je dizajnérska sociálna sieť, kde sa môžete inšpirovať najnovšími trendmi v dizajne, user interface-och či motion interakciách. https://dribbble.com
Nástroje pre tvorbu wireframe a prototypovanie
Nezabudnite, že hrubá fixka, papier alebo post-it nálepky sa hodia na všetko, od vytvorenia wireframu až po papierový prototyp. Ale, dá sa to aj inak :)
Pencil Project
Pencil Project je užitočný nástroj na tvorbu wireframov a flow diagramov. Má vlastnú knižnicu elementov, ktoré vám uľahčia prácu pri navrhovaní webu či mobilnej aplikácie. Do knižnice môžete pridávať aj vlastné elementy a obrázky. Pencil podporuje exporty do PNG, PDF či SVG a OpenOffice dokumentu. Výhodou je jednoznačne cena - je zadarmo a vo verzii pre Windows, MacOS aj Linux, alebo ako doplnok do webového prehliadača Firefox.https://pencil.evolus.vn/Axure
Axura je platený, profesionálny nástroj na tvorbu wireframov, interaktívnych prototypov, a dokumentácie. Dal by sa prirovnať k "švajciarskemu nožu" každého UX-áka. Sila Axure je v možnosti spolupráce viac dizajnérov na jednom projekte, tvorbe interaktívnych prototypov, diagramov a dokumentácie. https://www.axure.com/
InVision
InVision je prototypingová platforma, ktorá sa hrdí viac 2 miliónmi používateľov a to aj z radov veľkých hráčov ako Disney, Apple či Netflix. A používame ju aj my v SCR. Okrem moderného dizajnu jej nemôžeme uprieť jej jednoduchosť a totálnu slobodu. Pri stále populárnejšej práci na diaľku, alebo v komunitných tímoch je skvelým nástrojom, ktorý aj spolu s ďalšími komunikačnými či projektovými nástrojmi ako Slack, Dropbox, Trello a najnovšie aj JIRA ponúka široký set-up pre celý dizajnérsky aj agentúrny tím. Už v samotnom InVision si však dokáže vytvárať interaktívne makety, zdieľať ich s tímom, kamošmi, alebo klientom. Títo vám môžu do návrhov priamo pridávať svoje komenty, alebo priamo vytvoriť v návrhu bod, ku ktorému má byť vyvolaná diskusia. Okrem klikacích interaktívnych webových prototypov vytvoríte v InVision rovnako prototypy aj na mobilné device-y. A ešte oveľa viac :) https://www.invisionapp.com/
Nástroje pre analytiku
Máme web. Vyčerpaní, ale spokojní, ako pekne vyzerá. Ale čo na to povie užívateľ, zákazník. Bude sa to páčiť aj jemu? Dá sa to nejako vôbec predvídať? A ako to ľahko zistiť a vyhnúť sa nepríjemným prekvapeniam?
Hotjar All-in-one Analytics & Feedback
Hotjare je analytický nástoj, ktorý vám umožní nabúrať sa do mozgu vášho zákazníka. Kým Google Analytics vám povie iba to, akú stránku na webe užívateľ navštívil, Hotjar vám presne ukáže, čo tam robil, ako interagoval, kam klikal, alebo kde sa iba zmätene ponevieral kurzorom. Reality show priamo na vašom webe. Všetky tieto cenné záznamy vás však upozornia na to, kde nastávajú pre vašich zákazníkov/čitateľov na stránke problémy. Appka má nastavený systém monetizácie, a ak by sa vám niečo nepozdávalo, skúste mrknúť jeho českú for free alternatívu Smartlook. https://www.hotjar.com/
Visual Website Optimizer
Spustením webu sa všetko iba začína. Trendy sa neustále menia, Facebook aktualizuje pravidlá a ani užívatelia nie sú tí, čo bývali. Heslo znie: Zlepšovať, zlepšovať , zlepšovať . Pri inováciách je dobré si vždy zmeny otestovať. Tobôž, ak ide napr. o fungujúci e-shop, ktorý stabilne prináša očakávané výnosy. Visual Website Optimizer je nástroj pre A/B testovanie rôznych variant vašich webových stránok. Výsledky vám pomôžu identifikovať verziu, ktorá prináša vyššiu mieru konverzie a teda v prípade e-shopu maximalizáciu vášho zisku. Výhoda nástroja, napriek tomu, že je platený, je v tom, že jednotlivé varianty si dokážete vytvoriť bez znalostí kódu a zmien HTML stránky. https://vwo.com/