Myśl mniej. Projektuj lepiej.

Promowanie lepszego przepływu pracy w projektowaniu interfejsu użytkownika poprzez łatwe do zarządzania procesy decyzyjne i myślowe.

Dobrze zaprojektowany interfejs użytkownika jest wynikiem szeregu kluczowych decyzji, które nie tylko sprawiają, że doświadczenie jest intuicyjne, ale także estetyczne dla użytkownika. Usprawnienie procesu decyzyjnego może ułatwić przepływ pracy i zwiększyć szanse na uzyskanie optymalnego wyniku.

Im więcej możliwości dostępnych w procesie projektowania, tym więcej myślenia wymaga wykonanie i finezja.

Amerykański psycholog Barry Schwartz napisał w „Paradoksie wyboru”, że wyeliminowanie wyborów może znacznie zmniejszyć lęk. Argumentował, że powinniśmy mieć standardy i kryteria, ale nie martw się o możliwość, że może być coś lepszego. Było to w kontekście konsumentów, ale uważam, że dotyczy to również decyzji projektowych.

Strategia maksymalizacji nie polega na tym, aby nie być perfekcjonistą, ale podejmować najbardziej korzystne decyzje, które łącznie tworzą optymalne wrażenia.

1. Ograniczające zmienne

Jeśli weźmiemy pod uwagę wszystkie potencjalne zmienne, aby stworzyć koncepcję wysokiej wierności, a może być ich wiele, staje się jasne, że musimy je ograniczyć i zdefiniować na wczesnym etapie. Zmniejszenie liczby dostępnych opcji ułatwi podejmowanie decyzji.

Dzięki doświadczeniu łatwiej jest przewidzieć, w jaki sposób ograniczenie pewnych grup zmiennych ma efekt mnożenia w całej kompozycji.

Ograniczanie wyborów nie koreluje ze zmniejszaniem oryginalności. Zakładamy, że tworzenie koncepcji wokół predefiniowanych reguł jest ograniczeniem, ale jako projektanci możemy ustalić własne reguły i mieć całkowitą kontrolę nad ich formułowaniem.

Skala i odstępy

Każdy aspekt projektowania interfejsu powinien obracać się wokół systemu, który promuje rytm i pomaga zachować spójność w skali i przestrzeni w miarę rozwoju projektu. Jednym z takich systemów, który uwielbiam używać, jest skala modułowa, która może ułatwić skalowanie z dowolnego określonego współczynnika do pomiaru lub ustawienia wielkości elementu lub ujemnej przestrzeni w kompozycji.

Po wybraniu współczynnika skala modułowa może ułatwić zdefiniowanie skali i odstępów

Chociaż może zmniejszyć zmienne w siatkach, typografii, odstępach w pionie i ogólnych wymiarach układu do rozsądnego poziomu, zapewnia również przyjemną estetykę i rytm. Projektowanie interfejsu użytkownika jest znacznie łatwiejsze.

Siatki

Systemy siatki świetnie nadają się do ograniczania organizacji treści w płaszczyźnie poziomej i nie wymagają myślenia, jeśli chodzi o interfejs użytkownika. Jednak siatka jest często wybierana bez większego zastanowienia, aby była uniwersalna. Większość projektantów nie zdaje sobie sprawy z tego, że lepiej jest stworzyć system siatki oparty na treści.

System siatki zredukuje zmienne w układzie

Oznacza to, że najlepiej wcześniej z góry zrozumieć scenariusze dotyczące treści, aby uzyskać obraz tego, jak lepiej obsługiwać zawartość z określonej siatki. Pomyśl o ograniczeniach biznesowych związanych z istniejącymi zasobami i przewodnikami po marce, takimi jak logo z określonymi regułami i wymaganiami dotyczącymi odstępów, a może reklamy z określonymi stałymi jednostkami.

Rodzaj treści jest również ważnym czynnikiem. Istnieje duża różnica między opracowaniem układu sklepu, publikacji prasowej lub bloga, a zwykłą stroną powitalną. Układ, w którym jest dużo obrazów, a więcej słów. Pomocne może być zrozumienie wzorców skanowania oczu i ich wpływu na hierarchię wizualną.

