Jak przedstawić klientowi projekt strony internetowej

Sukces twojego projektu zależy nie tylko od twojej zdolności do stworzenia czegoś atrakcyjnego wizualnie, ale także od twojej zdolności do sprzedaży.

Jako profesjonalny projektant powinieneś wiedzieć, jak komunikować się z klientem i jak najlepiej zaprezentować swój produkt. Im lepsza prezentacja, tym większa szansa, że ​​projekt zostanie zaakceptowany.

W tym artykule zdradzimy sekrety skutecznej prezentacji i triki, które sprawią, że Twoi klienci zakochają się w Twojej pracy. Zaczniemy od liczby opcji, które powinieneś przedstawić swojemu klientowi.

Ile opcji projektowych powinienem przedstawić?

Sheena Iyengar, światowej sławy ekspertka od wyborów i podejmowania decyzji, mówi, że różnorodność wyborów może przyciągać uwagę konsumentów, ale jednocześnie ich przytłaczać i dezorientować. To znaczy, biorąc pod uwagę, że zbyt wielu konsumentów po prostu wybierze coś, nawet jeśli może to nie być najlepsza opcja.

Po co przedstawiać wiele opcji, w tym te, co do których nie jesteś pewien? Jeśli zaoferujesz zbyt wiele opcji, twój klient może równie dobrze zignorować twój ulubiony projekt. Dlatego zalecamy prezentację tylko ostatecznego prototypu.

Nie oznacza to jednak, że powinieneś pokazać tylko jedno zdjęcie. Opowiedz całą historię od samego początku, dostarczając migawki swojego projektu na różnych etapach. Wyjaśnij podjęte decyzje i sposób, w jaki odpowiadają one celom biznesowym klienta. Poprowadź swojego klienta przez wszystkie iteracje, przez które przeszedłeś, aby znaleźć rozwiązanie jego problemu. To przemówi do twojej wiedzy i udowodni, że nie tylko przerysowałeś istniejący projekt, ale wykonałeś dużo pracy.

Głównym bohaterem Twojej historii projektowej jesteś Ty. Klienci będą cię obserwować i oceniać po twoich słowach i czynach. Dlatego lepiej zastanów się wcześniej, co powiesz.

Jak oczarować klientów swoją prezentacją

Czasami, prezentując swój projekt, można wywołać lawinę spekulacji, ujawnić zbyt wiele informacji lub znudzić klienta. Najwyraźniej to nie jest to, co naprawdę chcesz robić. Jeśli chcesz przeprowadzić płynną prezentację, spróbuj ją zorganizować, wykonując te pięć kroków:

1 Sformułuj problem

Co powinieneś zrobić najpierw? Określ oczekiwania swoich odbiorców: ogłoś, co Twoi klienci mają zamiar zobaczyć i co z tego wyniosą. Sformułuj problem postawiony na pierwszym spotkaniu, zadanie, nad którym pracowałeś (np. stworzenie szybkiego i świetnego projektu internetowej aplikacji fitness) oraz podejście, które zastosowałeś, aby rozwiązać ten problem.

Alternatywnie możesz zacząć od szybkiego podsumowania tego, co już widzieli Twoi klienci: ostatni projekt, istniejący produkt lub przeprojektowany przedmiot. Możesz także dotknąć ostatniej opinii, którą przekazali Twoi klienci. W ten sposób położysz podwaliny pod swoją główną prezentację i unikniesz zbędnych pytań.

2 Zaadresuj firmę swojego klienta

Postaraj się, aby Twoja prezentacja była bardziej osobista. Omów markę klienta i jego grupę docelową. Twoim celem jest pokazanie, że rozumiesz biznes swojego klienta. Załóżmy, że projektujesz stronę internetową dla firmy Soft Blankets. Ta strona internetowa musi odzwierciedlać asortyment produktów i cen firmy, a także dawać klientom poczucie ciepła i przytulności.

