30 Essential UX Tools
Gdy deweloperzy tworzą witryny internetowe, często koncentrują się na układzie i funkcjach technicznych, ale pomijają jeden bardzo ważny aspekt - sposób, w jaki użytkownik korzysta z witryny. Jeśli użytkownicy mają trudności z ustaleniem, jak osiągnąć swoje cele, będą szukać gdzie indziej i nie wrócą. Z drugiej strony przyjemne wrażenia użytkownika mogą stworzyć korzystne i trwałe wrażenie, które odróżnia witrynę od konkurencji.
Dlatego tak ważne jest, aby dokładnie rozważyć, co użytkownicy odwiedzają podczas odwiedzania Twojej witryny. Musisz zadać sobie pytanie: Czy na tej stronie znajdują się informacje, których oczekuje użytkownik? Podobnie jak w przypadku wielu rzeczy, najdrobniejsze szczegóły mogą sprawić największą różnicę w odczuciu użytkownika.
W tym poście przedstawię 30 doskonałych narzędzi i usług do tworzenia stron internetowych o lepszej użyteczności.
Mapy myśli, wykresy przepływu i mapy witryn
Podstawą użytecznej strony internetowej jest dobry plan. Jeśli nie wiesz, dokąd zmierza Twój projekt, jest mało prawdopodobne, że dotrzesz we właściwe miejsce. Mapy umysłu, schematy przepływu i mapy witryn są skutecznymi narzędziami do tworzenia potrzebnych diagramów. Mapy umysłu są świetne do generowania i organizowania pomysłów, a wykresy przepływu pomagają wizualizować i planować kroki w procesie. Mapy witryn mogą służyć do identyfikacji struktury nawigacji na stronie internetowej. Oto niektóre aplikacje, które mogą pomóc Ci w tych zadaniach:
XMind (bezpłatnie)
XMind to program mapowania umysłów open-source dla systemów Windows, Mac OS X i Linux.
Biuro ConceptDraw (od 199 USD)
Potężne narzędzie do tworzenia diagramów, ConceptDraw Office zapewnia obsługę schematów blokowych i map myśli w systemach Windows i Mac.
OmniGraffle (69,99 USD)
Użytkownicy Mac OS X i iPada mogą wybierać OmniGraffle tworzyć schematy blokowe, schematy organizacyjne i wiele innych typów diagramów.
Gliffy (z bezpłatnego)
Gliffy to internetowa aplikacja diagramowa obsługująca wykresy przepływu i mapy witryn.
Modele szkieletowe i prototypy
Zanim zacznie się kodowanie, często ma sens wykonywanie niektórych prototypów. Prototypy pozwalają grać z różnymi pomysłami i odkrywać możliwe problemy bez inwestowania czasu w kodowanie i projektowanie. Możesz zacząć od szkieletów o niskiej wierności w skali szarości, a następnie tworzyć wizualne makiety i funkcjonalne prototypy o wysokiej wierności.
PowerMockup (od 59,99 USD)
Posługiwać się PowerMockup tworzyć makiety z programu PowerPoint.
Ołówek (bezpłatny)
Dostępne na kilku platformach, to oprogramowanie typu open source zapewnia prototypowanie GUI.
Mogups (od 9 USD / miesiąc)
Moqups to narzędzie wireframingowe i makieta online.
Justinmind Prototyper (od 19 USD / miesiąc)
Ta aplikacja w przypadku szkieletowych aplikacji internetowych i mobilnych działa w systemach Windows i Mac OS X.
FileSquare (z bezpłatnego)
FileSquare to internetowe narzędzie do tworzenia prototypów po kliknięciu, łącząc ze sobą przesłane zdjęcia makiet.
Rzemieślnicze (od 19 USD / miesiąc)
Rzemieślnicze to wspólne narzędzie do tworzenia prototypów HTML / CSS / JavaScript.
Testowanie i opinie użytkowników
Gdy masz już coś konkretnego do pokazania, powinieneś wydobyć go przed rzeczywistych użytkowników, zebrać opinie i podjąć działania. Wymienione poniżej aplikacje i usługi pomagają w przeprowadzaniu testów użyteczności i organizowaniu opinii użytkowników.
IntuitionHQ (z bezpłatnego)
Ta usługa zdalnego testowania użyteczności pozwala na przeprowadzanie różnych testów użytkowników na swoich projektach i uzyskiwanie natychmiastowej informacji zwrotnej.
Zweryfikuj (od 19 USD / miesiąc)
Ta aplikacja online zbiera i analizuje opinie użytkowników na ekranach i makietach.
Polldaddy (z bezpłatnego)
Polldaddy to aplikacja internetowa do tworzenia i publikowania ankiet i ankiet.
Opinia o projekcie (za darmo)
Odwiedzić ta internetowa społeczność wymieniać opinie na temat projektów.
Fivesecondtest (z bezpłatnego)
Ten serwis zbiera opinie, prosząc użytkowników, aby przypomnieli sobie elementy strony internetowej po obejrzeniu jej tylko przez pięć sekund.
PickFu (od 20 USD)
Ta usługa crowdsourcingowa zapewnia szybką reakcję poprzez proste ankiety A / B.
Testowanie użytkowników (od 49 USD)
Testowanie użytkownika pozwala "patrzeć przez ramię" osobom przeglądającym Twoją witrynę.
UsabilityTools (od 39 USD / miesiąc)
Ten zbiór narzędzi oferuje badania użytkowników, w tym ankiety, sortowanie kart i formularze opinii.
Morae (od 402 USD)
To oprogramowanie stacjonarne rejestruje interakcje użytkownika (wejście klawiatury / myszy, śledzenie oczu, dźwięk itp.) i analizuje wyniki.
BugHerd (od 29 USD / miesiąc)
BugHerd to internetowy moduł do śledzenia błędów specjalnie zaprojektowany do tworzenia aplikacji internetowych.
Rozdzielone testy A / B
Testowanie A / B jest proste: Tworzysz dwie odmiany (A i B) strony, a następnie ustalasz, która z nich zapewnia lepsze wyniki mierzone pod względem zakupów, rejestracji w biuletynie lub innych czynników, które cenisz, co odzwierciedla lepsze wrażenia użytkownika . Te dwie usługi mogą ci w tym pomóc:
Optymalnie (od 17 USD / miesiąc)
To narzędzie do dzielenia testów A / B może pomóc Ci znaleźć najskuteczniejszy sposób zwiększenia liczby konwersji w witrynie.
Optymalizator witryny wizualnej (z bezpłatnego)
Podobnie jak Optimizely, Optymalizator witryny wizualnej zapewnia obsługę testów A / B, testy na wielu odmianach, kierowanie na zachowanie i wiele więcej.
Analityka
Analityka internetowa zapewnia cenny wgląd w to, jak użytkownicy korzystają z Twojej witryny. Mogą Ci powiedzieć, w jaki sposób użytkownicy poruszają się po witrynie, jak długo przebywają na każdej stronie, kiedy opuszczają witrynę i wiele więcej. Informacje te mogą być niezwykle pomocne w identyfikowaniu problemów związanych z użytecznością i ich przyczynami.
Crazy Egg (od 9 USD / miesiąc)
Ta usługa analizy sieci wizualizuje zachowania użytkowników za pomocą map ciepła, map przewijania i raportów konfetti.
Inspectlet (bezpłatnie)
Kolejne narzędzie do analityki internetowej, Inspectlet zapewnia mapy ciepła, analitykę w czasie rzeczywistym i ekranowe zapisy zachowań odwiedzających.
Mixpanel (z bezpłatnego)
Mixpanel to platforma analityczna do śledzenia zdarzeń niestandardowych w aplikacjach mobilnych i internetowych.
Sprawdzanie poprawności, sprawdzanie połączeń i testy prędkości
Dla pozytywnego doświadczenia użytkownika ważne jest również, aby strona techniczna strony działała zgodnie z przeznaczeniem. Nic nie jest bardziej frustrujące niż linki prowadzące do nieistniejących stron, stron internetowych trwających wiecznie do załadowania lub uszkodzonych stron z powodu błędów HTML i JavaScript.
W3C Markup Validation Service (bezpłatnie)
Ta usługa online sprawdza, czy kod strony internetowej jest prawidłowy (X) HTML.
Dr. Link Check (bezpłatny)
Ta aplikacja internetowa sprawdza witrynę pod kątem uszkodzonych i umieszczonych na czarnej liście linków.
Test pełnej strony Pingdom (bezpłatny)
Posługiwać się to narzędzie przetestować i przeanalizować, ile czasu zajmuje załadowanie strony.
Google PageSpeed (za darmo)
Ta usługa Google analizuje stronę internetową i sugeruje, jak poprawić jej czas ładowania.
CrossBrowserTesting (od 29,95 USD / miesiąc)
Ten serwis zapewnia maszyny wirtualne do testowania strony w różnych przeglądarkach w różnych systemach operacyjnych.
Czy używasz któregoś z tych narzędzi? Czy przegapiliśmy to, na czym polegasz? Daj nam znać w komentarzach.