10 zasad UX, którymi powinien żyć każdy projektant stron internetowych

Opublikowany: 2017-03-02

Możesz stworzyć najbardziej oszałamiający projekt na świecie i nie odniesie sukcesu, jeśli nie będzie spełniał wymagań użyteczności.

Wszystko, od wykałaczki do komercyjnego samolotu, wymaga użyteczności, aby funkcjonować i sprzedawać, w przeciwnym razie jego projekt jest skazany na zagładę. Podobnie w świecie internetowym termin zwany UX pojawia się, gdy witryna jest używana i oceniana.

UX to skrót od user experience, które użytkownik sieci nabywa podczas surfowania w witrynie i interakcji z jej elementami i funkcjami. Jeśli doświadczenie jest niepewne i mało poszukiwane, strona internetowa jest niczym, ponieważ rzucają się w Internecie śmieci, którymi nikt nie będzie się przejmował. UX może samodzielnie decydować, czy strona internetowa może być używana lub sprzedawana, dlatego sprawienie, że będzie się liczyła, jest konieczne dla projektanta. W tym artykule podzielimy się 10 kardynalnymi zasadami dotyczącymi użyteczności, które każdy projektant stron internetowych musi znać przed doprowadzeniem witryny do końcowych etapów ukończenia.

1. Nigdy nie myl UX z UI

Istnieje cienka granica między UX a UI. Nawet jeśli zdajesz sobie sprawę z 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 najlepszy możliwy sposób. Interfejs użytkownika jest zdefiniowany jako rzeczywisty system, podczas gdy doświadczenie użytkownika jest definiowane jako emocjonalny wynik interakcji z systemem.

Microsoft Windows to interfejs użytkownika, a emocjonalna satysfakcja po jego użyciu to UX. Mylenie 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 dostrzeże różnicę, ale również będzie w stanie wytłumaczyć ją klientowi, proponując propozycję prezentacji swojej pracy.

2. UX to coś więcej niż tylko doświadczenie w witrynie

Projektowanie stron internetowych to coś więcej niż to, co na pierwszy rzut oka. Wszystko, począwszy od szczegółów wizualnych, produktu, którego używasz, i miejsc, które odwiedzasz, ma napisane UX. Prowadzenie tandetnego samochodu to złe doświadczenie, a łatwe otwieranie spakowanego pudełka to dobre. Offline UX marketing może wydawać się inną sukienką, ale pierwotnie jest skrojona z tego samego materiału. Choć nie jest to do końca to samo i nie da się uzasadnić kilkoma przykładami, doświadczenie UX na platformach materialnych i niematerialnych wytwarza w mózgu te same hormony. Na przykład ktoś odkrył, że ludzie nadają priorytet informacjom od lewej do prawej, a elementy po lewej 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, jednocześnie dając większą ekspozycję na zawartość witryny. Jako projektantowi stron internetowych, bycie w obu mediach pozwoli Ci przećwiczyć swój umysł i poszerzyć wiedzę, aby oceniać i tworzyć projekty z żywszej perspektywy.

3. Sztuka i nauka wracają do tyłu

Sztuka i nauka idą w parze, jeśli chodzi o UX. Wyrafinowane zrozumienie ich więzi jest konieczne, zwłaszcza podczas procesu projektowania. Z naukowego punktu widzenia istnieje scenariusz rozwiązania problemu, w którym projektant musi opracować mapę drogową i rozwiązać problemy za pomocą teoretycznego rozwiązania. Na przykład, sprzedaż strony internetowej jest drastycznie niska. Projektant zaproponuje aktualizację strony, testowanie i rozwiązywanie problemów, co przełoży się na rozwiązanie. Tutaj wkracza sztuka.

