10 zasad UX, których powinien przestrzegać każdy projektant stron internetowych
Możesz stworzyć najbardziej oszałamiający projekt na świecie i nie odniesie sukcesu, jeśli nie spełni wymagań użyteczności.
Wszystko, od wykałaczki po komercyjny samolot pasażerski, wymaga użyteczności, aby funkcjonować i sprzedawać, w przeciwnym razie jego projekt jest skazany na niepowodzenie. Podobnie w świecie sieci termin zwany UX pojawia się, gdy strona internetowa jest używana i oceniana.
UX to skrót od doświadczenia użytkownika, które użytkownik sieci nabywa podczas surfowania po stronie internetowej i interakcji z jej elementami i funkcjami. Jeśli doświadczenie jest niepewne i źle poszukiwane, to strona internetowa jest niczym, pływając śmieciami w Internecie, o które nikt nie będzie się troszczył. UX może samodzielnie zdecydować, czy strona internetowa może być używana, czy sprzedawana, dlatego liczenie jest konieczne dla projektanta. W tym artykule podzielimy się 10 podstawowymi zasadami dotyczącymi użyteczności, które każdy projektant stron internetowych musi znać, zanim doprowadzi witrynę do końcowych etapów ukończenia.
1 Nigdy nie myl UX z interfejsem użytkownika
Istnieje cienka granica między UX i UI. Nawet jeśli jesteś świadomy różnicy, możesz usłyszeć to od klienta w jednym lub drugim punkcie, ale kiedy nadejdzie czas, musisz być w stanie wyjaśnić różnicę w możliwie najlepszy sposób. Interfejs użytkownika jest definiowany jako rzeczywisty system, podczas gdy User Experience jest definiowany jako emocjonalny wynik po interakcji z systemem.
Microsoft Windows to UI, a emocjonalna satysfakcja po użyciu to UX. Pomieszanie tych dwóch terminów może nie tylko zaszkodzić twojej pracy, ale także przeciążyć cię czymś, co całkowicie nie jest twoją pracą.
Dobry projektant nie tylko będzie dostrzegał różnicę, ale także będzie potrafił ją wytłumaczyć klientowi, proponując sposób prezentacji swojej pracy.
2 UX to coś więcej niż tylko wrażenia ze strony internetowej
Projektowanie stron internetowych to coś więcej niż to, co widać na pierwszy rzut oka. Wszystko, począwszy od szczegółów wizualnych, produktu, z którego korzystasz i odwiedzanych miejsc, ma na sobie napisane UX. Jazda tandetnym samochodem to złe doświadczenie, a łatwe otwieranie zapakowanego pudła jest dobre. Marketing UX offline może wydawać się inną sukienką, ale oryginalnie jest uszyty z tego samego materiału. Chociaż nie jest to do końca to samo i nie można tego uzasadnić kilkoma przykładami, doświadczenie UX na platformach materialnych i niematerialnych wytwarza te same hormony w twoim mózgu. Na przykład ktoś odkrył, że ludzie nadają priorytet informacjom od lewej do prawej, a elementy po lewej stronie zajmują mniej miejsca w pionie i mają taką samą wagę wizualną.
W 2000 roku trend zaczął się zmieniać i projektanci stron internetowych zaczęli umieszczać paski nawigacyjne w lewym panelu strony internetowej. Umożliwiło to użytkownikom szybsze i lepsze skanowanie treści, zapewniając jednocześnie większą ekspozycję na zawartość witryny. Jako projektant stron internetowych, mając swoje stopy w obu mediach, będziesz mógł trenować swój umysł i poszerzać swoją wiedzę, aby oceniać i tworzyć projekty z żywszej perspektywy.
3 Sztuka i nauka mają długą historię
Sztuka i nauka idą w parze, jeśli chodzi o UX. Dogłębne zrozumienie ich więzi jest niezbędne, zwłaszcza podczas procesu projektowania. Z naukowego punktu widzenia istnieje scenariusz rozwiązania problemu, w którym projektant musi opracować plan działania i rozwiązać problemy za pomocą teoretycznego rozwiązania. Na przykład witryna drastycznie traci sprzedaż. Projektant zasugeruje aktualizację strony internetowej, przetestowanie i rozwiązywanie problemów, które utworzą rozwiązanie. Tu wkracza sztuka.
W rozwiązaniu zostaną zasugerowane wszystkie aspekty i elementy, takie jak kolory, kroje pisma, układ, treść tekstowa i wizualna, aby witryna była atrakcyjna zarówno pod względem estetycznym, jak i funkcjonalnym. Będzie poddawany kolejnym testom, aż uda mu się wywołać pożądaną reakcję emocjonalną użytkownika. To ukierunkowanie zewnętrznego zachowania poprzez naukową realizację sprawia, że sztuka i nauka to dziwna, ale potężna para.
4 Użyj podejścia zorientowanego na cel do rozwiązywania problemów
Nie jest tajemnicą, że projektanci mają do czynienia z klientami, którzy chcą, aby wszystko działało według ich zasad. Tworzy to labirynt, który prowadzi donikąd, ponieważ wiele rzeczy jest nieświadomych klienta, o których wie tylko projektant. Podobnie, projektanci są czasami nastawieni na robienie rzeczy po swojemu, podczas gdy inne metody są również na stole i mogą działać lepiej.
Utrzymywanie jednomyślnego podejścia jako takiego nigdy nie jest zdrowe podczas projektowania bogatego w UX projektu internetowego. Dobry UX można osiągnąć tylko dzięki podejściu zorientowanemu na cel, które koncentruje się na najlepszym dostępnym rozwiązaniu. Na przykład klient chce przenieść link z referencjami klientów na górę strony, aby zwiększyć ekspozycję i zwiększyć ruch. Jednak problem nie leży w umiejscowieniu linku, ale w samej lokalizacji, ponieważ nie przyciąga ruchu. W związku z tym możesz również naprawić link, czyniąc go bardziej widocznym w miejscu, w którym się znajduje, zamiast przenosić go w nowe miejsce. Oba rozwiązania mogą być użyte do rozwiązania problemu i musisz pozostawić tę opcję otwartą. Nazywa się to projektowaniem zorientowanym na cel.
5 Wyeksponuj tożsamość marki poprzez UX
Tożsamość marki jest jednym z głównych celów stojących za budowaniem doskonałego UX. Jeśli UX odciśnie piętno na zadowoleniu użytkowników, będzie to wiele odzwierciedlać w stosunku do Marki, która umożliwiła to doświadczenie. Ważne jest, aby nie rozpraszać się tworzeniem wyglądu, który spełnia preferencje klienta. Dobry projekt, który musi prezentować odpowiednią kombinację funkcjonalności i cech, które nie tylko sprawiają, że doświadczenie użytkownika jest przyjemnością, ale także szczegółowo opisuje inwestycję dokonaną przez markę, aby odnieść sukces. To zadecyduje, czy użytkownik ponownie odwiedzi witrynę.
Aby upewnić się, że perspektywa klienta jest wpisana w projekt, informuj go o każdym ruchu i wprowadzaj niezbędne zmiany, które można uwzględnić w projekcie. Ważne jest również, aby uwzględnić szerszy obraz podczas dodawania preferencji klienta, aby doświadczenie użytkownika pozostało niezmienione w procesie.
6 Zbuduj swój UX wokół perspektywy użytkownika
Nigdy nie stań się ofiarą własnej wyobraźni. Ponieważ masz pewną swobodę twórczą podczas projektowania strony internetowej, ważne jest, aby jej nie nadużywać. W tym konkretnym przypadku masz głęboko zakorzenione wytyczne klienta i swoje preferencje, ale całkowicie zapomniałeś o perspektywie użytkownika. Jako projektant ważne jest, aby nigdy nie pozwolić swojej wyobraźni odciągnąć cię od osiągnięcia tego, czego chce klient i użytkownik. Projekt zorientowany na użytkownika ma największe szanse na stworzenie zwycięskiego UX niż jakiekolwiek inne podejście.
Aby upewnić się, że jesteś na właściwej ścieżce, zbadaj użytkowników swojej niszy projektowej i poznaj ich potrzeby i pragnienia związane z Twoim konkretnym projektem. Zanim będziesz gotowy do uruchomienia, użyj testów A/B, aby sprawdzić, czy Twój projekt spełnia wymagania. Pamiętaj, że potrzeby użytkownika są ważniejsze niż Twój osobisty wkład, ponieważ w końcu będzie on z niego korzystał.
7 UX dotyczy psychologii
Wyzwalacze behawioralne są oparte na psychologii człowieka, która stymuluje reakcję emocjonalną użytkownika. Dobrzy projektanci są w stanie jakościowo ocenić sposób myślenia użytkownika i wydobyć emocjonalny związek z treścią. Te emocjonalne powiązania są niezbędne do stworzenia żywego UX w projekcie internetowym. Weźmy na przykład powiadomienia. Być może doświadczyłeś irytującej funkcji powiadomień w wyskakujących okienkach, która wyrzuca Cię z witryny, trzaskając drzwiami przy wyjściu. Chociaż jest to częściowo korzystne dla klienta, a jednocześnie zapewnia konwersje sprzedawcy, pokazywanie go zaraz po wylądowaniu klienta na stronie to fatalny pomysł.
Wyobraź sobie, że przybywasz do swojego biura i otrzymujesz polecenie wykonania swoich obowiązków bez brania oddechu lub picia ciepłej kawy. Kluczowym czynnikiem jest tutaj czas. Jeśli znasz ludzką psychikę, nigdy nie zaczniesz od wyskakującego okienka, które zajmuje więcej niż połowę ekranu. Zamiast tego możesz poczekać, aż odwiedzający przejrzy zawartość, a następnie rozpocząć prezentację. W ten sposób to samo powiadomienie zostanie przyjęte z otwartymi ramionami, ponieważ teraz użytkownik może faktycznie poświęcić swój czas na zaangażowanie. UX w dużej mierze zależy od psychiki konsumenta i dlatego musisz zintegrować zdrową dawkę wyzwalaczy behawioralnych, zachowując ostrożność tam, gdzie to konieczne.
8 Poprowadź swoich klientów przez przewijanie
Przewijanie działa jak magia, jeśli mnie o to poprosisz. Wysyła użytkownika szukającego informacji głębiej w stronę, zwiększając jego szanse na konwersję. Prawdopodobnie dlatego większość projektantów umieszcza swoje wezwania do działania na dole strony, w miejscu, w którym przewijanie się kończy.
Nawet podejście „miłość od pierwszego wejrzenia” może promować przewijanie, gdzie projekt pokazuje wezwania do działania na górze strony. Możesz zoptymalizować takie strony, wprowadzając wskazówki dotyczące przewijania. Wskazówki dotyczące przewijania mogą obejmować od westchnień strzałek po urzekające elementy graficzne. Na przykład Strzałki mogą służyć do wskazywania kierunków do następnego fragmentu treści, podczas gdy elementy graficzne mogą przenosić użytkownika bezpośrednio do następnego slajdu po interakcji z nim.
9 Spraw, aby użytkowanie było wygodne
Kiedy umieszczasz swoje treści na żywo w Internecie, musisz oczekiwać, że spotkają się z nimi ludzie z różnych środowisk. Nie wszyscy podzielają twoje poglądy w sposób, w jaki zamierzasz je przedstawić. Dlatego Twoje treści powinny być przyswajalne, aby użytkownik nie potrzebował dodatkowego wysiłku, aby zrozumieć, co mu oferujesz. Jeśli treść jest strawna, użytkownik szybciej dokona konwersji.
Daj im jeden kęs na raz. Pokazanie wszystkiego, co możesz zaoferować za jednym posiedzeniem, nie tylko dezorientuje użytkownika, ale także odzwierciedla desperację twojej połowy. Aby upewnić się, że Twój projekt jest przewiewny i łatwy do przyswojenia, użyj dużej ilości białych odstępów wokół elementów, aby były łatwe do odróżnienia. Twórz także treści, które są zrozumiałe dla wszystkich rodzajów odbiorców, z przykładami i własnymi narracjami. Pokaż się jako ich przyjaciel, a nie biznesmen.
10 Odpowiednio zoptymalizuj elementy strony
Elementy strony są integralną częścią projektu internetowego. Pełnią istotne dla użytkowników funkcje i utrzymują emocjonalną harmonię w UX. Jednak dodanie niepotrzebnych elementów strony może być niebezpieczne zarówno dla Twojej witryny, jak i dla użytkownika.
Elementy strony, takie jak wezwanie do działania z wieloma poleceniami zamiast jednego, obraz na tyle rozpraszający, aby odwrócić uwagę od tematu lub fragment tekstu na środku strony, który wprowadza klienta w błąd. Dodawanie tych elementów bezsensownie wpływa na wiarygodność projektu strony internetowej, jednocześnie spowalniając jej ładowanie. Na przykład obrazy HD mogą być fabrykami opóźnień dla twoich stron internetowych. Wymagają dużej przepustowości i zabierają idealny czas ładowania witryny przyjaznej konwersji. Wolno ładująca się witryna to ostatnia rzecz, jakiej chcesz od UX swojej witryny.
Końcowe przemyślenia
Jako projektant stron internetowych musisz wziąć pod uwagę każdy element, aspekt i podejście. Twoim celem jest stworzenie projektu, który nie tylko zdobędzie klientów, ale także zapewni satysfakcjonujący UX. Dzięki tym 10 podstawowym zasadom stworzysz idealny projekt strony internetowej, który zapewni użyteczność pod każdym możliwym kątem.