3 sposoby projektowania sieci może lepiej podłączyć się do odbiorców

W celu stworzenia web design, który łączy, Copyblogger główny projektant Rafał Tomal mówi musimy osiągnąć nowy poziom interakcji z naszą publicznością.

A+ A-

cinemagraph

Jak ludzie rozpoznają dobre projektowanie stron internetowych ?

Istnieje duża różnica między dobrą i złą projektu. Wiele osób może zidentyfikować dobry projekt, ale nie wiem , co czyni różnicę .

Większość ludzi nie patrząc na stronie i myśli: To strona internetowa doskonale dopasowane serif i sans-serif czcionki i ładny wykorzystaniem białej przestrzeni!

Nie. Tylko, że projektanci.

W większości przypadków ludzie po prostu poczuć się jak coś jest z tym dobrze. Może to, że czcionka wzrok lub może to żywe kolory, ale nigdy nie wiemy na pewno.

Jest coś więcej niż dobry projekt dzięki czemu wystarczy spojrzeć w prawo.

Ponieważ można zaprojektować swoją stronę według wszystkich głównych zasad projektowania z chirurgiczną precyzją ... a ludzie nadal nie podoba.

Forma, funkcja i styl

Dobry projekt to nie tylko, jak strona wygląda; to jak to działa.

Jednak strona nie jest maszyną. Nie ma prostej baza kodu lub przepis na dobry projekt. Nie można go zaprogramować, generować, albo jakoś zautomatyzować ten proces.

Dlatego Twój projekt wymaga czegoś więcej.

W celu stworzenia web design, który łączy, potrzebujemy go, aby osiągnąć nowy poziom interakcji z naszą publicznością.

1. Projektowanie dla ludzi

projekt witryny tworzy pierwsze wrażenie z użytkowników, a chcesz dokonać ich interakcji z witryną, co ludzkie w obsłudze, jak to możliwe. Nikt nie chce być witani i poinstruowany przez robota.

Dokonywanie www człowieka skoncentrowane środki dzięki czemu jest łatwy w użyciu i nie co ludzie domyślić, co mają dalej robić. Oznacza to, że koncentrują się wokół działań swój projekt ludzi i jak użytkownicy oczekują swoją stronę do pracy dla nich.

Można poprawić doświadczenia użytkownika na swojej stronie poprzez łatwe rozwiązywanie wspólnych problemów, które w przeciwnym razie będzie wymagać czasu swoich gości, aby dowiedzieć się.

Najczęstsze problemy, które odwiedzającym znaleźć na źle zaprojektowane strony:

  • "Czy to klikalne?"
    Wszystkie elementy, które wymagają interakcji z użytkownikiem powinien być wyraźnie widoczny lub wyróżniają się w jakiś sposób. Linki i przyciski powinna przynajmniej być umieszczone w innym kolorze, niż w pozostałej zawartości ciała.

  • "Gdzie ja jestem?"
    Goście poczują się zagubieni na swojej stronie internetowej, gdy układ projekt nie jest spójna. Gdy ludzie nie wiedzą, gdzie się udać, oni zawsze znaleźć wyjście.

    Nie można przenosić nawigację lub zmienić układ zbyt często pomiędzy stronami. Należy użyć typowych wzorców w całej witrynie, więc użytkownicy mogą dowiedzieć się interfejs witryny.

    Spójność jest jednym z najważniejszych aspektów dobrze zaprojektowanej strony.

  • "Nie mogę czytać!"
    Czy treść łatwe do odczytania? Jeśli nie, Twój tekst może być zbyt mały lub kontrast kolorów pomiędzy kolorem tła i tekstu może nie być wystarczająco jasne.

    Pamiętaj, że możesz zaprojektować swoją stronę typografii dla ludzkiego oka.

    Jeśli grupy docelowej jest trochę starszy, trzeba dokonać typografii jeszcze większy i dodać więcej kontrastu. Należy skupić się na zaspokajaniu potrzeb użytkowników; nie martw się jeśli nie wygląda estetyczne wam już.

Typografia

To jest kawałek próbki treści z Medium.com wyświetlane w dwóch różnych wersjach. Widać wyraźne odstępy między liniami i wysokim kontraście typografii po prawej stronie. Po lewej stronie widać tę samą treść i rodzaj czcionki, ale z nieprawidłowymi odległościami linii, małego rozmiaru czcionki i niskim kontraście. Można wyraźnie zobaczyć, który z nich jest łatwiejszy do odczytania.