W rozwiązaniu zostaną zasugerowane wszystkie aspekty i elementy, takie jak kolory, kroje pisma, układ, tekst i treść wizualna, aby strona była atrakcyjna pod względem estetycznym i funkcjonalnym. Będzie on poddawany kolejnym testom, aż uda mu się wywołać pożądaną reakcję emocjonalną użytkownika. To kierowanie zewnętrznych zachowań poprzez naukowe wdrożenie jest tym, co sprawia, że ​​Sztuka i Nauka są dziwną, ale silną parą.

4. Przy rozwiązywaniu problemów stosuj podejście ukierunkowane na cele

Nie jest tajemnicą, że projektanci mają do czynienia z klientami, którzy chcą, aby wszystko było zgodne z ich książkami. Tworzy to labirynt prowadzący donikąd, ponieważ o wielu rzeczach klient nie zdaje sobie sprawy, o których wie tylko projektant. Podobnie projektanci są czasami uparci, aby robić rzeczy po swojemu, podczas gdy inne metody są również na stole i mogą działać lepiej.

Jednomyślne podejście jako takie nigdy nie jest zdrowe podczas projektowania bogatego w UX projektu internetowego. Dobry UX można osiągnąć tylko dzięki podejściu ukierunkowanemu na cel, które koncentruje się na najlepszym dostępnym rozwiązaniu. Na przykład klient chce przenieść link z referencjami klientów do górnej części strony, aby uzyskać większą ekspozycję i zachęcić większy ruch. Jednak problem nie tkwi w umiejscowieniu linku, ale w samym linku lokalizacji, ponieważ nie przyciąga on ruchu. Dlatego możesz również naprawić link, czyniąc go bardziej widocznym w miejscu, w którym się znajduje, zamiast przenosić go do nowej lokalizacji. Oba rozwiązania można wykorzystać do rozwiązania problemu i należy pozostawić otwartą opcję. Nazywa się to projektowaniem zorientowanym na cel.

5. Ujawnij tożsamość marki poprzez UX

Tożsamość marki jest jednym z głównych celów budowania świetnego UX. Jeśli UX odciśnie swoje piętno na zadowoleniu użytkowników, będzie to w dużym stopniu odzwierciedlało markę, 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 wykazywać odpowiednią kombinację funkcjonalności i funkcji, które nie tylko sprawią, że wrażenia użytkownika będą przyjemnością, ale także wyszczególnią inwestycje, które marka dokonała, aby odnieść sukces. To zadecyduje, czy użytkownik ponownie odwiedzi witrynę.

Aby mieć pewność, że perspektywa klienta jest zakorzeniona w projekcie, informuj go o każdym ruchu i wprowadzaj wszelkie niezbędne zmiany, które można uwzględnić w projekcie. Ważne jest również, aby podczas dodawania preferencji klienta wziąć pod uwagę szerszy obraz, aby wrażenia użytkownika pozostały niezmienione.

6. Zbuduj swój UX z 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 osadzone wytyczne klienta i swoje preferencje, ale zupełnie zapomniałeś o perspektywie użytkownika. Będąc projektantem, ważne jest, aby nigdy nie pozwolić wyobraźni zwodzić Cię z osiągnięcia tego, czego chce klient i użytkownik. Projekt skoncentrowany na użytkowniku ma największą szansę na stworzenie zwycięskiego UX niż jakiekolwiek inne podejście.

Aby upewnić się, że jesteś na dobrej drodze, zbadaj użytkowników swojej niszy projektowej i poznaj ich potrzeby i pragnienia w konkretnym projekcie. Zanim będziesz gotowy do uruchomienia, użyj testów A/B, aby sprawdzić, czy Twój projekt spełnia wymagania. Pamiętaj, potrzeby użytkownika są ważniejsze niż Twój osobisty wkład, ponieważ w końcu będą z niego korzystać.

7. UX to wszystko o psychologii

