Działające interfejsy: 4 najczęstsze błędy popełniane przez początkujących projektantów

Dlaczego na starcie jest to trudne dla początkujących

Słaba ostrość wzroku

Często początkujący specjaliści

skopiuj czyjś styl i odizoluj się od niego.Zapominają, że projektowanie wiąże się z generowaniem wielu pomysłów, które niekoniecznie muszą być od początku piękne i dopracowane. To częsty błąd szkół projektowych: specjaliści wychodzą stamtąd jako perfekcjoniści i chcą od razu tworzyć bezbłędne projekty. Ale wszystko działa na odwrót: najpierw lepiej wymyślić kilka różnych opcji, a następnie stopniowo odrzucać te nieodpowiednie, a na koniec przejść do szczegółów.

Doświadczenie „w próżni”-początkujący nie stanęli przed prawdziwymi wyzwaniami

Niewielu zdaje sobie sprawę, że celem projektanta jest decydowanieprośba biznesowa, a nie tylko stworzyć piękny układ graficzny w Figma. Dlatego tylko specjaliści, którzy weszli do zawodu, zamiast rozwiązać problem, rysują piękny obraz. To „przejście” od piękna do funkcjonalności nie jest łatwe, ale jest bardzo ważne dla rozwoju zawodu. W rzeczywistości jest to jedna z głównych trudności na początku kariery projektanta.

Z roku na rok rosną wymagania wobec specjalisty.

Zestaw podstawowych umiejętności jest już obszerny, a do tegododawane są również pokrewne - wiedza z zakresu analityki produktu, rozwoju, animacji i tak dalej. Bardzo trudno je samemu rozwijać, prawie zawsze potrzebujesz lidera lub mentora.

Dodatkowe trudności stwarza duża konkurencja i często nierealne prośby ze strony firm: wiele osób poszukuje profesjonalistów za niższe pensje.

4 błędy początkujących i jak sobie z nimi radzić

Istnieje kilka „luk”, które mają prawie wszyscy początkujący projektanci. Ale można sobie z nimi łatwo poradzić, jeśli zauważysz w swojej pracy.

1. Postrzegaj dzieło jako sztukę.Często początkujący myślą, że są artystami irobią coś złego: sprawdzają wcięcia między blokami tekstu, godzinami wybierają kolory i próbują zbudować kompozycję według złotego podziału. Wszystko to prawie nie ma zastosowania do projektowania interfejsów. Obszar ten nie nazywa się tylko Human Interface Design, jest bardzo stosowany: tutaj ważne jest zaprojektowanie interfejsu dla osoby do pracy z komputerem, stroną internetową lub aplikacją, a przede wszystkim zastanów się, jak wygodne i łatwe będzie to korzystać z produktu. Oto najlepsza rada: najpierw myśl o funkcji, potem o estetyce.

2.Skomplikuj interfejs i udekoruj niepotrzebnymi elementami.Początkujący projektanci często próbują dodawaćwięcej ikon, grafik i innych „dekoracji” w rozbudowanym interfejsie. W takich przypadkach obowiązuje dobra zasada: im mniej designu, tym lepiej. Minimalny zestaw elementów jest korzystny zarówno dla projektanta, jak i przyszłego użytkownika. Ten pierwszy łatwiej i szybciej poradzi sobie z zadaniem, a drugi skróci czas załatwienia wniosku. W tym miejscu należy pamiętać o głównym mierniku – Czasie spędzonym na zadaniu.

3.Twórz dodatkowe ekrany i akcje dla użytkownika.Motto wielu nowicjuszy brzmi:„Skomplikowane środki dla profesjonalistów”. Z tego powodu celowo utrudniają niektóre kroki, aby pokazać, jak wiele mogą. Z tego samego powodu można zobaczyć strony internetowe restauracji i kawiarni, które projektują cyfrowe menu w taki sam sposób, jak zwykle bezpośrednio w lokalu. Wszędzie dodają malowane tła, animowane obrazy i banery, które przeciążają stronę i odwracają uwagę od najważniejszego. Na przykład numer telefonu, pod którym klient może zarezerwować stolik i zapłacić za obiad, jest prawie niemożliwy do znalezienia.

4. Brak widzenia ogólnego obrazu procesu.Początkujący starają się nie opuszczać swojej strefy komfortu imyśl tylko w kategoriach zadania. Tracą poczucie skali i nie łączą swojej części pracy z ogólnym celem projektu. Z tego powodu pojawiają się sytuacje, gdy projektant tworzy fajne rozwiązanie, które upraszcza rejestrację z trzech do dwóch kroków, ale potem strona przekierowuje użytkownika do najbardziej skomplikowanego ekranu ustawień: z tego znika cały efekt ulepszenia. Aby w porę zauważyć takie błędy, trzeba umieć komunikować się z innymi działami: rozwoju, marketingu, biznesu. Projektant może zwrócić uwagę na problem i zaproponować rozwiązanie wykraczające poza „zaprojektowanie rejestracji”. Ważne jest, aby zawsze wyczuć skalę zmian, jakie projektant wprowadza do produktu.

Life hacki: jak stworzyć fajny interfejs

Skoncentruj się na UX-doświadczenie użytkownika.Produkt projektanta powinien być przede wszystkim prosty i zrozumiały. Dlatego opracowując projekt, należy zawsze myśleć o kliencie i celu, jaki chce osiągnąć.