Możesz wzbogacić zarówno swoje makiety, jak i ostateczny projekt, zdjęciami firmowymi klienta zamiast fotografii stockowej. Na przykład, jeśli budujesz witrynę charytatywną, prawdziwe zdjęcia z aukcji charytatywnej zorganizowanej przez firmę będą miały znacznie większy wpływ na Twoich klientów i ich potencjalnych patronów.

3 Opisz proces projektowania

Podaj krótki opis każdej fazy procesu projektowania i omów zdobyte informacje. Powinieneś również podkreślić, w jaki sposób wykorzystałeś te informacje, aby ulepszyć ogólny projekt. W tym przypadku bardzo ważne jest przedstawienie elementów projektu jako korzyści dla firmy klienta. Na przykład możesz wyjaśnić, że użyłeś więcej czerwieni w witrynie fast food, ponieważ zwiększa to apetyt klienta i może zachęcić go do zamawiania większej ilości jedzenia. Teraz wychodzi na jaw sekret McDonald’s i KFC.

4 Prowadź rozmowę

Prezentacja projektu to rozmowa. Jeśli chcesz uzyskać świadomą informację zwrotną, odpowiadaj na pytania, gdy się pojawią, i wyjaśnij wszystko, co przegapił Twój klient. Upewnij się, że Twoja prezentacja jest jasna dla klienta i że jesteś na tej samej stronie. Poza tym konstruktywny dialog może przynieść nowe pomysły i rozwiązania.

5 Zbierz opinie

Ostatnim i chyba najważniejszym krokiem jest uzyskanie informacji zwrotnej. Daj swoim klientom trochę czasu na ocenę Twojej pracy. Czas oczekiwania zależy od klienta, jego obciążenia pracą i wielkości projektu. Oczywiście przegląd dużych projektów zajmuje więcej czasu niż małych. Nie panikuj, jeśli klient nie odpowie w ciągu pierwszych trzech dni. Strona internetowa, którą zaprojektowałeś, stanowi dużą część działalności Twojego klienta i musi on mieć pewność, że zdobędzie ich odbiorców.

Jak zbierać opinie we właściwy sposób

Czasami jednak możesz ciężko pracować i nadal otrzymywać informacje zwrotne, które są bezużyteczne lub którymi nie możesz odpowiednio zarządzać, albo odpowiedź może zająć miesiące. Jak uniknąć takiej sytuacji i wyznaczyć właściwy kierunek dla swoich klientów? Po prostu postępuj zgodnie z tymi wskazówkami.

1 Planuj z wyprzedzeniem

Radzimy wyjaśnić wszystkie kwestie przed zebraniem opinii. Ustal konkretny termin, w którym klient przekaże informację zwrotną na temat Twojej pracy. Potraktuj tę randkę poważnie. Miło byłoby z Twojej strony przypomnieć klientowi o dacie wystawienia opinii z kilkudniowym wyprzedzeniem. Należy również uzgodnić formę informacji zwrotnej – czy to przez telefon, e-mail, czy osobiście.

2 Zadawaj ukierunkowane pytania

Dość często prezentacje projektowe zamieniają się całkowicie w dyskusje na temat treści. Oczywiście oczekuje się pewnych dyskusji na temat treści, ale Twój klient nie powinien poświęcać całej swojej opinii temu tematowi. Jeśli chcesz uzyskać przydatne opinie, zadaj konkretne pytania i skieruj rozmowę na to, o czym naprawdę chcesz usłyszeć opinie.

Nie pytaj swoich klientów „Co o tym sądzisz?” Zamiast tego zapytaj ich, czy ta koncepcja spełnia ich cele biznesowe lub w jaki sposób jej się nie udaje, lub zapytaj, czy paleta kolorów pasuje do pozycjonowania marki.

3 Uchwyć prawdziwe znaczenie

Klienci, komentując Twój projekt, często zamiast wskazywać problem, proponują rozwiązania: „Czy możesz powiększyć ten przycisk? Czy możesz dodać więcej zieleni? Twoim zadaniem jest zidentyfikowanie głównego problemu lub wyzwania ukrytego w tej informacji zwrotnej.

