6 kroków do doskonalenia minimalizmu w projektowaniu stron internetowych
W ciągu ostatnich kilku lat projektowanie stron internetowych kołysały różne trendy, które pojawiły się i minęły. Jednym z trendów, który utrzymuje siłę, jest minimalizm, po prostu dlatego, że jest ponadczasową koncepcją, która była popularna w różnych mediach na przestrzeni wieków. Dlaczego więc nie w projektowaniu stron internetowych?
Jedną z rzeczy na temat minimalizmu jest to, że poprawia to także wrażenia użytkownika, poza tym, że wygląda ładnie. Skargi wielu użytkowników na przestrzeni lat były takie, że niektóre strony internetowe są po prostu zbyt skomplikowane, aby można było nimi nawigować. Jest tam po prostu za dużo rzeczy, które sprawiają, że użytkownik odczuwa mniej, niż powinien.
Stare powiedzenie, że "mniej znaczy więcej" nadal jest prawdziwe, zwłaszcza jeśli chodzi o projektowanie w XXI wieku.
1) Ułóż płaską konstrukcję
Wszyscy wiemy, że płaska konstrukcja jest zasadniczo odpowiedzią na skeomomorfizm, który ostatnio znacznie stracił na wartości, a firma Apple jest doskonałym przykładem tej zmiany w morzu. Płaska konstrukcja charakteryzuje się w szczególności brakiem cieni, efektami 3D i gradientami; używa również odważnych i żywych kolorów, aby przyciągnąć wzrok użytkownika.
Jedną z ogromnych marek, które w imponujący sposób wykorzystują płaską konstrukcję, jest Microsoft, zwłaszcza z systemem operacyjnym Windows 8. Na oficjalna strona internetowa firmy dla najnowszej wersji , 8.1, widzimy płaski zaprojektowany w całej okazałości. Ma to sens z punktu widzenia spójności, ponieważ system Windows 8 słynął z płaskiej konstrukcji ekranu startowego.
Dlatego na stronie nie widać żadnych cieni ani gradientów - widzisz tylko wszystko w 2D. Typografia różnych czcionek dla nagłówków i kopii ciała nie zawiera żadnych tekstur; układ strony jest bardzo czysty i bez bałaganu; ikony i przyciski są żywe i płaskie, jak tylko można; a obrazy ekranów startowych systemu Windows 8 są studiami w płaskiej konstrukcji.
2) Włącz białą przestrzeń
Niezależnie od tego, jak chcesz to nazwać, negatyw lub biała przestrzeń to nie tylko wyjątkowo inteligentny element projektu, który kieruje wzrok do miejsca, w którym chcesz je umieścić na stronie internetowej, ale jest także standardowym nośnikiem minimalizmu. Coraz więcej stron korzysta z tej techniki projektowania, ponieważ zdaje sobie sprawę, jakie to korzystne.
Najlepszym przykładem negatywnej lub białej przestrzeni w całym Internecie jest prawdopodobnie strona, z którą najmniej kojarzysz ją - tylko dlatego, że traktujesz ją jako coś oczywistego. Używasz go tak bardzo, że po prostu umyka twojej uwadze ... ale jest tam! mówię o Wyszukiwarka Google . Jest to studium w białej przestrzeni, z powodów, które powinny być całkiem oczywiste.
Ponieważ celem witryny jest wyszukiwanie, firma sprytnie wykorzystała na stronie tyle negatywu lub białych znaków, że żaden użytkownik w całym wszechświecie nie mógłby zostać rozproszony przez nic innego na stronie wyszukiwania. Wszystkie elementy zostały usunięte, a biała przestrzeń otacza pasek wyszukiwania. Oczywiście, to kieruje oko użytkownika do punktu największego i jedynego znaczenia: gdzie wpisać swoje wyszukiwanie.
Podczas gdy negatywna lub biała przestrzeń jest idealnym przykładem minimalizmu, należy również podkreślić, że nie reprezentuje ona pustki jako takiej. Jest to bardzo sprytny element projektu, który pomaga w prowadzeniu oczu użytkownika.
3) Ogranicz wybór
Jedną z największych zasad zwiększania liczby konwersji w witrynie e-commerce lub B2B jest usunięcie liczby wyborów, które dajesz użytkownikom, kupującym lub odwiedzającym. Ma to po prostu podstawy: gdy wybierzesz tyle możliwości, ile to możliwe, nie rozpraszasz gości, którzy mogą przeszkodzić im w osiągnięciu celu strony, czyli konwersji. Zatem mniejszy wybór jest kolejnym oszałamiającym przykładem minimalizmu w projektowaniu stron internetowych.
Jednym z najlepszych miejsc, w których można zobaczyć magię minimalizmu z wyboru, są strony docelowe - strony docelowe, które poprawnie się w nim poruszają. Firma, która uzyskuje zasadę minimalizmu w wyborze, to Gengo, profesjonalna firma tłumacząca napisy.
Na jego stronę docelową widzisz całkowitą nieobecność wyboru. Dzieje się tak dlatego, że strona docelowa wyraźnie określa, co powinno być następnym (i jedynym) krokiem dla odwiedzających: przekonwertuj, wpisując tekst lub przesyłając plik do tłumaczenia. Jasne, że zagorzali purystowie w sferze minimalizacji wyboru twierdzą nawet, że menu nawigacyjne powyżej w nagłówku powinno zostać usunięte, ponieważ użytkownicy mogą nadal tam klikać, zamiast skupiać się na usługach tłumaczeniowych.
4) Skoncentruj się na pogrubionej typografii
Jeśli chcesz naprawdę docenić minimalizm w projektowaniu stron internetowych do podstaw gołych kości, to sprawdź Strona Briana Danaher'a . Brian jest dyrektorem artystycznym, projektantem i ilustratorem.
Jak widać, jego projekt strony w zasadzie opiera się na dwóch rzeczach: pogrubionej typografii, której nie można przegapić, oraz w układzie jednokolumnowym. To jest to! Tak, to podejście do minimalizmu może być zbyt ekstremalne dla niektórych gustów, ale wciąż osiąga dwa bardzo ważne cele, które są najlepsze na czyimkolwiek poziomie, gdy mają własną stronę promującą swoją karierę:
- Ponieważ nawigacja jest w zasadzie umieszczona w układzie jednokolumnowym, Brian jest w stanie dotrzeć do sedna tego, co robi, kim jest i jak mogą się z nim skontaktować odwiedzający witrynę
- Brianowi udaje się używać kontrastu (w kolorach czcionki i kolorach tła, a także między rozmiarami i stylami czcionek), aby zapewnić odwiedzającym witrynę coś interesującego do obejrzenia
5) Uprość nawigację
Menu nawigacyjne często jest pomijane, gdy prowadzimy dyskusję na temat minimalizmu w projektowaniu witryny, ale może ono również być ogromnym (choć cichym) czynnikiem przyczyniającym się do minimalizacji działania witryny. Menu nawigacyjne, które nie jest uciążliwe i po cichu wtapia się w tło, jest kluczem do stworzenia minimalistycznej witryny na poziomie funkcjonalnym.
Sprawdź fotografa i projektanta Strona Cristiana Ordoneza to jest badanie w minimalistycznym menu nawigacyjnym. Menu jest tak oddanym podejściem do minimalizmu, że nie rozciąga się nawet na całą stronę główną; zamiast tego jest cicho schowany w górnym, prawym rogu strony. Ponadto nie ma akcji wysuwanej menu, więc nie ma innych lub dodatkowych warstw nawigacji. Wreszcie, kolory menu (przynajmniej na stronie głównej) subtelnie mieszają się również z kolorem tła.
6) Użyj koloru w łatkach
Używanie niewielkich fragmentów kolorów w projekcie strony pozwoli ci zachować minimalistyczne podejście, a także ułatwi odwiedzającym stronę odczytywanie najważniejszych informacji na danej stronie. Dzięki umieszczeniu małych kolorowych znaków tu i tam możesz przyciągnąć uwagę odwiedzających witrynę do określonych obszarów.
Strona z 960 Grid System , którego misją jest usprawnienie procesu tworzenia stron internetowych, bardzo dobrze uosabia to inteligentne wykorzystanie koloru. Od razu zauważysz małe plamy koloru żółtego, na przykład, które są używane do wewnętrznych linków, takich jak "pobierz" i "zobacz demo". Nawet klikalne logo Twittera w lewym górnym rogu daje łatkę jasnoniebieskiego, która przyciąga wzrok odwiedzających stronę (przeniesie Cię prosto do kanału Twittera właściciela / projektanta Nathana Smitha).
Minimalizm działa, jeśli wiesz, jak z niego korzystać
Wymień słowo "minimalizm" na niektórych projektantów i stają się oni zaniepokojeni, ponieważ błędnie sądzą, że nadmiernie uproszczony projekt strony będzie nieatrakcyjny. Jak pokazują powyższe przykłady, nic nie może być dalej od prawdy.
Zrobione prawidłowo, minimalizm w projektowaniu witryny może prowadzić do nowych i gorących trendów, takich jak płaski wygląd, lub pomóc właścicielom witryn uzyskać więcej pieniędzy, zwiększając liczbę konwersji, gdy wybór jest ograniczony. Podsumowując, minimalizm tworzy czystą, dobrze zorganizowaną i zgrabną witrynę, która ułatwia odwiedzającym Twoją witrynę. To jest powód, by samemu użyć go w swoim projekcie strony.