4 wnioski wyciągnięte ze słynnych błędów projektowych

Jako projektanci możemy wskazać genialny projekt w ciągu sekundy i kiepski projekt w ciągu pół sekundy. W rzeczywistości zły projekt jest tak zauważalny, że poświęcono mu całe subreddity. Jesteśmy po prostu wyszkoleni, aby myśleć o intuicyjnych rozwiązaniach, które są również atrakcyjne wizualnie, więc kiedy widzimy coś, co można ulepszyć, to się wyróżnia.

Od zepsutych przycisków, przez wadliwe formularze, po irytujące wzorce nawigacji, kiepski design jest wszędzie wokół nas. Chociaż czasami może to być zabawne, może być również bardzo poważne.

Ale bez względu na wszystko zawsze można się czegoś nauczyć na błędach projektowych, aby nie powtarzać ich w przyszłości. Zanurzmy się więc w kilka słynnych błędów projektowych, z których możesz wyciągnąć lekcję!

Lekcja 1: Testowanie użytkowników jest kluczem do tworzenia wyjątkowych doświadczeń

Klasyczna „wada” projektowa jest znana jako drzwi normańskie. Jeśli nigdy o tym nie słyszałeś, zadaj sobie pytanie: czy kiedykolwiek próbowałeś pociągnąć drzwi pchane lub pchać drzwi pchane? Gratulacje, trafiłeś na normańskie drzwi!

Problem z tymi nieznośnymi drzwiami polega na tym, że projekt prowadzi twoją intuicję na manowce. Albo w ogóle nie wiesz, jak otworzyć drzwi, albo zakładasz, że drzwi powinny być otwarte, tak naprawdę powinno być odwrotnie.

Normańskie drzwi są nie tylko bardzo zagmatwane i krępujące (nigdy nie robię ich dobrze za pierwszym razem!), Ale są tak powszechne, że stały się powszechnie znanym zjawiskiem. Można by pomyśleć, że zaowocowałoby to lepszym rozwiązaniem i projektem, ale nadal jest to problem, z którym prawie każdy powiedziałby, że napotkał w pewnym momencie.

dania na wynos:

Lekcja do nauczenia jest taka, że ​​doświadczenie użytkownika i testy użytkownika są bardzo ważne! Jeśli ludzie, dla których projektujesz, nie rozumieją, jak używać lub poruszać się po twoim projekcie, jaki jest sens?

Szczególnie w przypadku projektowania stron internetowych interfejs użytkownika jest niezwykle ważny. Tylko dlatego, że jest pięknie zaprojektowana, nie oznacza, że ​​każdy będzie wiedział, gdzie znaleźć potrzebne informacje w Twojej witrynie, dlatego musisz zaprojektować ją w taki sposób, aby wiedział, co dalej.

Rozwiązanie „sprawdzania swojej pracy” jest prostsze niż myślisz: przeprowadź testy użyteczności, aby uzyskać informację zwrotną od kogoś z grupy docelowej. Nie prowokuj ich zbyt dużą ilością informacji; po prostu obserwuj i zobacz, jak poruszają się po Twojej witrynie, aby lepiej zrozumieć, w jaki sposób zamierzają z niej korzystać. Pozwól im zadawać pytania i zadawaj pytania sobie!

Lekcja 2: Ochrona przed błędami ludzkimi

Bez względu na to, jak dobrze coś jest zaprojektowane, w końcu ludzie popełniają błędy. Wybieramy niewłaściwe rzeczy, klikamy niewłaściwe klawisze i naciskamy niewłaściwe przyciski. Powstaje zatem pytanie: czy projekt może pomóc nam przezwyciężyć ludzki błąd? Przykładem tego są alarmy rakietowe na Hawajach, które zostały wysłane na początku 2018 roku. Alert został wywołany przez naciśnięcie niewłaściwego przycisku, co skłoniło wielu projektantów do zastanowienia się, czy lepszy projekt mógł temu zapobiec.

O ile nie pracujesz dla facetów, którzy naciskają przycisk, tak naprawdę nie ma pewności, jak dokładnie działa ten proces. Ludzie zaczęli jednak zadawać kilka ważnych pytań i przeprowadzać burzę mózgów, w jaki sposób projekt może pomóc w stworzeniu zabezpieczeń przed błędami ludzkimi. Na przykład, być może gdyby przyciski „to jest ćwiczenie” i „to jest na serio” były nieco bardziej unikalne lub niedostępne w tym samym menu, całej sytuacji można by zapobiec.

To wydarzenie było wielkim szokiem dla świata, ponieważ projektowanie mające na celu zapobieganie błędom ludzkim ma ogromne znaczenie. Nawet w przypadku drobnych rzeczy, takich jak zakupy online, mały błąd ludzki może spowodować duże problemy z płatnościami i Twoją firmą. Jak to mówią dobra obrona to najlepsza ofensywa.

dania na wynos:

Czy kiedykolwiek uruchomienie wyskakującego okienka weryfikacyjnego dla ważnych zmian było złym pomysłem? Mówię tylko, że jeśli przycisk „USUŃ” w bazie danych nie ma przycisku „Czy na pewno?” ekranie, to nie wiem, jak żyłeś z niepewnością w swojej pracy.

Nawet w podstawach kodowania zaczynasz się uczyć, jak proaktywnie minimalizować błędy ludzkie tam, gdzie to możliwe. Dlatego nawet proste środki zapobiegawcze, takie jak ustawienie odpowiednich uprawnień, posiadanie kopii zapasowych czy ustawienie typów danych, mają ogromne znaczenie!