Poświęć trochę czasu, aby poznać swoich typowych gości i badania ich zachowania na swojej stronie. Znajdź swoje typowe pytania i problemy, i starać się je rozwiązać.

Upewnij się, że strona jest wykorzystywane przez użytkowników, które są dla Ciebie ważne. Zapomnij o co twój projekt mieszkania lub za pomocą fantazyjnych kolorów, jeśli to nie działa dla ludzi.

2. Projektowanie dla emocji

Emocje mają duży wpływ na większość naszych decyzji. Dlatego nie możemy ignorować emocje przy projektowaniu stron internetowych.

To wszystko ma znaczenie, gdy chodzi o uczucia ludzi. Stosując specyficzne kształty, czcionki, ikony, zdjęcia lub kolory możemy mieć wpływ na sposób w jaki ludzie czują się o naszych produktach, usługach lub marki.

Widać duże marki bawi się naszymi emocjami przez cały czas. Wystarczy spojrzeć na firmy takie jak Apple, Target, czy Starbucks.

Konstrukcja produktu jest zdecydowanie jednym z głównych czynników sukcesu firmy Apple. Jabłko spędza dużo czasu i pieniędzy, upewniając ich produkty wyglądają elegancki i sexy, i nowoczesne.

img-jabłko-products

Nie jest też tak, jak produkt wygląda, ale jak to działa i czuje, kiedy go używać. Większość produktów firmy Apple mają gładkie, miłe w dotyku powierzchnie i spójnych zaokrąglone narożniki. To dobrze, prawda?

Tak, jak można wykorzystać emocjonalny projekt?

  • Daj swojej marki duszę.
    Wybierz jedną emocję chcesz, żeby ludzie czują się o swojej marki lub stronie internetowej, a następnie skupić się na nim i być spójne.

    Czy chcesz, aby Twoja strona się na lekki, humorystyczny stronie? Następnie użyj radosne kolory, gładkie kształty, zabawne postacie i połączyć je z lekkich żartów wszędzie.

    Ale załóżmy, że prowadzisz blog o samochodach sportowych. Chcesz, aby powiązać z marką, więc trzeba im poczuć chłodny o tym. Może chcesz, aby Twój projekt elegancki, nowoczesny, sexy, i używać jak silny kolor czerwony.

    Nie chcesz używać jasnych, pastelowych kolorach lub czcionki Comic Sans bo to niedopasowanie swój projekt ze smakiem fanów sportów samochodowych.

    MailChimp

    MailChimp jest jedną z tych stron, które ma swój niepowtarzalny styl i charakter. Zabawna maskotka kreskówka szympansa humor sprowadza się do serwisu i wywołuje pozytywny nastrój.

  • Zaskocz swoich gości.
    Chcesz trochę uwagi? Ludzie pamiętają rzeczy lepiej i zwrócić większą uwagę podczas ich uczucia są z nim związane. Zaskocz swoich gości poprzez coś nieoczekiwanego, ale pozytywne.

    Na przykład, wyświetlić komunikat "dziękuję" na prostej czynności, aby interesujące paralaksy przewijania efektów, lub zatrudnić animacje, gdy kursor znajdzie się nad pewne elementy.

    dangelicoguitars.com

    Dangelicoguitars.com wykorzystuje paralaksy efekt przewijania i niestandardowe zaprojektowane strony, aby zaskoczyć swoich gości i zrobić badanie na stronie internetowej bardzo interesujące.

  • Daj swoim dzieciom cukierki, gdy płaczą.
    Jak ludzie czują, gdy udają się do strony internetowej, a to nie działa albo dostać 404? Mogą czuć się zdezorientowany, rozczarowany lub udaremnione.

    Na pewno nie chcemy, aby ludzie czują się w ten sposób. Można to naprawić poprzez zabawną stronę 404 lub utworzenie własnej strony niestandardowej, gdy strona jest nieaktywna z powodu jakiś prac konserwacyjnych.

    Sprawdź, ludzie uśmiechają się, kiedy pojawia się problem, a utrzymanie ich ruchu, kiedy będą musieli czekać.

    404 strony

    Twoja strona 404 nie musi być nudna. Bądź kreatywny, napisać coś zabawnego, lub zaproponować kolejny krok, który należy podjąć.

  • Keep it pozytywne.
    Jest to ogólna zasada: wywołują tylko pozytywne uczucia. Nigdy nie chcesz skojarzyć żadnych złych uczuć z marką (chyba, że ​​jest naprawdę twój cel i wiesz co robisz).

    Staraj się korzystać z pozytywnych jak ikony znaków kontrolnych, buźki i znaki kciuki-up. Można też skojarzyć pozytywne uczucia z pożądanych działań na swojej stronie. Na przykład:

    • Pokaż buźkę (nagroda) po wykonaniu zadania
    • Użyj zielonego "dodaj do koszyka" przycisk
    • Pokaż znaczniki wyboru dla poprawnie wypełnić pola formularza
    • Za pomocą paska postępu w postaci wielostronicowych

    koszyk Photojojo za

    koszyk ikona Photojojo zamienia się zielony z uśmiechem na twarzy po kliknięciu na przycisk "Dodaj do koszyka". Sprawia to, że całe doświadczenie zakupów bardziej przyjemne.

