Jak zaprezentować projekt strony internetowej klientowi

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 ​​Twój projekt zostanie zatwierdzony.

W tym artykule podzielimy się tajnikami skutecznej prezentacji i kilkoma sztuczkami, które sprawią, że Twoi klienci zakochają się w Twojej pracy. Zaczniemy od liczby opcji, które powinieneś zaprezentować swojemu klientowi.

Ile opcji projektowych powinienem przedstawić?

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

Po co przedstawiać wiele opcji, w tym te, których nie jesteś pewien? Jeśli zaoferujesz zbyt wiele opcji, Twój klient może 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 wyjaśnij, w jaki sposób spełniają one cele biznesowe Twojego klienta. Przeprowadź 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łówną postacią w Twojej historii projektowania jesteś Ty. Klienci będą Cię obserwować i oceniać po Twoich słowach i czynach. Dlatego lepiej zastanów się, co powiesz z wyprzedzeniem.

Jak oczarować klientów prezentacją

Czasami prezentując swój projekt, możesz wywołać lawinę spekulacji, ujawnić zbyt wiele informacji lub znudzić klienta. Oczywiście to nie jest to, co naprawdę chcesz robić. Jeśli chcesz zapewnić płynną prezentację, spróbuj ułożyć ją w pięciu krokach:

#1. Sformułuj problem

Co powinieneś zrobić najpierw? Ustal oczekiwania wobec swoich odbiorców: ogłaszaj, co Twoi klienci zobaczą 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ścia, których użyłeś do rozwiązania tego problemu.

Alternatywnie możesz zacząć od szybkiego podsumowania tego, co już widzieli Twoi klienci: ostatniego projektu, istniejącego produktu lub przeprojektowanego elementu. Możesz także dotknąć ostatniej opinii, którą przekazali Twoi klienci. W ten sposób położysz podwaliny pod główną prezentację i unikniesz niepotrzebnych pytań.

#2. Zaadresuj firmę swojego klienta

Postaraj się, aby prezentacja była bardziej osobista. Omów markę swojego 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 i ceny 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 zdjęć stockowych. Na przykład, jeśli budujesz witrynę charytatywną, prawdziwe zdjęcia z aukcji charytatywnej prowadzonej przez firmę będą miały znacznie większy wpływ na Twoich klientów i ich potencjalnych patronów.

#3. Opisz proces projektowania

Opisz pokrótce poszczególne etapy procesu projektowania i porozmawiaj o zdobytych informacjach. Powinieneś również podkreślić, w jaki sposób wykorzystałeś te informacje, aby poprawić ogólny projekt. Tutaj bardzo ważne jest przedstawienie elementów projektu jako korzyści dla biznesu klienta. Możesz na przykład wyjaśnić, że w witrynie z fast foodami użyłeś więcej czerwieni, ponieważ zwiększa to apetyt klientów i może zachęcać klientów do zamawiania większej ilości jedzenia. Teraz ujawniono sekret McDonald's i KFC.

#4. Utrzymywac rozmowe

Prezentacja projektu to rozmowa. Jeśli chcesz uzyskać informacje zwrotne, odpowiadaj na pytania, gdy się pojawią, i wyjaśnij, co Twój klient przeoczył. Upewnij się, że prezentacja jest zrozumiała 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 prawdopodobnie najważniejszym krokiem jest uzyskanie informacji zwrotnej. Daj swoim klientom trochę czasu na ocenę swojej pracy. Czas oczekiwania zależy od klienta, jego nakładu pracy i wielkości projektu. Oczywiście weryfikacja dużych projektów zajmuje więcej czasu niż małych. Nie panikuj, jeśli Twój klient nie odpowie w ciągu pierwszych trzech dni. Zaprojektowana przez Ciebie strona internetowa jest dużą częścią biznesu Twojego klienta i musi on mieć pewność, że zdobędzie jego 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 właściwie zarządzać, lub odpowiedź może potrwać miesiące. Jak uniknąć takiej sytuacji i wyznaczyć właściwy kierunek swoim klientom? Po prostu postępuj zgodnie z tymi wskazówkami.

1. Planuj z wyprzedzeniem

Radzimy wyjaśnić wszystkie kwestie przed zebraniem opinii. Ustal konkretną datę, w której Twój klient przekaże informację zwrotną na temat Twojej pracy. Potraktuj tę datę poważnie. Byłoby miło z Twojej strony przypomnieć klientowi o terminie opinii z kilkudniowym wyprzedzeniem. Należy również uzgodnić formę informacji zwrotnej – czy to telefonicznie, e-mailem, czy osobiście.

2. Zadawaj skoncentrowane pytania

Dość często prezentacje projektowe zamieniają się całkowicie w dyskusje na temat treści. Oczywiście spodziewane są niektóre dyskusje dotyczące treści, ale klient nie powinien poświęcać temu tematowi wszystkich swoich opinii. Jeśli chcesz uzyskać przydatne informacje zwrotne, zadawaj konkretne pytania i kieruj rozmowę na to, o czym naprawdę chciałbyś usłyszeć opinie.

Nie pytaj swoich klientów „Co myślisz?” Zamiast tego zapytaj ich, czy ta koncepcja spełnia ich cele biznesowe lub w jaki sposób to nie spełnia, lub zapytaj ich, czy paleta kolorów pasuje do pozycjonowania marki.

