10 najlepszych zasobów do nauki Bleeding-Edge Web, UI i UX Design

Opublikowany: 2022-09-18

Niezależnie od tego, czy projektujesz małą witrynę z portfolio, czy pracujesz nad ogromnymi systemami korporacyjnymi, użyteczność powinna być na pierwszym miejscu w Twoim projekcie.

Na szczęście dla projektantów, którzy chcą zwiększyć swoje umiejętności użyteczności i udoskonalić swoje podejście do projektowania interfejsu użytkownika i UX, dostępne są pewne fenomenalne zasoby.

Zanim zagłębimy się w najlepsze zasoby, poniższe sekcje krótko opiszą te tematy. UI i UX nie są wymienne, pomimo tego, jak wiele używa terminologii.

Co to jest projektowanie stron internetowych Bleeding-Edge?

Bleeding-edge odnosi się do projektów i pomysłów, które są nowatorskie. Pomysły przesuwają granice normalności, aby znaleźć nowe sposoby prezentowania rzeczy.

Doskonałymi przykładami najnowocześniejszych projektów są interaktywne strony docelowe i rendery 3D, które sprawiają, że cyfrowe wrażenia są bardziej namacalne i zapadające w pamięć dla użytkowników.

Co to jest interfejs użytkownika?

UI oznacza interfejs użytkownika, który koncentruje się bardziej na estetyce i atrakcyjności produktu lub usługi w oparciu o jego cyfrową obecność.

Interfejs użytkownika koncentruje się na wizualnych punktach styku, które umożliwiają użytkownikom interakcję z produktem i zrozumienie go za pomocą typografii, palet kolorów , przycisków, animacji, filmów i obrazów.

Interfejs użytkownika powinien być zachęcający i łatwy do przyswojenia, ponieważ kolory i funkcje cyfrowe mogą zwabić konsumentów do produktu lub usługi poprzez wzbudzenie zainteresowania i emocji za pośrednictwem interfejsu użytkownika.

Czym jest UX?

UX to doświadczenie użytkownika związane z produktem lub usługą od początku do końca, w tym rzeczywiste użytkowanie i wdrożenie produktu lub usługi. UX wykracza daleko poza UI i estetykę, ujmując funkcjonalność produktu, a nie tylko estetykę.

UX obejmuje zarówno cyfrowe, jak i fizyczne aspekty produktu oraz sposób, w jaki użytkownik wchodzi z nim w interakcję, aby wyeliminować punkty bólu.

Najlepsze zasoby do nauki Bleeding-Edge Web, UI i UX Design

Witryna może mieć doskonały interfejs użytkownika, ale przerażający projekt UX , jeśli witryna jest atrakcyjna, ale trudna w nawigacji. Strona internetowa ze znakomitym UX będzie łatwa w obsłudze, ale nie będzie zbyt atrakcyjna wizualnie ani przyjemna. Aby dowiedzieć się, jak połączyć je z najnowocześniejszym designem, aby wykorzystać swoją kreatywność i pomysłowość, rozważ mnóstwo fantastycznych zasobów poniżej.

  1. Nie zmuszaj mnie do myślenia: zdroworozsądkowe podejście do użyteczności sieci Web autorstwa Steve'a Kruga

Szukając zasobów, łatwo zacząć od renomowanych książek na ten temat. Steve Krug dobrze wie, co to znaczy pomyślnie łączyć UI i UX z innowacjami.

Książka jest dogłębna, aby pomóc projektantom i programistom zrozumieć, że użyteczność nie jest wrogiem kreatywności; pracują w tandemie, aby wspierać idylliczne wrażenia użytkownika i estetykę.

Krug wyjaśnia, w jaki sposób można poruszać się po tych aspektach projektowania, ale także pomaga ludziom uczyć się, jak jednocześnie zaspokajać potrzeby użytkownika, jego klientów i szefa.

  1. Projektowanie emocjonalne: Dlaczego kochamy (lub nienawidzimy) rzeczy codziennego użytku Don Norman

Kolejną książką do nauki projektowania UX jest ta autorstwa Dona Normana. Norman zagłębia się w to, jak projektanci mogą patrzeć na rzeczy z jednej perspektywy, ale muszą wejść w buty użytkownika i spojrzeć na ich projekty świeżym okiem.