3. Projekt opowiedzieć historię

Wiek podejmowania strony domowe wyglądać kokpitów samolotów jest skończona. Unikamy nadużywania przycisków, wzywa do działania, i wszystkie inne rozrywki w tych dniach.

Nowa rola projektowania stron internetowych jest opowiedzieć historię .

Wyobraźmy sobie komiczną stronę książki. Możesz zobaczyć różne paski wielkości oraz ilustracje aby historia bardziej interesujące. Jest zaprojektowany, aby zwrócić uwagę, zachować cię interesuje, zaskoczy cię straszyć, rozśmieszyć ... i to jest realizowane tylko dobrej narracji i obrazu.

Twoja strona może opowiedzieć historię za:

  • Zaprojektować układ, który zwiększa poznać.
    Staraj się, aby treść strony w odpowiedniej narracji i postępującej kolejności. Użyj prostego Pionowa konstrukcja ułatwia wizualną ruchy gałek ocznych i przepływu.

    Możesz zacząć od dobrej przyciągające wzrok nagłówek i prostym opisem powyżej krotnie. Następnie poinformować odwiedzającego o swoich najlepszych cech, pokazują historie swoich klientów, listy ludzi, którzy używają swoich produktów lub usług, a ostatecznie doprowadzi do jednego - i tylko jeden - wezwanie do działania ( i zoptymalizować go ).

    Podzielić na części treści, ale upewnij się, że istnieje wyraźny związek między nimi. W ten sposób użytkownicy mogą je czytać jak prawdziwej historii, bez przerwy lub przerwa.

    Należy również pamiętać, aby mieć dobrą równowagę wizualną, zarówno poziomo i pionowo. Niech oczy swoich czytelników płynnie przejść od lewej do prawej. Jeśli jedna część jest po lewej stronie maszyny sprawiają, że drugi z prawej strony skupiony, i vice versa.

    cechy Genesis

    Mamy pokazano wszystkie elementy ramowe Genesis , aby przeglądać tę stronę bardziej interesującą i zwiększenia zwiedzania.

  • Wykorzystywać różne elementy zawartości utrzymać użytkowników zainteresowanych.
    Upewnij się, że historia jest interesująca. Można stosować różne elementy interaktywne, jak w przypadku kart, suwaki i animacje przewijania, aby utrzymać użytkowników zaangażowanych w poszukiwania swojej stronie internetowej.

    Należy unikać stosowania długich i nudnych akapity tekstu. Można je pokroić na mniejsze porcje wspieranych z wideo, grafiki i ilustracje. Można też wprowadzić pewne organizację i zrobić listę punktowaną, który jest zawsze łatwiej oko czytać.

    Nie bój się zmienić kolory tła pomiędzy sekcjami strony. W ten sposób można manipulować równowagę i mogą zachęcać do przewijania jeśli kolory tła są w określonej kolejności.

  • Aktywizację.

    Każda historia ma swój koniec. Umieść swoje główne wezwanie do działania pod koniec swojej historii, więc ludzie mogą zrobić kolejny krok.

    Upewnij się, że pionowy przepływ strony prowadzi odwiedzających prawo do ostatecznego wezwania do działania. Możesz zrobić to bardziej widoczne niż w jakichkolwiek innych elementów, z nagłówka lub przycisk tekstu, który wygląda jak kontynuacji swojej historii.

Więc jaki jest Twój następny krok?

Zawsze jest tak wiele możemy zrobić, aby poprawić nasze projekty stron internetowych. Zachęcam do podjęcia krok dalej. Głębiej za kulisami.

Nigdy nie można być nie tak, po prostu dbanie o użytkowników i poprawy ich doświadczenia. Rozważ swoje uczucia i dodać więcej sensu treści witryny projektując dobrą historię.

Jaka jest jedna prosta zmiana projektu można zrobić dziś, że będzie poprawa jakości obsługi użytkowników na swojej stronie?

Flickr Creative Commons cinemagraph przez mendhak