estetyka jest podstawową zasadą projektowania, która określa przyjemne cechy projektu. W kategoriach wizualnych estetyka obejmuje takie czynniki, jak równowaga, kolor, ruch, wzór, skala, kształt i waga wizualna. Projektanci wykorzystują estetykę, aby uzupełnić użyteczność swoich projektów, a tym samym zwiększyć funkcjonalność dzięki atrakcyjnym układom.

„projektowanie jest metodą łączenia formy i treści. Design, podobnie jak sztuka, ma wiele definicji; nie ma jednej definicji. Design może być sztuką. Design może być estetyczny., Projekt jest tak prosty, dlatego jest tak skomplikowany.”
— Paul Rand, dyrektor artystyczny & grafik znany z logotypów takich jak IBM

Zobacz, dlaczego dobra estetyka wymaga starannego rozważenia.

Estetyka w projektowaniu ≠ Sztuka

estetyka jest odwieczną zasadą, która obraca się wokół natury piękna i faktu, że ludzie wolą ładne rzeczy. Zajmuje się architekturą, projektowaniem graficznym i nie tylko., Jako istotny składnik projektu user experience (UX) i projektowania interakcji, estetyka wpływa na UX interfejsu na kilka sposobów. Ludzie są ściśle podłączeni do informacji wizualnej, a pierwsze wrażenia użytkowników zwykle tworzą się w 50 milisekundach – ponieważ ich reakcje jelit prowadzą ich do kontynuowania korzystania z projektu / produktu lub porzucenia go. Estetyka odnosi się tutaj do linii, kolorów, odstępów i innych elementów na stronach internetowych i aplikacjach, a mianowicie do wybranych elementów i sposobu ich zastosowania., Na przykład, gdy Twoja strona ma dobrą estetykę, ty:

  1. tworzysz stronniczość atrakcyjną – aby przyciągnąć użytkowników na trzewnym poziomie, prowadząc do:
    1. emocjonalnego projektowania.
    2. więcej ruchu.
    3. więcej czasu spędzonego na stronie i odsłonach strony / ekranu.
    4. niższy współczynnik odrzuceń.
  2. sprawiają, że użytkownicy są bardziej tolerancyjni w kwestiach użyteczności – badania pokazują, że użytkownicy oceniają atrakcyjne wizualnie projekty jako bardziej użyteczne niż naprawdę są. Ten efekt estetyczno-użytkowy został szeroko zbadany, w szczególności przez pioniera projektowania UX i autora Don Normana.,

efekt atrakcyjności jest jednak krótkotrwały-dobry wygląd nie uratuje złego produktu. Dlatego ważne jest, aby projektować z myślą o użytkowniku i optymalizować użyteczność, stosując dobrze przemyślaną estetykę, aby współpracować z funkcjonalnością projektu.

Copyright: Fair Use

prosty design Google prezentuje wysoce efektywną estetykę – natychmiast deklarując jej cel, ponieważ oczy użytkowników są przyciągane do funkcji w spokojnym, czystym układzie, którego oczekują od Google.,

wykorzystaj estetykę, aby Uroda działała najlepiej