Wyjaśnia, w jaki sposób projekt musi wyjaśniać wewnętrzne, a czasem niewytłumaczalne reakcje ludzi. Dla Normana chodzi o projektowanie skoncentrowane na człowieku bez poświęcania wspaniałej estetyki i zabawnych efektów wizualnych.

  1. Projekt interfejsu użytkownika dla programistów autorstwa Joela Spolsky'ego

Projektanci nie są jedynymi, którzy martwią się o UI i UX podczas wykonywania swojej pracy. Jeśli jesteś programistą, możesz dowiedzieć się o projektowaniu UI i UX z perspektywy programisty z książki Joela Spolsky'ego.

Narracja Spolsky'ego jest bardzo rzeczowa, nakreślając proste, ale logiczne zasady, które programiści i projektanci mogą przestrzegać, aby zapewnić użyteczność wraz z elementami artystycznymi.

Chociaż nie jest to „projektowanie UX dla opornych”, Spolsky sprawia, że ​​niezwykle łatwo jest zrozumieć koncepcje użyteczności, które mogą uciec niektórym ludziom. I praktykuje to, co głosi, w tym sensie, że książka jest łatwa do przeczytania i strawienia.

  1. Boulder Sztuka cyfrowa

Jeśli chcesz bardziej praktycznej metody uczenia się niż czytanie książki, możesz wziąć udział w zajęciach online na temat projektowania UX. Niektóre zajęcia oferowane przez Boulder Digital Arts odbywają się na żywo, podczas gdy inne to nagrania, do których możesz uzyskać dostęp w dowolnym momencie.

Jednym z najlepszych kursów dla kogoś, kto chce lepiej zrozumieć projektowanie UX i jak włączyć go do interfejsu użytkownika, jest wprowadzenie do projektowania zorientowanego na użytkownika.

Uczestnictwo w zajęciach to jeden z najlepszych sposobów na doskonalenie umiejętności UX i projektowania interfejsu użytkownika, ponieważ będziesz otrzymywać zadania i będziesz mógł ćwiczyć swoje umiejętności i otrzymywać konstruktywne opinie.

  1. Laboratorium projektowe

Inną opcją nauki online jest Designlab. Designlab działa jak szkoła, ale przyjmuje bardziej indywidualne podejście do nauki, więc każdy uczeń ma mentora projektowego, który pomaga mu w rozwiązywaniu konkretnych problemów lub pytań, które mogą napotkać.

Sam Designlab jest najnowocześniejszy, eksperymentując z nauką uczniów, dzięki czemu oferuje elastyczne doświadczenie, które działa lepiej dla wielu osób niż tradycyjne zajęcia.

Ich Akademia UX również ściśle koncentruje się na łączeniu UI i UX w strategiczne sposoby, dając uczniom mocne zrozumienie, co oznacza użyteczność i jak ważna jest.

  1. Mistrzostwo UX

UX Mastery to ogromny zasób oferujący dziesiątki zajęć projektowych, z których niektóre koncentrują się na projektowaniu UX i UI. Wiele zajęć ma podejście badawcze, analizując, co sprawia, że ​​niektóre z nich są użyteczne i próbując opracować formułę projektów UX i UI.

Co najlepsze, te zajęcia są bardzo przystępne cenowo i kosztują mniej niż 20 USD miesięcznie. Możesz uczyć się od ekspertów UX, lub jak nazywają ich UXperts.

Niektóre kursy zagłębiają się nawet w psychologię stojącą za projektowaniem UI i UX, pomagając uczniom zrozumieć ludzką naturę, która wpływa na UI i UX w projektowaniu.

  1. Domek na drzewie

Treehouse to najlepsze miejsce dla kogoś, kto chce wszechstronnej nauki projektowania, a nie tylko nauki o UX i UI.

Treehouse oferuje ścieżki, które są serią kursów, które przeplatają się, aby zapewnić wszechstronne zrozumienie projektowania, najnowocześniejszych, UI i UX. Te programy nauczania z przewodnikiem obejmują wszystko, czego potrzebujesz do opanowania przedmiotu.

Masz również możliwość tworzenia niestandardowych programów nauczania, dzięki czemu możesz pominąć kursy, których nie potrzebujesz w oparciu o swoją podstawową wiedzę.

  1. Płaska Szkoła Żelaza