3. Uchwyć prawdziwe znaczenie

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

Zawsze pytaj, 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 o ich opinie.

4. Zastosuj logikę i cytuj znane marki

Jeśli nie podzielasz tej samej opinii co Twój klient, nie zaczynaj go krytykować i dyskredytować. Zamiast tego poprzyj swoje argumenty faktami, badaniami i badaniami. Niech te fakty mówią same za siebie. Dodatkowo możesz podać przykłady znanych firm.

Wyobraź sobie, że Twój klient poprosił Cię o zmniejszenie rozmiaru czcionki z 22 do 12 punktów. W takim przypadku możesz odpowiedzieć, na przykład „To interesujący punkt. Ale wiesz, niedawno przeczytałem badanie pokazujące, że większe rozmiary czcionek mogą wzbudzić silniejsze emocjonalne powiązania z marką. Nawiasem mówiąc, Medium używa również czcionki 22pt.”

I nie używaj zwrotów, które pasują do stylu „Mówiłem ci”. Spróbuj okazać empatię: „Tak, byłem w szoku, kiedy też to usłyszałem”.

5. Szanuj opinię klienta

Mimo że prawdopodobnie masz znacznie większe doświadczenie w projektowaniu stron internetowych, Twój klient nadal zna swój biznes lepiej niż Ty. To oni będą na co dzień korzystać z projektu. Muszą więc czuć się komfortowo z zaprojektowaną przez Ciebie witryną.

Jeśli Twój klient pozostaje niezadowolony z Twojego projektu, popraw wspólnie swoją pracę. Spróbuj znaleźć kompromis i dostosuj projekt w oparciu o opinie klienta. Pamiętaj, że symbioza wiedzy Twojego klienta i Twojego doświadczenia może zaowocować naprawdę udanym produktem.

Teraz znasz już część teoretyczną: jak działać i co mówić prezentując swoją pracę projektową. Jednak nie jest jasne, w jakiej formie należy oprawić 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”. Ale możemy ułatwić Ci pracę, oferując przydatne wskazówki dotyczące przepływu prototypów. Radzimy wybrać rodzaj prototypu i narzędzia, których użyjesz do jego stworzenia, w oparciu o etap projektowania, na którym aktualnie się znajdujesz – albo etap wczesny, albo etap końcowy. Przyjrzyjmy się bliżej obu tym etapom.

Wczesny etap

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

Dlatego na tym etapie można zaprezentować prototyp o niskiej wierności 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, których projektanci mogą używać do tworzenia szkieletów. Jego główne zalety to prosty interfejs i możliwość natychmiastowego rozpoczęcia projektowania makiet bez konieczności rejestracji.
• Moqups.com – aplikacja internetowa, która pomaga tworzyć makiety, 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 o otwartym kodzie źródłowym dla platform stacjonarnych i mobilnych. Pencil Project zapewnia wbudowane kolekcje (kształty, elementy schematu blokowego itp.), obsługę rysowania diagramów i łączenia między stronami.

W przypadku prototypu o niskiej wierności musisz być ostrożny, ponieważ możesz spotkać się z nieporozumieniami i negatywnymi uwagami ze strony klienta: „Dlaczego ekrany są takie proste? Dlaczego użyłeś tak słabej 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.

Ostatnie stadium

Na ostatnim etapie musisz dostarczyć klientowi prototyp o wysokiej wierności: dodaj elementy interaktywne, takie jak mikrointerakcje, nawigacja z ekranu na ekran i inne animacje.

Prototyp o wysokiej wierności to komputerowa interaktywna reprezentacja wykonana jak najbliżej ostatecznego projektu (pod względem szczegółów i funkcjonalności), aby umożliwić klientowi zbadanie użyteczności produktu i wyciągnięcie wniosków na temat zachowania użytkownika.

Prototypy o wysokiej wierności pozwalają bardziej realistycznie odczuć przejścia i funkcje witryny niż te 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 animowania prototypu, wypróbuj te:

• InVision (invisionapp.com) – platforma do projektowania produktów cyfrowych, która umożliwia tworzenie interaktywnych prototypów w ciągu kilku minut. Za pomocą 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 komentować bezpośrednio Twoje projekty.
• Adobe XD (adobe.com/products/xd.html) — kompleksowe rozwiązanie UI/UX, które pomaga jednym kliknięciem zamienić statyczny układ w interaktywny prototyp. Korzystając z 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 wieloekranowej, czy nowe animacje i interakcje.

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

Forma, w jakiej prezentujesz swój projekt, zależy od rodzaju produktu, prezentowanych elementów projektu (np. układu lub funkcjonalności) oraz etapu procesu projektowego, na którym się znajdujesz. Na wczesnym etapie możesz trzymać się niskich - prototypy wierności, podczas gdy 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 Twojego zaufania i posiadanych danych: miej pod ręką fakty i oparte na logice argumenty, aby wesprzeć swoje opinie. I nie bój się zapytać klienta „dlaczego?”.

Czy wypróbowałeś którąś z tych wskazówek? Czy znasz jeszcze inne sekrety zwycięskiej prezentacji? Podziel się swoimi przemyśleniami w komentarzach poniżej.