Wyzwalacze behawioralne opierają się na psychologii człowieka, która stymuluje reakcję emocjonalną użytkownika. Dobrzy projektanci są w stanie jakościowo ocenić nastawienie użytkownika i wydobyć emocjonalny związek z treścią. Te emocjonalne powiązania są niezbędne do stworzenia żywego UX w projektowaniu stron internetowych. Weźmy na przykład powiadomienia. Być może spotkałeś się z denerwującą funkcją powiadomień w wyskakujących okienkach, która odsyła Cię z witryny, trzaskając drzwiami w drodze do wyjścia. Chociaż jest to częściowo z korzyścią dla klienta, a jednocześnie zabezpiecza konwersje dla sprzedawcy, pokazywanie go zaraz po tym, jak klient wyląduje na stronie internetowej, jest fatalnym pomysłem.

Wyobraź sobie, że przyjeżdżasz do swojego biura i otrzymujesz polecenie wykonania swoich obowiązków bez zaczerpnięcia oddechu lub cieszenia się ciepłą filiżanką kawy. Kluczowym czynnikiem jest tutaj wyczucie czasu. 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 zacząć od prezentacji. W ten sposób to samo powiadomienie zostanie odebrane z otwartymi ramionami, ponieważ teraz użytkownik może poświęcić swój czas na zaangażowanie. UX w dużej mierze opiera się na psychice konsumenta, dlatego musisz zintegrować zdrową dawkę wyzwalaczy behawioralnych, jednocześnie zachowując ostrożność tam, gdzie jest to konieczne.

8. Prowadź swoich klientów przez przewijanie

Przewijanie działa jak magia, jeśli mnie o to poprosisz. Wysyła użytkownika poszukującego informacji w głąb witryny, zwiększając jego szanse na konwersję. Prawdopodobnie dlatego większość projektantów umieszcza swoje CTA na dole strony, gdzie przewijanie kończy się.

Nawet podejście „miłość od pierwszego wejrzenia” może promować przewijanie, gdzie projekt pokazuje CTA na górze strony. Możesz zoptymalizować takie strony, wprowadzając wskazówki przewijania. Wskazówki przewijania mogą obejmować od westchnień strzałek po urzekające elementy graficzne. Na przykład strzałki mogą być używane do wskazywania kierunków do następnego fragmentu treści, podczas gdy elementy graficzne mogą przenosić użytkownika bezpośrednio do następnego slajdu, gdy wejdzie z nim w interakcję.

9. Spraw, aby użytkowanie było wygodne

Kiedy umieszczasz swoje treści na żywo w Internecie, musisz oczekiwać, że spotkają się one z ludźmi 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 przyswajalna, 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ę na twojej połowie. Aby mieć pewność, że Twój projekt jest oddychający i łatwy do przyswojenia, użyj dużej ilości białych odstępów wokół elementów, aby można je było łatwo odróżnić. Twórz także treści, które są zrozumiałe dla wszystkich odbiorców, z przykładami i własnymi narracjami. Pokaż się jako ich przyjaciel, a nie jako biznesmen.

10. Odpowiednio zoptymalizuj elementy swojej strony

Elementy strony są integralną częścią projektu internetowego. Pełnią istotne funkcje dla użytkowników i utrzymują emocjonalną harmonię w UX. Jednak dodawanie niepotrzebnych elementów strony może być niebezpieczne dla Twojej witryny i użytkownika.

Elementy strony, takie jak wezwanie do działania z wieloma poleceniami zamiast jednego, obraz na tyle rozpraszający, że odwraca uwagę od tematu lub fragmentu tekstu na środku strony, który wprowadza klienta w błąd. Bezsensowne dodawanie tych elementów wpływa na wiarygodność Twojego projektu internetowego, jednocześnie spowalniając jego ł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 dla konwersji. Wolno ładująca się strona internetowa to ostatnia rzecz, której potrzebujesz w UX swojej witryny.

Końcowe przemyślenia

Jako projektant stron internetowych musisz wziąć każdy element, aspekt i podejście do równania. 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 tworzysz idealny projekt strony internetowej, który zapewnia użyteczność pod każdym możliwym kątem.