Dark UI vs. Light UI: Jak dokonać właściwego wyboru?

Jasny interfejs może zawsze wyglądać na bezpieczny zakład, ale w niektórych przypadkach zwycięski może być ciemny interfejs.

Dark UI v / s Light UI

Źródło: uxdesign.cc

Kilka lat temu, kiedy przebudowywaliśmy projekt strony internetowej naszej firmy, nasz szef projektu opracował ciemny interfejs dla tej witryny. Nasza obecna wersja miała lekki interfejs, więc trochę nas zaskoczyło. Projekt wyglądał dobrze z szarym jako podstawowym kolorem i ładnym odcieniem fioletu jako wtórnym. Wszyscy zgodziliśmy się, że projekt wygląda niesamowicie.

Ale nasz zespół ds. Marketingu nie był z tego powodu bardzo zadowolony z dwóch powodów -

  • Czytelność, ponieważ nasza strona zawierała dużo tekstu, a ciemne tło mogło męczyć oczy czytelników
  • Nie było to zgodne z naszą marką, ponieważ kolory naszej marki były jaśniejsze

Wreszcie decyzja została podjęta przez naszego CEO, który dał początek projektowi. Zespół marketingowy niechętnie zastosował się do tego.

I wkrótce okazało się, że są poprawne.

Kluczowe wskaźniki witryny, takie jak współczynnik konwersji, współczynnik odrzuceń itp., Zaczęły spadać. Zadzwoniły dzwonki alarmowe i musieliśmy wkrótce wrócić do lekkiego interfejsu użytkownika.

Czy ciemny interfejs użytkownika działa? Tak, ponieważ zeznają tysiące stron internetowych, aplikacji i gier zaprojektowanych z ciemnym interfejsem użytkownika.

Czy lekki interfejs użytkownika jest najlepszym wyborem? Nie zawsze.

Jako projektant musiałeś zmierzyć się z tym dylematem, czy użyć ciemnego interfejsu użytkownika, czy jasnego interfejsu użytkownika.

Nie ma na to jednoznacznej odpowiedzi. Istnieje jednak kilka czynników, które mogą pomóc w dokonaniu właściwego wyboru między ciemnym interfejsem użytkownika a jasnym interfejsem użytkownika.

Uwagi na temat wyboru między ciemnym i jasnym interfejsem użytkownika

  • Kto jest twoim użytkownikiem?

Znajomość potencjalnego użytkownika i tego, co będzie chciał uzyskać z Twojej witryny, jest pierwszym krokiem w projektowaniu interfejsu użytkownika dla Twojej aplikacji lub witryny. Dorośli wolą lekki interfejs użytkownika, który pomaga im intuicyjnie korzystać z produktu, podczas gdy młodsza partia woli ciemne tło, które jest ekscytujące i stylowe. W przypadku dzieci wystarczy lekki interfejs użytkownika z wieloma zabawnymi i angażującymi elementami.

  • Co zrobi Twój użytkownik w witrynie?

Źródło: Problogger

Witryny firmowe, serwisy informacyjne, blogi itp. Angażują użytkowników za pomocą tekstów i filmów. Użytkownicy takich witryn czytają dużo tekstu i, w razie potrzeby, od czasu do czasu oglądają wideo. Ale większość z nich będzie szukać informacji za pośrednictwem wiadomości tekstowych. Spędzą kilka minut, maksymalnie 10–15 minut na poszukiwaniu informacji i ruszają dalej. Musisz więc wybrać interfejs użytkownika, który ułatwia użytkownikom czytanie dużej ilości tekstu bez zmęczenia oczu. Tutaj lekki interfejs użytkownika działa dobrze. W ankiecie przeprowadzonej przez problogger 47% respondentów preferowało lekki interfejs użytkownika na blogu, a tylko 10% wolało ciemny interfejs użytkownika.

Ale jeśli projektujesz witrynę lub produkt, w którym użytkownik będzie spędzał dużo czasu, powiedzmy kilka godzin, czytając tekst jak książkę lub pracując jak w edytorze kodu - wtedy przydatne będzie ciemne tło z jaśniejszym tekstem. Ciemny interfejs użytkownika z jasnym tekstem poprawi czytelność i zmniejszy obciążenie oczu, dzięki czemu pozostanie na długie godziny.

  • Kiedy użytkownicy będą korzystać z Twojej aplikacji lub witryny?

Czas korzystania z aplikacji / witryny w dzień lub w nocy musi również odgrywać rolę w wyborze projektu interfejsu użytkownika. Netflix, Amazon itp. Są oglądane głównie w nocy w domu. Tam ciemne tła działają dobrze w ciemnym otoczeniu. Daje również użytkownikom prawdziwy obraz środowiska.

Podobnie jasne tło działa dobrze na stronach z wiadomościami, mediach społecznościowych itp., Które uzyskują większość ruchu w ciągu dnia.

  • Gdzie chcesz się skupić?

Będą sytuacje, w których użytkownik będzie chciał skupić się na konkretnym elemencie, powiedzmy na samochodzie i podziwiać jego wygląd. W takich sytuacjach ciemne tło dobrze się sprawdzi, tworząc środowisko wolne od rozpraszania uwagi, podkreślając wygląd i zwracając uwagę użytkownika na samochód.

Kiedy używać ciemnego interfejsu?

  1. Gdy jest mało tekstu do przeczytania i więcej zdjęć / filmów do obejrzenia
  2. Gdy w projekcie jest bardzo mało elementów i są dobrze rozmieszczone
  3. Gdy chcesz dać swoim użytkownikom wrażenie ciemnego otoczenia, jak w filmie
  4. Gdy chcesz, aby główny element strony wyróżniał się i zyskiwał na znaczeniu
  5. Gdy chcesz zmniejszyć zmęczenie oczu i zapewnić użytkownikom komfortowy pobyt na Twojej stronie

Kiedy używać lekkiego interfejsu użytkownika?

  1. Kiedy Twoja strona internetowa lub aplikacja będą najczęściej używane w ciągu dnia
  2. Kiedy twoi czytelnicy będą czytać dużo tekstu
  3. Gdy na ekranach jest dużo elementów
  4. Gdy używasz różnych elementów kolorystycznych

Końcowe przemyślenia

Projektowanie interfejsu użytkownika jest kreatywne. Nie wiążmy reguł. Ale niesamowity projekt powinien również pomóc zwiększyć komfort użytkowania i zrealizować cele biznesowe. Powinno to pomóc użytkownikom osiągnąć cel szybko i wygodnie. Pomyśl o tych rozważaniach i znajdź odpowiedzi na pytania, zanim wybierzesz pomiędzy ciemnym i jasnym interfejsem użytkownika.

Jasny interfejs może zawsze wyglądać na bezpieczny zakład, ale w niektórych przypadkach zwycięski może być ciemny interfejs. Więc wybierz mądrze.

Jakie są twoje zasady przy dokonywaniu wyboru między ciemnym a jasnym interfejsem użytkownika? Podziel się swoimi przemyśleniami i doświadczeniem na ten temat w sekcji komentarzy.

Jeśli uznasz ten artykuł za przydatny, udostępnij go w mediach społecznościowych, aby inni mogli go znaleźć.

Napraw błędy projektowe w witrynie Live bez kodowania