Zawsze pytaj ich, dlaczego: „Dlaczego chcesz, aby ten przycisk był większy? Dlaczego uważasz, że więcej zieleni będzie lepsze dla Twojej witryny?” Dustin Curtis, założyciel Svbtle, zadaje swoim klientom co najmniej trzy pytania dotyczące ich opinii.

4 Zastosuj logikę i cytuj znane marki

Jeśli nie podzielasz opinii swojego klienta, nie zaczynaj go krytykować i dyskredytować. Zamiast tego poprzyj swoje argumenty faktami, badaniami i badaniami. Niech te fakty przemówią same za siebie. Dodatkowo jako przykłady możesz podać znane firmy.

Wyobraź sobie, że klient poprosił Cię o zmniejszenie rozmiaru czcionki z 22 do 12 punktów. W takim przypadku możesz odpowiedzieć w stylu: „To interesujący punkt. Ale wiesz, ostatnio czytałem badanie pokazujące, że większe rozmiary czcionek mogą wzbudzać silniejsze więzi emocjonalne z marką. Nawiasem mówiąc, Medium również używa czcionki 22-punktowej”.

I nie używaj zwrotów w stylu „a nie mówiłem”. Spróbuj okazać empatię: „Tak, też byłem w szoku, kiedy to usłyszałem”.

5 Szanuj opinię swojego klienta

Nawet jeśli prawdopodobnie masz znacznie większe doświadczenie w projektowaniu stron internetowych, Twój klient nadal zna się na swojej branży lepiej niż Ty. To oni będą korzystać z projektu na co dzień. Muszą więc czuć się komfortowo z witryną, którą zaprojektowałeś.

Jeśli twój klient pozostaje niezadowolony z twojego projektu, popraw swoją pracę razem. Spróbuj znaleźć kompromis i zaadaptuj projekt na podstawie opinii klienta. Pamiętaj, że symbioza wiedzy Twojego klienta i Twojego doświadczenia może zaowocować naprawdę udanym produktem.

Część teoretyczną masz już za sobą: jak się zachować i co powiedzieć, prezentując swoją pracę projektową. Jednak nie jest jasne, w jakiej formie powinieneś oprawić swój projekt. Jak powinien wyglądać twój prototyp?

Jaki typ prototypu wybrać?

Nie możemy dać uniwersalnej odpowiedzi i powiedzieć „po prostu narysuj to w ten sposób”. Możemy jednak ułatwić Ci pracę, oferując kilka przydatnych wskazówek dotyczących przebiegu prototypowania. Radzimy wybrać typ prototypu i narzędzia, których użyjesz do jego stworzenia, w oparciu o etap projektowania, na którym się aktualnie znajdujesz – albo na wczesnym etapie, albo na końcowym etapie. Przyjrzyjmy się bliżej obu tym etapom.

Wczesny etap

Wczesnym etapem jest przemyślenie logiki i funkcjonalności strony internetowej: układu, funkcji, połączeń i przejść. Z myślą o grupie docelowej tworzysz elementy, które sprawią, że serwis będzie intuicyjny dla użytkowników. Twoim głównym celem jest sprawdzenie funkcjonalności produktu.

Dlatego na tym etapie można przedstawić prototyp low-fidelity w postaci prostych schematycznych ekranów zwykle w podstawowych kolorach i bez efektów wizualnych czy detali.

Aby zaprojektować prototyp o niskiej wierności, możesz wypróbować następujące narzędzia:

• Wireframe.cc – Jedno z najbardziej podstawowych narzędzi, za pomocą którego projektanci mogą tworzyć szkielety. Jego głównymi zaletami są prosty interfejs i możliwość natychmiastowego rozpoczęcia projektowania makiet bez rejestracji.
• Moqups.com – aplikacja internetowa, która pomaga tworzyć szkielety, makiety i prototypy. Moqups oferuje wbudowaną bibliotekę z tysiącami zestawów ikon, przechowywanie w chmurze oraz funkcje komentarzy i opinii.
• Pencil Project (pencil.evolus.vn) — bezpłatne narzędzie do prototypowania typu open source dla platform stacjonarnych i mobilnych. Pencil Project zapewnia wbudowane kolekcje (kształty, elementy schematu blokowego itp.), obsługę rysowania diagramów i łączenie między stronami.

W przypadku prototypu o niskiej wierności trzeba być ostrożnym, ponieważ można spotkać się z nieporozumieniami i negatywnymi uwagami ze strony klienta: „Dlaczego ekrany są takie proste? Dlaczego użyłeś tak kiepskiej kolorystyki?” Jeśli tak się stanie, poświęć czas, aby wyjaśnić klientowi, czym jest UX i jak jest ważny dla jego produktu – że UX jest sercem i duszą jego przyszłej strony internetowej – i że ten prototyp jest daleki od ostatecznej wersji.

Finałowy etap

Na ostatnim etapie musisz dostarczyć klientowi prototyp o wysokiej wierności: dodać elementy interaktywne, takie jak mikrointerakcje, nawigacja między ekranami i inne animacje.

Prototyp high-fidelity to interaktywna reprezentacja komputerowa, która jest jak najbardziej zbliżona do ostatecznego projektu (pod względem szczegółów i funkcjonalności), aby umożliwić Twojemu klientowi zbadanie użyteczności produktu i wyciągnięcie wniosków na temat zachowań użytkowników.

Prototypy o wysokiej wierności pozwalają bardziej realistycznie odczuć przejścia i funkcje witryny niż prototypy o niskiej wierności i ujawniają potencjalne błędy lub trudności na tym etapie przed utworzeniem interfejsu użytkownika.

Jeśli nie masz pewności, jakich narzędzi użyć do animacji swojego prototypu, wypróbuj te:

• InVision (invisionapp.com) — cyfrowa platforma do projektowania produktów, która umożliwia tworzenie interaktywnych prototypów w ciągu kilku minut. Korzystając z InVision, możesz tworzyć arkusze stylów i generować prawdziwy kod dla dowolnego elementu projektu. Co więcej, InVision pozwala Twoim klientom, członkom zespołu i interesariuszom bezpośrednio komentować Twoje projekty.
• Adobe XD (adobe.com/products/xd.html) — kompleksowe rozwiązanie UI/UX, które jednym kliknięciem pomaga zamienić statyczny układ w interaktywny prototyp. Korzystając z programu Adobe XD, Twój prototyp aktualizuje się automatycznie po każdej wprowadzonej zmianie: synchronizacja nie jest wymagana.
• Zasada (principleformac.com) — narzędzie do tworzenia prototypów, które umożliwia projektowanie animowanych i interaktywnych interfejsów użytkownika, niezależnie od tego, czy projektujesz przepływ aplikacji obsługującej wiele ekranów, czy też nowe animacje i interakcje.

Czy jesteś gotowy, aby zaprezentować swój projekt WWW?

Forma, w jakiej zaprezentujesz swój projekt, zależy od rodzaju produktu, elementów projektu, które prezentujesz (np. układ lub funkcjonalność) oraz etapu procesu projektowania, na którym się znajdujesz. Na wczesnym etapie możesz trzymać się niskich – prototypy wierności, natomiast późny etap wymaga jak najszybszego podejścia do produktu końcowego i dostarczenia interaktywnego prototypu o wysokiej wierności.

Oczywiście sukces Twojej prezentacji zależy od Twojej pewności siebie i posiadanych danych: miej pod ręką fakty i argumenty oparte na logice, aby poprzeć swoje opinie. I nie bój się zapytać klienta „dlaczego?”.

Czy próbowałeś którejś z tych wskazówek? Czy znasz jeszcze jakieś sekrety udanej prezentacji? Podziel się swoimi przemyśleniami w komentarzach poniżej.