Im lepsze zrozumienie ograniczeń biznesowych i ograniczeń treści z góry, tym łatwiej będzie wybrać system siatki i podejmować decyzje dotyczące układu.

Typografia

Argumentowałbym, że typografia jest najważniejszym aspektem projektowania interfejsu użytkownika, ponieważ może stanowić do 95% sieci i być siłą napędową komunikacji.

Podczas gdy systemy takie jak skala modularna mogą być stosowane do wielkości i wiodących, rodziny i style czcionek mogą być również ograniczone. Interfejs użytkownika nigdy nie powinien przekraczać dwóch rodzin i kilku wag. Reguły można również rozszerzyć na sposób obsługi uzasadnienia i tytułu.

Kolor

Palety sprawiają, że jest się nadgorliwym. Mały zakres tonów może znacznie przyczynić się do uzyskania wystarczającej i spójnej grafiki. Zazwyczaj wszystko, czego potrzebujemy do punktu wyjścia, to pięć próbek.

Narzędzia takie jak Adobe Color CC ułatwiają predefiniowanie palety

Większość marek powinna zawierać kolor podstawowy lub akcentujący oraz kilka neutralnych lub kontrastujących tonów, aby je uzupełnić. Nie potrzebujemy 15 odcieni jednego tonu, szczególnie na początku. Lepiej zacząć od małego, a później zwiększyć odcień lub dwa.

Zdjęcia

To, w jaki sposób włączamy obrazy do interfejsu użytkownika, zależy w dużej mierze od kontekstu treści. Jeśli mamy przybliżone pojęcie, co to jest, możemy stworzyć punkt początkowy dla naszych obrazów ze zmiennymi współczynnika, rozmiaru, kształtu i leczenia. Może się okazać, że nie potrzebujemy tak wielu.

Ograniczenie naszych zmiennych obrazu wymusi lepszą spójność i ułatwi zarządzanie zasobami obrazu w dłuższej perspektywie. To samo dotyczy ikonografii.

Ile zmian w proporcjach i rozmiarach faktycznie potrzebujemy?

2. Wcześniejszy przewodnik po stylu

W miarę rozwoju projektu interfejsu użytkownika coraz ważniejsze staje się tworzenie i utrzymywanie przewodnika po stylach lub biblioteki wzorców. To ustanowi zasady projektowania, które pomogą skalować projekt, zachowując rytm i spójność. Jeśli wcześniej definiujemy zmienne, to dobry sposób na ich udokumentowanie. Podejmowanie decyzji w przyszłości będzie łatwiejsze dzięki przewodnikowi stylowemu niż bez niego.

W zależności od projektu stworzenie przewodnika po stylu jest luksusem i często jest przeznaczone do wykorzystania w przyszłości. Dlatego większość przewodników po stylu zbiera się w ostatniej chwili lub po zakończeniu projektu, a to wciąż dobra praktyka. Ale chociaż istnieje wiele postracjonalizacji i uzasadnienia przewodnika po stylach, który pomoże w przyszłym projektowaniu i rozwoju, może faktycznie pomóc w budowaniu wierności we wczesnych etapach konceptualizacji.

Stworzenie podstawowego przewodnika po stylu od samego początku nie tylko ustanowi zasady na wczesnym etapie, aby ograniczyć decyzje projektowe, ale także pomoże jako infrastruktura do ewolucji i poszerzenia zasadniczych postępów.

Stworzenie go na początku nie oznacza, że ​​musi być kompletne - wręcz przeciwnie. Style i tak ewoluują na wczesnych etapach, a im większy projekt, tym wyraźniejsze i ściślejsze stają się granice.

3. Priorytet oparty na modułach i dostosowanie

W modułowych systemach projektowych, takich jak Atomic Design Brada Frosta, układ można sformułować z określonych kluczowych obszarów. Moduły stają się wielokrotnego użytku w różnych układach. Interfejsy są traktowane jako systemy, a nie strony, przy czym projektowanie i projektowanie oparte na wzorcach stanowi znaczną część procesu.