Ważne jest, aby zrozumieć, że każda witryna ma cele iZastosowania są zupełnie inne, dlatego warto zastanowić się nad kontekstem przyszłego projektu. Na przykład etapy rejestracji w aplikacjach do rezerwacji lotów i dostarczania jedzenia będą inne. Specjalista musi mieć empatię dla użytkownika, aby zawsze o nim myśleć i wyobrażać sobie, jak będzie pracował z produktem. 

Wyczyść interfejs-wygląd witryny lub aplikacji.Dobry interfejs jest zawsze tworzony z dbałością o szczegółydo konkretnego użytkownika. Ponieważ koncepcja „przyjaznego interfejsu” jest dla każdego inna, projektant musi oddzielić grupę docelową od reszty i dokładnie przemyśleć, w jaki sposób korzystanie z produktu będzie dla niej wygodniejsze.

Takie podejście pozwala na tworzenie interfejsów naprawdę zrozumiałych dla konkretnego odbiorcy, mającego określone oczekiwania wobec produktu. 

Tutaj również mile widziana jest prostota. Dlatego jeśli w ogóle nie wiesz, jak zrobić interfejs, zastosuj zasadę „aby moja babcia zrozumiała”. Sprawdzi się w każdej niezrozumiałej sytuacji.

Przeprowadź wywiady korytarzowe i przetestuj interfejs. Nie da się dokładnie obliczyć ileprodukt będzie odpowiedni, więc lepiej rozpocząć prace nad nim od małego, a dopiero potem dodawać nowe funkcje. Dzięki temu możesz szybko wypuścić produkt na rynek i rozwijać go, uwzględniając w jak największym stopniu potrzeby grupy docelowej. 

Weźmy na przykład rozwój projektu.za Generated Photos, usługę generującą zdjęcia twarzy w oparciu o sztuczną inteligencję. Pierwsza wersja produktu została celowo zaprojektowana jako portal zdjęć stockowych z dużym zestawem filtrów: można było wybrać kolor skóry, włosy, rasę.

Faktem jest, że pierwotna publiczność byłaniewielka grupa pasjonatów i firm, które rozwijają sztuczną inteligencję. Dla nich bardzo ważne są szczegóły techniczne i umiejętność dokładnego filtrowania wyników. Dlatego dopiero po tym etapie, kiedy hipoteza została potwierdzona, a produkt naprawdę był poszukiwany, zaczęli testować inne przypadki użycia i brać pod uwagę szerszą publiczność. Na przykład dodaliśmy kwestię podobnych zdjęć.

Katalog zdjęć z filtrami / Wygenerowane zdjęcia, 2022

Zacząłem także dodawać przydatne funkcjebezpośrednio dla firmy deweloperskiej. Ponieważ generowanie twarzy przez sztuczną inteligencję jest sprawą eksperymentalną, chciałem nauczyć ją popełniać mniej błędów i nienaturalnych zdjęć. Najtańsze rozwiązanie, które okazało się bardzo przydatne: do każdego zdjęcia dodaj lajka i niechęć, aby użytkownicy mogli ocenić, jak dobrze zdjęcie zostało wykonane. Wiele osób zamieniło to w grę, w której polowali na źle wygenerowane zdjęcia i nie lubili ich. Sieć neuronowa wyciągnęła wnioski z tych ocen i stopniowo stawała się lepsza.

Widżet do oceny wygenerowanego zdjęcia (po prawej) / Wygenerowane zdjęcia, 2022

Mogłoby się wydawać, że dodanie takich rzeczy może:tylko menedżer produktu, programista lub analityk, ale dobry projektant robi to równie często. Bardzo ważne jest dla niego zrozumienie odbiorców i produktu, włączenie empatii i wyobrażenie sobie, jak można jednocześnie zrobić lepiej dla klienta i konsumenta.

Użyj systemu projektowania, aby szybko i sprawnie stworzyć produkt.Jeśli pracujesz dla firmy, która ma kilkaproduktów i usług, doskonałym rozwiązaniem byłoby połączenie wszystkich elementów projektu w tym samym stylu. Jest to pomysł oczywisty, jednak nie zawsze poświęca się mu wystarczającą uwagę. Dlaczego użytkownik za każdym razem musi przeszkolić swój mózg, aby znaleźć niezbędne elementy? Dlaczego projektant za każdym razem musi zastanawiać się nad nowymi rozwiązaniami wizualnymi UX? Można je ujednolicić tak, aby klient zawsze wiedział, czego się spodziewać rozpoczynając korzystanie z usługi innej firmy. Na Zachodzie ma to pojemne określenie z psychologii percepcji – afordancja, co oznacza „oczekiwany cel podróży”.

Ujednolicona nawigacja, wyszukiwanie, zarządzanie kontem i filtry / Ikony, Ała, Łoś (by Icons8), 2022

Zmniejsza to ten sam czas na zadanie, upraszczażycia użytkownika, ponieważ łatwiej jest mu przejść z jednej usługi do drugiej, a także pomaga biznesowi szybciej wprowadzać nowe produkty, z pominięciem długiego etapu rozwoju od zera.

Błędy i trudności zdarzają się początkującym w każdym przypadkusferze, ale rozpoczęcie pracy jest łatwiejsze, gdy znasz je z wyprzedzeniem. Te zalecenia pomogą profesjonalistom dostrzec swoje braki i szybciej wspiąć się po szczeblach kariery zawodowej.

Czytaj więcej:

Stworzył komputer kwantowy, który „wykroczył poza system binarny”

Samolot naddźwiękowy poleci z prędkością 2000 km/h i przeleci ocean w 3,5 godziny

Pojawia się przekonująca nowa teoria wyjaśniająca, dlaczego cywilizacja Majów upadła