Chcesz szybkiej i rygorystycznej nauki? Obóz szkoleniowy Flat Iron oferuje szybkie 15-tygodniowe kursy, które nauczą Cię tajników projektowania UI i UX, dzięki czemu możesz natychmiast zostać zatrudniony.

Flat Iron stale aktualizuje swoje kursy, aby odzwierciedlać najnowocześniejsze techniki, dzięki czemu wiesz, że zawsze uczysz się najbardziej aktualnych informacji i metod projektowania.

Wszystkie kursy projektowania koncentrują się na projektowaniu UX i interfejsu użytkownika, zapewniając, że wszystko, czego się uczysz, idzie w parze z użytecznością, dzięki czemu możesz realizować artystyczne wizje bez tworzenia złego doświadczenia użytkownika.

  1. Maga UX

Aby uzyskać bezpłatny zasób UI i UX, możesz zwrócić się do UX Mag. Eksperci i profesjonalni projektanci publikują artykuły o użyteczności i innych aspektach projektowania, które mogą być niezwykle pomocne dla osób, które chcą się uczyć.

Artykuły często przełamują złożone pomysły, ułatwiając ich zrozumienie i wdrożenie. Magazyn jest na bieżąco aktualizowany, więc nie brakuje materiałów do przejrzenia.

Wiele artykułów omawia, co nas czeka w projektowaniu UX, dzięki czemu będziesz na bieżąco z nowymi pomysłami i technikami. To także wspaniałe źródło inspiracji i przykładów doskonałego UI i UX.

  1. Bezpłatna biblioteka eBooków UX autorstwa UXPin

Innym wspaniałym darmowym zasobem do tworzenia najnowocześniejszych stron internetowych, interfejsu użytkownika i projektowania UX jest ta biblioteka eBooków z ponad 80 tytułami dotyczącymi projektowania i użyteczności.

Wiele bezpłatnych książek koncentruje się na aktualnych trendach w zakresie projektowania interfejsu użytkownika i UX, dzięki czemu możesz być na bieżąco z nowościami w najnowocześniejszym projektowaniu stron internetowych. Oprócz projektowania interfejsu użytkownika i UX możesz dowiedzieć się więcej o tajnikach projektowania w innych e-bookach, które obejmują szeroką gamę tematów projektowych.

Zasoby inspiracji

Chociaż zajęcia, książki i inne zasoby są pomocne w poznawaniu najnowszych technologii, projektowania interfejsu użytkownika i UX, zawsze warto zobaczyć dobre praktyki w działaniu. Poniżej znajdują się trzy strony internetowe, które oceniają i oceniają różne projekty stron internetowych i użyteczność.

Nie każda witryna musi być zgodna z projektem obcinania plików cookie, aby zapewnić pomyślną użyteczność, a wiele witryn na tych stronach przedstawia różne sposoby, które można zastosować, aby uzyskać fenomenalny interfejs użytkownika i UX.

Przejrzyj te witryny i spójrz na zwycięzców i wyróżnienia, aby przekonać się, jak wygląda użyteczny i skuteczny projekt witryny .

  • Awwwards
  • Strona inspiruje
  • Jedna strona miłość

Przykłady

Wszystkie poniższe witryny mają doskonały interfejs użytkownika i UX, od mody, przez festiwale, wakacje, aż po tworzenie stron internetowych.

Jeśli chcesz sprawdzić kilka świetnych przykładów pomysłowego i zabawnego projektowania stron internetowych, poniżej znajdziesz niektóre z najnowocześniejszych przykładów.

  • nuenofashion.com
  • kapsułka.dior.com
  • gentilhomme.com
  • casa.dolcegabbana.com
  • kikk.be
  • glasfurdandwalker.com
  • findsanctuary.com
  • inna-matka.com
  • mydesignbuddy.co.uk
  • thebluetour.com
  • studiopingpong.com
  • alexbeigeweb.dev

Końcowe przemyślenia

Możesz przeczytać wszystkie książki i wziąć udział we wszystkich kursach UX, ale musisz coś stworzyć i zaprosić ludzi do korzystania z tego, aby zrozumieć, na czym polega użyteczność.

Chociaż wszystkie te zasoby są świetnym punktem wyjścia, nie bój się tworzyć, nawet jeśli się nie powiedzie, nauczy cię dziesięciokrotnie.

Przeczytaj także: 16 najlepszych narzędzi do projektowania stron internetowych, które zwiększają UI / UX, prototypowanie i wireframing w 2021 roku