Jest to świetna metodologia i sprawia, że ​​projektowanie interfejsu użytkownika jest znacznie łatwiejsze w zarządzaniu, ale aby było bardziej skuteczne, musimy ustalić priorytety kluczowych obszarów i dostosować wszystko wokół nich. To z kolei zapewni spójność wizualną.

Zidentyfikuj kluczowe obszary

Nasz projekt powinien obracać się wokół ważnych części. Priorytet każdego obszaru zależy od jego zawartości lub funkcjonalności w interfejsie i jest zasadniczo kluczem do układanki.

Koncentrując się najpierw na ważnych obszarach, zmniejszamy następnie decyzje projektowe, ponieważ kolejne obszary muszą się zginać i dostosowywać do ustalonego otoczenia.

Skoncentruj się na kluczowych obszarach

Po zidentyfikowaniu obszarów o wysokim priorytecie chodzi o skupienie się na najważniejszych częściach i doprowadzenie ich do końca. Chodzi o to, aby upewnić się, że są intuicyjne i spełniają wszystkie wymagania, zanim dostosują mniej ważne obszary.

4. Spraw, aby działał dla wszystkich

Przez tysiące lat projektanci starali się zrobić jedną rzecz - skutecznie komunikować się. Ciągle odkrywamy i dopracowujemy sposoby na lepszą komunikację wizualną i dźwiękową z publicznością.

Przy stale rosnącym dostępie do informacji od jak najszerszego grona odbiorców konieczne staje się maksymalizowanie dostępności dla jak największej liczby osób.

Dostępność jest błogosławieństwem w przebraniu

Zaspokajanie potrzeb szerszej publiczności to więcej pracy i kuszące jest postrzeganie dostępności jako bariery dla innowacji. Jednak przestrzeganie najnowszych standardów może być błogosławieństwem w przebraniu, zwłaszcza jeśli stanie się drugą naturą.

Przykłady tego w kategoriach projektowych mogą obejmować wymaganie minimalnego rozmiaru czcionki na kopii ciała lub znacznego kontrastu między kopią a tłem lub większych obszarów możliwych do połączenia na urządzeniach dotykowych.

To nie tylko o niepełnosprawności

Dostępność to nie tylko przystosowanie do niepełnosprawności, jak niektórzy to sugerują, ale także dla użytkowników posiadających starsze urządzenia i przeglądarki, które nie obsługują wszystkich najnowszych funkcji i ulepszeń. Świadomość tych standardów i ich przestrzeganie w naturalny sposób ogranicza decyzje projektowe.

5. Korzystanie z wypróbowanych i przetestowanych wzorów

Faktem jest, że użytkownicy uważają interfejsy za intuicyjne, gdy są zgodne z setkami typowych wzorców projektowych, które pochłonęły przez lata praktyki i prezentacji. Gdy tylko zaczniemy odrywać się od typowych pleśni i stąpać po nowym podłożu, może się okazać, że nowy wzór stanie się całkowicie intuicyjny dla mas.

Jest czas i miejsce na tworzenie oryginalnych wzorców interfejsu użytkownika, ale nie powinniśmy unikać zwykłych technik - z jakiegoś powodu są skuteczne.

Srebrna podszewka pozwala nam mniej martwić się o nowe wynalazki i koncentruje się na estetyce. Nadal można tworzyć oryginalne prace w oparciu o ustalone wzorce.

Im więcej poznamy i zintegrujemy udane wzorce projektowe, tym mniej wyborów będziemy musieli jako projektanci. Niekoniecznie zastanawiamy się, co może działać, ale co będzie działać.

Ostatnia uwaga

Niektóre z tych podejść mogą indywidualnie nie zmniejszać znacznie naszego myślenia i podejmowania decyzji ani ulepszać naszych projektów o ogromny margines. Włączenie ich razem, a także uzyskanie dobrej opinii po drodze, może znacznie ułatwić projektowanie lepszego interfejsu użytkownika.

Obserwuj mnie na Twitterze