oto kilka kluczowych punktów:

  • atrakcyjność wizualna istnieje w obiektywizmie i podmiotowości – podczas gdy niektóre wybory estetyczne będą rezonować ze wszystkimi użytkownikami, a inne będą wadliwe praktycznie wszędzie (np. czerwone elementy na niebieskim tle), aspekty użytkowników—w tym ich kultura, wiek i poziom wykształcenia—będą miały wpływ na to, jak postrzegają / odbierają Twój projekt. Na przykład niebezpieczne/pikantne konotacje koloru czerwonego na Zachodzie przeczą temu, jak Wschodnie Kultury zazwyczaj postrzegają czerwony. Tak więc badania użytkowników są niezbędne.,
  • niech forma podąża za funkcją – ta klasyczna koncepcja projektowa oznacza, że forma obiektu (projekt estetyczny) powinna wynikać z funkcji, którą wykonuje. Jak stwierdził znany projektant Charles Eames, ” Design to plan ułożenia elementów w taki sposób, aby najlepiej osiągnąć określony cel.”Dlatego ważne jest, aby dobrze dobrane elementy strony/ekranu harmonijnie i z dobrą hierarchią wizualną, abyś:
    • poprowadził oko użytkownika do funkcjonalności strony/ekranu.
    • upewnij się, że estetyka jest zgodna z oczekiwaniami użytkowników (np. Bezszeryfowe czcionki dla bardziej swobodnych stron internetowych).,
  • użyj ponadczasowych reguł / zasad, takich jak golden ratio, reguła tercji i zasady Gestalt, aby zoptymalizować wybór i wykorzystanie elementów – aby pomóc wyeliminować niepewność użytkowników i szybko nadać im odpowiednie wskazówki wizualne. Na przykład, korzystając z zasad Gestalt—gdzie wykorzystujesz uniwersalne prawdy o tym, jak ludzie postrzegają rzeczy – możesz osiągnąć optymalny kontrast, odstępy i więcej, aby zadowolić (lub uspokoić) użytkowników, wysyłając odpowiednie wiadomości o Twoim produkcie i marce. Obejmuje to zachowanie przejrzystości, aby zmaksymalizować zaufanie użytkowników.,
  • pamiętaj o kontekście-Użytkownicy mają dostęp do projektów i produktów i korzystają z nich w—często skomplikowanych, a czasem chaotycznych-rzeczywistych sytuacjach. Będą chcieli szybko osiągać cele i uzyskiwać wyniki, a także potrzebują prostych, wyrazistych układów z elementami, które maksymalizują łatwość użycia. Kiedy szanujesz ich potrzeby w danej chwili i używasz (np.) chunking, aby pomóc zmniejszyć ich obciążenia poznawcze, ich uznanie będzie odzwierciedlać sukces Twojego projektu. Możesz użyć estetyki, aby podkreślić najważniejsze funkcje twojego projektu i wyciszyć lub ukryć mniej krytyczne funkcje. Dobra estetyka może być niezwykle prosta, jak Google.,/ align = „left” /

przede wszystkim design to rozmowa z użytkownikami – i dlatego estetyczny i minimalistyczny design (lub zero bałaganu) jest zasadą używaną do sprawdzania kwestii użyteczności w ocenie heurystycznej. Twój wybór elementów i układu powinien pokazać użytkownikom właściwe rzeczy we właściwy sposób, opowiadając im świeżą, urzekającą historię o Twojej marce. Wszystkie twoje elementy-w tym ich ogólny efekt na każdej stronie / ekranie – powinny służyć celowi i natychmiast kierować użytkowników do tego, co chcą zrobić., Aby uzyskać czysty, dobrze wyglądający i wysoce użyteczny projekt, często musisz iść na kompromisy i ograniczyć to, co należy uwzględnić. Jednak najważniejsza funkcjonalność Twojego projektu jest zawsze na pierwszym miejscu – atrakcyjny produkt, który przyciąga użytkowników do korzystania z niego zgodnie z jego głównym przeznaczeniem. W przeciwieństwie do sztuki, dobra estetyka projektu powinna być łatwo zrozumiała – dzięki czemu użytkownicy nigdy nie muszą zgadywać, co oznacza twój projekt.

estetyka naszej strony docelowej wspiera jej funkcjonalność.,

dowiedz się więcej o estetyce

Zobacz szczegółowe spojrzenie jednego projektanta na związek między estetyką a użytecznością: https://uxplanet.org/aesthetic-visual-design-usability-735c510868a8

Ten kolektywny blog UX bada estetykę w różnych zmysłach: https://uxdesign.cc/design-principle-aesthetics-af926f8f86fe

Znajdź dodatkowy, bogaty w przykłady wymiar estetyki tutaj: https://www.toptal.com/designers/ux/user-experience-imagery