03 - 05

Projektowanie UX/UI

overview

Świetny, przykuwający wzrok branding, ale nie wiadomo, gdzie kliknąć na stronie lub w aplikacji, żeby przejść dalej? To nie u nas.


Tak, pierwsze wrażenie jest mega ważne. To od niego zależy, czy Twój potencjalny klient w ogóle zechce zgłębić temat dalej. Ale to dopiero początek jego doświadczenia z Twoją marką – na Twojej stronie internetowej, w Twoim sklepie online czy w Twojej aplikacji mobilnej.

W 247 Studio dbamy o to, by identyfikacja wizualna marki zapadała głęboko w pamięć. Ale nie pozwolimy też, aby to, co zapadnie w pamięć osoby odwiedzającej Twój sklep internetowy czy stronę to uczucie bezradności i frustracji, kiedy nie może znaleźć tego, czego szuka.

Dlatego przy projektowaniu nie tylko interfejsów, ale i wszelkich materiałów dla Twojej marki, duży nacisk kładziemy na dobre doświadczenie odbiorcy. Tak, żeby informacje podane były w czytelny sposób, a droga użytkownika intuicyjna i prowadząca prosto do celu.

User journey

Poznając Twoją markę – na przykład trafiając na Twoją stronę – potencjalny klient wyrusza w drogę. To od dobrze zaprojektowanej ścieżki użytkownika odzwierciedlonej w intuicyjnym interfejsie zależy, czy trafi do celu, czy odpadnie po drodze z mocnym postanowieniem, żeby już nigdy nie wrócić.

Design system

Spójnie zaprojektowana marka przejawia się też w drobiazgach – ikonach na stronie czy w aplikacji, hierarchii nagłówków ze spójną typografią, jasno i spójnie oznaczonych linkowaniach i intuicyjnych buttonach. Nie pominiemy żadnego elementu, który wpłynie na doświadczenie Twojego odbiorcy.

Motion design

Znamy wiele sposobów i środków, żeby usprawnić interakcje użytkownika z Twoją marką i interfejsem, z jakim się spotyka. Projektując stronę czy interfejs aplikacji, zaproponujemy Ci różne rozwiązania, jak animacje i interaktywne elementy, które służą lepszemu doświadczeniu użytkownika.

Prototyping

Zanim stworzymy końcowy produkt, przygotujemy w pełni funkcjonalny prototyp, który będzie dokładnym odzwierciedleniem docelowej strony lub aplikacji. Dzięki temu, zanim przejdziemy do kodowania, ustalimy z Tobą pełną funkcjonalność, bez niedomówień.

Projektowanie UX/UI – case studies

Zobacz historie klientów, którzy korzystali już z naszych usług projektowania UX/UI.

Frontend Development

Projektowanie UX / UI

Identyfikacja Wizualna

Projektowanie graficzne

Strategia Marki

Odpowiedzi na najbardziej nurtujące pytania o projektowanie UX / UI

Co to jest UX?

UX to z angielskiego “user experience” – czyli w dosłownym tłumaczeniu, doświadczenie użytkownika. Projektowanie UX to nic innego, jak projektowanie doświadczenia kogoś, kto porusza się np. po Twojej stronie internetowej czy w aplikacji mobilnej – w taki sposób, żeby uczynić je jak najbardziej intuicyjnymi i bezproblemowymi.

Co to jest UI?

UI to z angielskiego “user interface”. A projektowanie UI to dosłownie projektowanie interfejsów – na przykład strony internetowej czy aplikacji mobilnej lub webowej.

Czym różni się UX od UI?

Żeby dobrze zaprojektować UI, trzeba najpierw zaprojektować UX. Projektowanie UX to projektowanie całego doświadczenia użytkownika, w tym jego ścieżki. Projektant UX poznaje potrzeby użytkownika i planuje sposób działania całej aplikacji czy serwisu – w jaki sposób użytkownik będzie z niego korzystał, jakich funkcji potrzebuje i jak krok po kroku będzie się po nich poruszał.

Projektowanie UI to już konkretny projekt interfejsu danej aplikacji – w tym np. wszystkie technikalia związane z rozmieszczeniem i wyglądem przycisków, typografią, kolorystyką, kontrastem, itp. To odzwierciedlenie user experience w konkretnych elementach danego interfejsu w połączeniu z identyfikacją wizualną marki.

Co to jest user journey?

User journey to podstawa procesu projektowania UX. To – jak sama nazwa wskazuje – ścieżka użytkownika, która odzwierciedla to, jak Twój klient wchodzi w interakcje z Twoją marką, np. na Twojej stronie internetowej. To swego rodzaju mapa, która pokazuje, jak użytkownik się porusza i jak bezproblemowo doprowadzić go do celu (np. zakupu w Twoim sklepie internetowym).

Z jakich narzędzi do projektowania korzysta Wasze studio?

Do tworzenia architektury strony, prototypowania i prezentowania podstron korzystamy głównie z Figmy.

Co to jest prototypowanie?

Prototypowanie to tworzenie wstępnej wersji np. strony internetowej lub aplikacji mobilnej, która jest więcej niż tylko statycznym designem strony, ale nie jest jeszcze zakodowanym, końcowym produktem.

Na tym etapie planujemy i obrazujemy ścieżkę użytkownika i funkcjonalność strony czy aplikacji. Możemy też przetestować je z naszymi klientami i ich klientami i zobaczyć, jak można je jeszcze usprawnić – a wszystko zanim jeszcze przekażemy stronę czy aplikację do developmentu.

Co zawiera prototyp?

Prototyp zawiera projekt strony głównej i wszystkich podstron określonych w zakresie naszej współpracy. To tak naprawdę obraz 1:1 tego, jak strona będzie wyglądać po zakodowaniu.

Jak przebiega proces stworzenia strony internetowej?

Prace nad tworzeniem strony internetowej dzielimy na sprinty, po których prezentujemy wypracowane kreacje i zbieramy feedback od klienta.

  • Na początku ustalamy oczekiwane funkcjonalności i główny cel strony.
  • W następnej kolejności określamy architekturę serwisu – charakterystykę i ilość podstron oraz zależności między nimi.
  • Później przechodzimy do projektu strony głównej, która prezentuje styl całej witryny.
  • Dopiero po otrzymaniu akceptu od Ciebie przechodzimy do wypracowania kolejnych podstron.

Prace nad tworzeniem strony internetowej dzielimy na sprinty, po których prezentujemy wypracowane kreacje i zbieramy feedback od klienta.

work together

GO BACK

Masz ciekawy pomysł? Zamieniamy się w słuch! Daj nam znać i porozmawiajmy o szczegółach.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.