Projektowanie nigdy tak naprawdę nie miało znaczenia.
Trudno sobie teraz wyobrazić, ale zanim błyskawiczny wzrost Apple'a na globalną popularność, projekt zazwyczaj zajmował tylne siedzenie w kierunku funkcjonalności. Dzisiaj projekt stał się światem samym w sobie, a społeczność projektantów i programistów zjednoczyła się, aby stworzyć spójny zestaw reguł dla twórczej praktyki.
Ewolucja projektowania jest stała i zawsze są nowe rzeczy do nauczenia się i skupienia na połączeniu funkcji i estetyki w jednym pakiecie.
Aby pozostać na szczycie swojej gry projektowej, musisz zapamiętać 10 ważnych zasad projektowania interfejsu użytkownika:
Wraz z eksplozją różnych typów urządzeń dzisiaj, jeden rozmiar z pewnością nie pasuje do wszystkich .
Kiedy ty stwórz swoją stronę lub aplikacji, musisz mieć pewność, że projektujesz z myślą o wszystkich rozmiarach ekranu. Oznacza to pełne ładowanie połączeń internetowych o niskiej i wysokiej przepustowości oraz odpowiednie formatowanie zarówno na iPadzie, jak i iPhonie.
W przeszłości programiści skupiali się głównie na tworzeniu dobrego interfejsu użytkownika dla komputerów stacjonarnych. Ale, aby odświeżyć pamięć, wykorzystanie mobilne przewyższyło wykorzystanie komputerów w 2014 roku. A więc czy teraz należy przenieść fokus na komórkę? Chociaż ważne jest, aby zwracać szczególną uwagę na urządzenia mobilne, warto również wziąć pod uwagę, że wykorzystanie komputera stacjonarnego jest nadal znacząco wysokie, z 42% udziałem .
Dlatego kluczem jest tworzenie adaptacyjne interfejsy użytkownika to zapewni konsumentowi wspaniałe wrażenia pomimo wyświetlania lub orientacji urządzenia, z którego korzystają.
Ludzie są bardzo zajęci iz tego powodu rzadko poświęcają im całą uwagę na jedno zadanie. Z tego powodu projekt musi być łatwy do zrozumienia.
Nie zmuszaj użytkowników do odgadywania. Używaj języka, który mogą łatwo zrozumieć w terminach słów, fraz i pojęć. Unikaj używania specjalnych warunków systemowych lub branżowych i nalegaj na język znany publiczności.
Jeśli masz zamiar zrealizować określone cele, pozwól, aby akcje były w sekwencji, która ma początek, środek i koniec. Po zakończeniu użyj powiadomienia, aby poinformować użytkownika i dołączyć do niego kolejne kroki.
Na przykład, jeśli projektujesz stronę dla systemu bankowości internetowej, możesz pogrupować działania w "Szczegóły kontaktu", "Szczegóły konta" i "Ustawienia profilu" zamiast ich wszystkich w jednym formularzu.
Błędy to nie tylko anomalie i błędy, ale także duże blokady drogowe odwiedzający podejmujący pożądane działanie .
Jeśli coś pójdzie nie tak lub nieprawidłowo załaduje, większość odwiedzających nie będzie czekała na poprawkę, po prostu odejdą. Zachowaj czujność i uważaj na błędy, naprawiając te, które robisz, jak najszybciej.
Użytkownicy nie lubią robić błędów. Czują się jeszcze gorzej, jeśli uważają, że są winni za błąd. Jeśli nie przekażą ci tej nienawiści i nie pójdą dalej, porzucą swoje konta, zanim jeszcze zostaną skonfigurowane.
Podczas projektowania należy wyeliminować możliwość wystąpienia błędu lub zaprojektować system, który sprawdza błąd przed ich przekroczeniem. Na przykład, powiedzmy, że potrzebujesz użytkowników, aby utworzyć hasło o długości co najmniej 8 znaków i co najmniej jedną cyfrę.
Czy Twój system pozwoli użytkownikowi na utworzenie hasła, które nie spełnia wymagań, tylko po to, aby powiadomić ich, gdy klikną "Dalej", lub czy powiadomi ich podczas wpisywania hasła? Ten drugi jest lepszym projektem.
Spójność interfejsu użytkownika sprowadza się do ciągłości, przewidywalności i oczekiwań. Projektowanie wszystkiego na całej tablicy tak jednolitego, jak to tylko możliwe i upewnienie się, że nie ma niespodzianek lub nieoczekiwanych rezultatów, znacznie poprawia spójność.
Przez Zasada najmniejszej niespodzianki : "Jeśli niezbędna funkcja ma wysoki współczynnik zdziwienia, może być konieczne przeprojektowanie tej funkcji."
Czy użytkownicy muszą zgadywać, co oznaczają słowa i które z nich oznaczają to samo? Czy muszą martwić się o kliknięcie przycisku, ponieważ nie są pewni, co zrobi? Zapewnij spójność procesów, funkcjonalności, wyglądu i terminologii.
Na szczęście nie brakuje zasobów w tej sprawie. Większość renomowane budowniczych stron pomoże ci w tym, ponieważ cechują się jednolitym i spójnym projektem układu siatki.
Jak to często się mówi dzisiaj, "Kontekst jest wszystkim". Kontekst to sposób, w jaki możemy łączyć nowe pomysły ze starymi pomysłami, budując relacje i znaczenie w naszym świecie.
Najlepszym nauczycielem tej lekcji jest prawdopodobnie reklamodawca. Reklamodawcy wiedzą, że bez wrażliwości kontekstowej na czas i sposób, w jaki prezentują swoje reklamy, reklamy stają się bezwartościowe - a to zmarnowane pieniądze ( zobacz, jak Google AdWords określa sposób prezentowania reklam ).
Podobnie, musisz zastosować kontekstowy projekt w swoich interfejsach użytkownika. Kontekstowy interfejs użytkownika to oparty na lokalizacji, uwzględniający czas i oparty na sytuacji projekt witryny lub aplikacji, który zapewnia najbardziej odpowiednie dane dla użytkownika. I to nie było głównym problemem dla projektantów jeszcze kilka lat temu.
Wraz ze wzrostem łączności w czasie rzeczywistym i uzależnienia od Internetu, kontekst może być przyczyną twojej porażki lub sukcesu.
Kontekst jest kluczem do relacji międzyludzkich i jest równie ważny dla podstawowe elementy projektu . Oczekujemy, że interaktywne obiekty będą intuicyjne i powinny tworzyć spójne relacje między naszymi obiektami funkcja i projekt .
Określanie rozmiaru obiektów interfejsu użytkownika i ilości Biała przestrzeń między sobą ma kluczowe znaczenie dla upewnienia się, że projekt wygląda zrównoważony i przewidywalny .
Oprócz zwrócenia uwagi użytkownika, pomaga to również użytkownikom zrozumieć, gdzie znajdują się obiekty, bez konieczności rozglądania się za miejscem.
Stałe testowanie Najlepiej jest określić najlepszy sposób, aby to osiągnąć, poszerzając to, co wymaga zwracania większej uwagi i zmniejszania tego, co powinno być mniej rozpraszające.
Programiści i projektanci zwykle lubią dostosowywać wszystko.
To pozwala nam kontrolować wszystko, od interfejsów po tapety i dzwonki. Większość ludzi nie wydaje się jednak kłopotać dostosowywaniem. Zakupiono większość urządzeń i innych urządzeń elektroniki użytkowej prawie nigdy się nie zmieni . Ludzie zwykle nie dostosowują swoich ustawień fabrycznych, ponieważ ich zmiana wymaga wiedzy, czasu i wysiłku.
Wiedząc o tym, ważne jest, aby upewnić się, że ustawienia domyślne są odpowiednie dla dużej grupy użytkowników, aby łatwo zrozumieć i nawigować. Oznacza to powiedzenie użytkownikowi: "Hej, możesz to dostosować, ale nie musisz tego robić."
Ludzie zwykle nie podejmują żadnych działań, chyba że zostaną o to poproszeni. Dlatego taktyki, takie jak wezwanie do działania, są tak potężne, że mogą pomóc napędzaj konwersje .
Co ważniejsze, poproś ich "ładnie". Co to znaczy? Weźmy na przykład czas i kontekst. Czy poprosisz użytkownika o rozpoczęcie kolejnego celu bez ukończenia tego, na którym aktualnie się znajdujesz? Zastanów się, kiedy pojawi się okienko z prośbą o sprawdzenie innych rzeczy. Jeśli nie pojawi się po przewinięciu do końca posta, robisz to źle.
Pamiętaj, że działa tylko wtedy, gdy użytkownik faktycznie jest zainteresowany czymś, co oferujesz. Jeśli możesz udowodnić, że zapewniasz istotną wartość dla ludzi, nie wahaj się poprosić użytkowników o zrobienie czegoś w zamian, na przykład za pośrednictwem stron mediów społecznościowych lub bloga. Działa to na bieżąco informować użytkowników, a także w sposób naturalny zwiększ swój ruch internetowy z biegiem czasu.
W naszej firmie zajmującej się projektowaniem stron internetowych zauważyliśmy, że odwiedzający stronę nie wiedzą, jak się z nami skontaktować. Było po prostu zbyt wiele opcji. Ludzie często byli przytłoczeni i nie wiedzieli, jak rozpocząć proces kontaktu.
Zastępują same siebie i w rezultacie otrzymaliśmy mniej konwersji kontaktów. Udoskonalając nasze pożądane działania, wizualnie nakierowaliśmy użytkowników na pożądane działania.
Ponownie, nie pozostawiaj użytkowników zgadujących. Daj im dokładnie znać, co chcesz, i powiadom ich, gdy wykonają akcję.
Kiedy wchodzisz do ciemnego pokoju i naciskasz włącznik światła, oczekujesz zapalenia się światła. Jeśli nic się nie dzieje po naciśnięciu przełącznika, możesz założyć, że coś poszło nie tak. Dotyczy to również projektowania.
Nikt nie lubi niepewności co do swoich działań, dlatego powinny istnieć informacje zwrotne dzięki wiadomościom i powiadomieniom z podpowiedzi, aby pokazać odwiedzającym, że ich działania zakończyły się powodzeniem i zostały potwierdzone. Informacje zwrotne mogą być tak proste, jak prowadzenie ankiety internetowej lub dodanie powiadomienia "Kompletne" po przesłaniu formularza, ale ma to kluczowe znaczenie, gdy zakładanie bloga lub aplikacji.
Podkreśla to również potrzebę nie pozostawiania użytkowników w drugiej kolejności. System powinien oferować informacje zwrotne, które są istotne, odpowiednie i pilne, wyczerpujące, sensowne i kontekstowe.
Sztuka projektowania ciągle się zmienia i nadal będziemy szukać nowych sposobów łączenia funkcji i formy w projekt interfejsu użytkownika. Przeszliśmy przez takie rzeczy, jak minimalizm i responsywny projekt, zmieniając i przekształcając się, gdy nowsze technologie pojawiają się na czele.
Mając na uwadze te dziesięć zasad UI, nie zapominaj, że niektóre zasady zostały złamane.
Testowanie i eksperymentowanie to sposób, w jaki uczymy się nowych zaufanych technik, ale możemy polegać na kilku z tych zasad jako naszych podstawach.