10 sposobów na uproszczenie projektu
Nie jest tajemnicą, że proste jest często lepsze, jeśli chodzi o projektowanie stron internetowych. Interfejs, który jest prosty do zrozumienia - i równie prosty w użyciu - z większym prawdopodobieństwem zmieni odwiedzających w aktywnych użytkowników, którzy powrócą na twoją stronę później.
Ale jak uprościć swoją stronę internetową? Nawet jeśli nie budujesz czegoś nowego od zera, sztuczka polega na ustaleniu celów, a następnie spojrzeniu na drogę do ich osiągnięcia dla użytkowników. Wszystko, co przeszkadza na tej ścieżce, powinno zostać wyeliminowane. Wszystko, co pozwala zrozumieć, co powinien zrobić użytkownik, należy usunąć z projektu.
Na to właśnie przyjrzymy się dziś - kilka sztuczek, których możesz użyć, aby uprościć projektowanie swojej witryny. Te pomysły działają w przypadku istniejących witryn i nowych wersji. (W tym artykule podano przykłady gwiezdnych prostych projektów, odwiedź każdą stronę, aby uzyskać jeszcze więcej inspiracji.)
1. Skoncentruj się na wezwaniach do działania
Twoja witryna powinna mieć cel końcowy, aby każdy użytkownik mógł coś zrobić. Cel ten powinien być oczywisty dla każdej osoby, która wyląduje na projekcie.
Wezwania do działania muszą być jasne, wystarczająco duże, aby można je było zobaczyć w odpowiednich lokalizacjach, aby użytkownicy nigdy nie oddalali się zbytnio od kliknięcia tego klawisza.
2. Usprawnij liczbę stron
Czy Twój projekt zawiera wiele stron z informacjami? Czy to musi być?
Usprawnij zawartość w porcje do zarządzania, ale nie przytłaczaj użytkowników zbyt dużą liczbą stron do kliknięcia. Trzymaj wszystkie powiązane treści razem, aby ułatwić czytanie i przepływ.
Wyeliminuj strony ze starymi, nieaktualnymi informacjami lub zawierające tylko widżet lub mapę innej firmy. (Te elementy można zwykle zastosować w innym miejscu).
3. Trzymaj się palety kolorów
Różnorodność kolorów może być zabawna i wciągająca, ale jest też przytłaczająca. Trzymaj się palety kolorów z tylko dwiema lub trzema opcjami, aby zachować kontrolę nad kolorem.
Jeśli chcesz przejść bardzo prosto, rozważ monotoniczną paletę kolorów z kilkoma odcieniami i tonami jednego koloru. To niesamowite, jak piękne może być coś tak prostego, i jest również łatwy dla użytkowników. Mniej kolorów powoduje mniejsze przeciążenie umysłowe i pomaga stworzyć bardziej harmonijny i uporządkowany wygląd. (Coś, co może docenić prawie każdy z gorączkowym życiem).
4. Wybierz standardową nawigację
Chociaż ukryte lub alternatywne style nawigacji mogą wyglądać fajnie, te modne opcje nie są tak przyjazne dla użytkownika, jak można się spodziewać. Wszelkie odchylenia od „normalnych” wzorców użytkowników mogą być nieco denerwujące i zmusić użytkowników do zbyt intensywnego myślenia o poruszaniu się po witrynie. Wybierz standardowe wzorce, aby Twoja witryna była łatwa w użyciu.
Mając to na uwadze, standard jest dość ubogi. Górne lub wysuwane elementy nawigacyjne z trzema do ośmioma opcjami menu są normą. I zapomnij o tych popularnych menu nawigacyjnych w wielkim stylu. Jeśli nie jesteś głównym sprzedawcą e-commerce, nie ma powodu, aby każda strona w projekcie miała miejsce w nawigacji. (I wiele z tych mega opcji w ogóle nie działa na urządzeniach mobilnych).
5. Rozważ zasadę 80–20
Reguła 80-20 jest dobrym miejscem do rozpoczęcia myślenia o wprowadzeniu zmian w projekcie. Istnieją dwa sposoby myślenia i wdrażania reguły.
- Należy pamiętać, że 20 procent elementów w witrynie spowoduje 80 procent pożądanych działań użytkownika, co oznacza, że garść wezwań do działania, przycisków lub innych elementów interfejsu użytkownika wygeneruje znaczną część interakcji użytkownika. To jest całkowicie normalne.
- Mając to na uwadze, podczas wprowadzania zmian należy skupić się na 20% zawartości, aby wprowadzić 80% zmian podczas aktualizacji lub ponownego przemyślenia projektu. 20 procent elementów, o których możesz pomyśleć, to te same elementy, które generują najwięcej kliknięć - wezwania do działania, ścieżki ruchu i obrazy. Biała przestrzeń jest kolejnym ważnym czynnikiem.
Jeśli reguła 80-20 wydaje się znana, nazywa się ją również zasadą Pareto lub prawem kilku nielicznych. Został opracowany przez ekonomistę Vilfredo Pareto, ale ma zastosowania we wszystkich dyscyplinach.
6. Używaj elementów interfejsu użytkownika z celem
Ikony, obrazy i każdy inny element interfejsu użytkownika w projekcie powinien być z jakiegoś powodu. (Pomyśl tylko o tym, jak denerwujące jest klikanie ikony na Facebooku i niepowiązanie się ze stroną marki).
Nie przytłaczaj użytkowników fajnymi divotami tylko dlatego, że je masz. Planuj i używaj elementów tylko wtedy, gdy służą one rzeczywistemu użyciu i celowi w ogólnym projekcie.
7. Uważaj na typografię
Model dobrego używania typografii jest podobny do koloru: mniej znaczy więcej.
Najłatwiejsze do odczytania kroje pisma mają standardowe kształty, jednolite szerokości obrysu i brak obfitości upiększeń. Rodzina czcionek jest wyposażona w opcje, dzięki którym nie musisz szukać dodatkowych krojów pisma, jeśli chcesz położyć nacisk na określone litery. Litery muszą zawierać wystarczającą wysokość, aby były czytelne i kontrastować z tłem.
I zacznij od zaledwie dwóch krojów pisma. Jeden dla głównego tekstu na stronie i jeden dla wykorzystania wyświetlania. Otóż to. To wszystko czego potrzebujesz.
8. Zwiększ rozmiar tekstu
A gdy myślisz o typografii, zwiększ rozmiar liter. Ekrany stają się coraz większe, ułatwiając im zobaczenie wiadomości, zamiast wrzucać więcej tekstu na płótnie.
Chociaż może się to wydawać sprzeczne z intuicją, jeśli chodzi o urządzenia mobilne, to samo dotyczy. Większe litery mogą być łatwiejsze do odczytania. Zapomnij o starym powiedzeniu, że wszystko musi znajdować się powyżej zwoju. Chociaż słowa kluczowe powinny zachęcać użytkowników do przewijania, nie wszystko musi znajdować się na pierwszym ekranie. Użytkownicy rozumieją, że muszą iść dalej i są przyzwyczajeni do przewijania, szczególnie podczas przeglądania stron internetowych na swoich telefonach.
9. Utwórz kopię bez wysiłku
Podczas gdy typografia może mieć ogromną różnicę w określaniu, jak prosty lub złożony jest twój projekt, rzeczywiste słowa są równie ważne. Każde słowo powinno mieć takie samo znaczenie jak twoja grafika, więc jest wyraźna zgodność.
Edytuj kopię. Następnie edytuj go ponownie.
Strony internetowe są nośnikiem, który ma być czytelną formą komunikacji. Upewnij się, że rozmowa z odwiedzającymi jest tą, której oczekujesz, z czystą, zwięzłą, czytelną kopią. Stwórz ton, który przepływa przez projekt i używa słów i języka, które przemawiają do użytkowników.
Następnie edytuj jeszcze raz i wyjmij każdy niepotrzebny tekst.
10. Złam jedną zasadę, ale tylko jedną
Zasady mają być łamane. Ale złam tylko jedną zasadę.
Jeśli chcesz zrobić coś innego, nie myl projektu z wieloma różnymi lub nietypowymi elementami. Koncentrując się na jednej bardziej złożonej lub niezwykłej rzeczy, możesz wzbudzić zainteresowanie bez przytłaczania użytkowników.
Brzmi dość prosto, prawda? (Po prostu nie daj się złapać w jedną z typowych pułapek robienia zbyt wiele.)
Wniosek
Zbyt skomplikowany lub „zbyt zaprojektowany” projekt strony internetowej może utrudniać komunikację z użytkownikami. Zapamiętaj swoje cele konwersji i to, co użytkownicy mają zrobić z projektem. Niezależnie od tego, czy jest to wypełnienie formularza, pobranie aplikacji czy zakup wypchanego króliczka, każdy element projektu powinien podkreślać dotarcie do tego miejsca docelowego.
Usuń wszystkie elementy projektu, które stoją na drodze tej ścieżki. Użytkownicy lubią czyste, proste i łatwe w użyciu projekty. Jest to szczególnie prawdziwe w przypadku mniejszych urządzeń, takich jak telefony, gdzie bałagan może zniszczyć wrażenia użytkownika w ciągu nanosekund.
