Co użytkownicy pamiętają najczęściej, pozycję lub kolor elementów?

Mam menu nawigacyjne z kilkoma przyciskami, które wyglądają trochę tak (UWAGA: Każdy przycisk ma charakterystyczną ikonę, która odróżnia go od reszty, nie dodałem ich do makiety, ale są one podobne do ikon Wins8):

Niektórzy użytkownicy zgłosili przypadkowe kliknięcie Podpisz zamiast Wyślij, co jest po prostu niedopuszczalne. Zastanawiam się teraz, jak bardziej różnicować przyciski. Jedną z opcji jest przesunięcie Znaka w prawo. Drugi (prawdopodobnie dodający do przenoszenia), aby zmienić jego kolor:

Czy pozycja wystarczająco dobrze różnicuje? Czy powinienem również rozważyć użycie koloru? Dodanie nowego koloru do tej nawigacji ma pewien wpływ na ogólną paletę i wygląd, więc ma cenę, którą musiałbym zapłacić.

Nie pomaga również to, że pracujesz z trzema czteroliterowymi słowami, które zaczynają się na literę „S”. :)

Kolor jest bezpośrednim wskaźnikiem, że coś jest inne. W pierwszym przykładzie naprawdę nie masz pojęcia, co robią te przyciski, chyba że poświęcisz trochę czasu, aby zwrócić uwagę i je przeczytać, na pierwszy rzut oka są one znacznie podobne do różnicowania. Paradygmat, którego używamy tam, gdzie pracuję, polega na tym, że nasze działanie podstawowe różni się od wszelkich mniej ważnych lub mniej stałych / ostatecznych działań.

Ale kolor niekoniecznie musi sprawić, że zrobi się go lub złamie. Inną prawidłową strategią byłoby skojarzenie ikony z każdym przyciskiem (nie tylko z dwoma ostatnimi). W ten sposób tworzysz kolejną łatwo rozpoznawalną różnicę w elementach.

Jeśli chodzi o twoje aktualne pytanie, czy pozycja jest wystarczająco zróżnicowana, myślę, że to z pewnością pomaga, ponieważ wzór przycisków jest łamany przez dwa mniejsze, co zmusza cię do spojrzenia na różnice w przyciskach zamiast ich ignorowania. Dodany kolor pomaga to jeszcze bardziej zaakcentować i osobiście, jeśli to możliwe, również dodam kolor, ponieważ pomaga to w przyszłości udowodnić go w przypadku, gdy więcej opcji zostanie dodanych później, a przycisk może zostać pominięty częściej. Chociaż pod warunkiem, że zmiana koloru jest trudna do wykonania, nowe ustawienie byłoby wystarczające.

Jednak to, co myślę, jest prawdopodobnie mniej istotne niż to, co myślą lub robią Twoi użytkownicy, a jeśli masz zasoby, spróbowałbym różnych projektów i przetestowałbym je z użytkownikami, aby zobaczyć, którzy wolą i z jakich powodów.

Rzeczy, które można wykorzystać do rozróżnienia przycisków:

• etykiety (oczywiście)
• kolor
• rozmiar
• zamówienie
• Lokalizacja
• bliskość
• kształt / styl

Im więcej niezamierzonych obrażeń może spowodować akcja, tym większe prawdopodobieństwo, że wybierzesz więcej niż jedną z powyższych opcji.

Nie znając przepływu użytkownika dla tych poleceń, nie wiem, czy twoja sugestia jest wystarczająca, ale zdecydowanie jest to poprawa w porównaniu z poprzednimi, ponieważ teraz przesunąłeś akcję „och, och”, z dala od pozostałych dwóch.

Może pójdę o krok dalej i zastosuję rozsądne różnicowanie bliskości. Być może coś tak drastycznego jak to:

--------  --------
| SAVE |  | SIGN |                                               DELIVER -->
--------  --------   

Użyłem tutaj wielu wyróżników ... bliskości, stylu / rodzaju przycisku i przemianowałem nazwę „wyślij” na „dostarcz” (patrz poniżej).

Innym wyzwaniem, które wydaje się być, jest ogromny przypadek aliteracji. Potrzeba trochę kreatywności, aby to pokonać. Na przykład prawdopodobnie nigdy nie chcesz mieć obok siebie dwóch przycisków z etykietami „usuń” i „dostarcz” :)

Zgadzam się zarówno z Johannesem, jak i DA01, obaj podnieśli kwestie, które chciałbym odnośnie do pozycjonowania, aliteracji itp.

Ale co chciałbym dodać.

Mając już ikony do zapisywania i wysyłania znaków, sama zmiana pozycji przycisku wysyłania powinna być wystarczająca. Sugerowałbym nie zmieniać koloru, ponieważ nie ma takiej potrzeby, a dla użytkowników jest to nieco bardziej drastyczna zmiana (nie zrozum mnie źle, wiem, że mogliby sobie z tym poradzić, ale nie sądzę, aby była potrzebna).

Jeśli symbole są wystarczająco rozpoznawalne dla ludzi, wystarczające powinno być oddzielenie przycisku wysyłania.

Jeśli twoje ikony są mniej natychmiast rozpoznawalne, tzn. Masz tradycyjną dyskietkę lub ikonę USB zamiast tradycyjnej dyskietki dla ikony zapisywania, to zdecydowanie sugeruję zmianę koloru zgodnie z twoimi sugestiami, ludzie rozumieją, że zielony oznacza „odejdź”.

Mam nadzieję, że użytkownicy będą zadowoleni;)

Co użytkownicy pamiętają najczęściej, pozycję lub kolor elementów?

Nie przedstawię konkretnych sugestii, ale krótki komentarz do nagłówka: jest bardzo indywidualny. Tak jak niektórzy powiedzą „Rozumiem, co masz na myśli”, a inni powiedzą „Słyszę cię” lub coś podobnego. Niektórzy ludzie są nastawieni na wizualizacje, niektórzy są bardziej nastawieni na dźwięk.

Niektórzy ludzie są bardziej dostosowani do kształtu, inni do kolorów. Tak jak musisz zaspokoić ślepotę barw, musisz wziąć pod uwagę, że nie wszyscy ludzie postrzegają kształty i kolory jako podstawowe wskazówki do nawigacji (niektóre osoby rozpoznają drzewo, zwierzę, dom po kształcie lub kolorze; niektórzy rozpoznać samochód jadący według dźwięku zamiast kształtu i / lub koloru itp.).

W tym przypadku jest to oczywiście równowaga między nimi (fajnie byłoby dowiedzieć się, jakiego rodzaju użytkownicy popełniają błąd przy niewłaściwym przycisku. Może to być wzorzec. Myślę też, że użytkownicy o doskonałych umiejętnościach obsługi komputera będą szybciej zakładając, gdzie znaleźć odpowiedni przycisk).

Ponieważ nie możesz pokazać nam rzeczywistych przycisków z ikonami, trudno jest zasugerować. Jednym prostym sposobem może być po prostu zwiększenie odległości do „wyjścia”, jak sugeruje @ DA01. Coś jak MailApp:

Tylko myśl.

Zabawnym eksperymentem jest pokazanie garstce ludzi prymitywnej makiety (im prościej, tym lepiej: rysunki, post-it na ścianie, odwrócony szkic, biała tablica itp.) Z przyciskami umieszczonymi, ale nieoznaczonymi i zidentyfikowanymi. Następnie zapytaj ludzi, czego oczekują anonimowe przyciski. Czasami może to przynieść pouczające i bardzo interesujące wyniki.