Ochrona przed błędami ludzkimi jest również bardzo ważna dla użytkowników witryny. Rozważ to: być może masz długi formularz, który Twoi użytkownicy wypełniają dla Twoich usług. Czy po kliknięciu przycisku Prześlij pojawiają się niekompletne błędy? Czy jest komunikat „Czy na pewno chcesz wyjść?” ostrzeżenie, jeśli przypadkowo zamkną się w trakcie dokonywania zakupu? Są to proste rzeczy, które pomogą Twoim klientom zapewnić najlepsze wrażenia i oszczędzą sobie potencjalnych bólów głowy w przyszłości.

Lekcja 3: Typografia nie powinna być refleksją

Pamiętasz Oscary 2017 z niewłaściwym zwycięzcą „Najlepszego filmu?” Porozmawiaj o prostym błędzie, którego można było uniknąć dzięki odrobinie hierarchii!

Chociaż istnieje kilka czynników, które złożyły się na fałszywe ogłoszenie, jedną zmianą, która z pewnością mogła pomóc w stworzeniu odrobiny przejrzystości, było lepsze wykorzystanie typografii na samej karcie. Mimo że informacji jest niewiele, należy je wyświetlić w sposób, który szybko będzie zrozumiały dla użytkowników. Wracamy do walki z ludzkim błędem — jeśli typografia nie jest wystarczająco mocna, aby wyraźnie stworzyć poczucie hierarchii, użytkownicy muszą odgadnąć kolejność informacji. A jeśli zgadną źle, zdarzają się pomyłki, a nagrody przyznawane są niewłaściwemu filmowi.

dania na wynos:

Uporządkowanie potrzebnych informacji i zastosowanie podstawowych zasad projektowania to zawsze dobry początek każdego projektu. Przedstaw swój punkt widzenia i zastanów się nad głównym wnioskiem lub wezwaniem do działania, które chcesz przekazać. Jak wyróżnić ją spośród innych informacji? Gdyby ktoś po prostu przeleciał wzrokiem po stronie, czy zrozumiałby dokładnie, co powinien wiedzieć lub co zrobić?

W podobny sposób nikt nie chce odwiedzać Twojej witryny tylko w celu wyszukiwania i wyszukiwania potrzebnych informacji. Czasami najłatwiejszym rozwiązaniem tego zamieszania jest prosty i przejrzysty projekt. W ten sposób unikasz redundancji lub ukrytych informacji i każdy może znaleźć to, czego potrzebuje!

Lekcja 4: Chociaż Ty możesz znać najnowsze trendy w projektowaniu, Twoi użytkownicy mogą ich nie znać

Ilekroć pojawia się nowy trend w projektowaniu, ekscytujące jest wypróbowanie go samemu. Weźmy na przykład przyciski duchów. (I nie, nie mówię o przycisku w kształcie ducha.) Przycisk-widmo jest zwykle lekko obrysowany na tle w podobnym kolorze (jeśli nie przezroczystym) i płynnie układa się na stronie, nie przyciągając zbytniej uwagi.

Te małe guziki wywołały spore zamieszanie ze względu na ich atrakcyjny wygląd, ale mogą wprowadzać w błąd, jeśli są źle wykonane. Czasami wyglądają jak kolejny element projektu na stronie zamiast interaktywnych elementów, które użytkownicy mogą kliknąć.

dania na wynos:

Jeśli chodzi o projektowanie, bycie na bieżąco z najnowszymi i najlepszymi trendami sprawia, że ​​wyglądasz, jakbyś był na bieżąco. Jednak to, że robią to fajne dzieciaki, niekoniecznie oznacza, że ​​jest to odpowiednie dla projektu witryny. I wszyscy wiemy, że lepiej mieć prosty projekt, który się konwertuje, niż fajny projekt, który nie działa.

Dużą częścią tego jest upewnienie się, że twoje przyciski się wyróżniają. Jeśli masz prostokątną linię włosów na przycisku, który znajduje się na stronie pełnej innych prostokątnych kształtów, prawdopodobnie może nie wyróżniać się tak bardzo, jak myślisz.

Kolejną wskazówką jest jasne wezwanie do działania. Jeśli na przycisku znajduje się tylko stwierdzenie typu „ŁADNY”, może to nie być wystarczająco jasne wskazanie, że jest to przycisk, który można kliknąć — może wyglądać bardziej jak nagłówek lub element dekoracyjny. Używanie copy z czasownikiem takim jak „Dowiedz się więcej” lub „Aplikuj teraz” jest bardziej przejrzyste.

Podsumowanie lekcji

Chociaż wady projektowe są łatwe do zauważenia, wszyscy wiemy, że projektanci zawsze mają jak najlepsze intencje. Ważne jest, aby być na bieżąco i uczyć się od siebie nawzajem. Jednym z najłatwiejszych sposobów uczenia się od projektowania jest pomoc projektantowi — druga para oczu nigdy nie zaszkodzi!

Przyglądając się krytycznie własnej pracy projektowej, spróbuj przemyśleć ją z punktu widzenia użytkownika. Zadaj sobie pytanie, czy jest to intuicyjne? Czy jest to proste, ale pouczające? Czy jest ktoś, kogo mógłbym poprosić o obejrzenie tej pracy? Krytyczne spojrzenie na własny projekt może być czasami trudne, ale jest to łatwy krok, który sprawi, że Twoja praca będzie doskonalsza.

Co wyniosłeś z tych błędów projektowych? Czy są jakieś lekcje, których nauczyłeś się na własnej skórze? Podziel się z nami swoimi doświadczeniami w komentarzach!