Podoba Ci się ta prezentacja? Już niedługo więcej prezentacji podczas I Kongresu Mobilnego http://kongres-mobilny.pl/

1. Mobile First Design
zaczyna się od smartfona a kończy na desktopie.
II Kongres eHandlu

2. O mnie
Borys Skraba - CEO, Bold Brand Commerce,
38 lat, ponad 15 lat doświadczeń w IT.

3. Firmy, które rosną dzięki rozwojowi i ulepszeniom,
nie zginą. Ale kiedy firma przestaje być twórcza,
kiedy uważa, że osiągnęła doskonałość i teraz musi
tylko produkować – już po niej.
„Henry Ford

4. Standardowy proces projektowania RWD wygląda tak…
Szkic/Makiety/Prototyp Projekt graf. interfejsu Wdrożenie
Dostosowanie

5. Jednak „dostosowywanie” to
„nie projektowanie”!

6. dostosowywanie
projektowanie

7. Ważny jest kontekst…Ważny jest kontekst…

8. Przykład 1: converse.sklep-luz.pl

9. Przykład 2: reserved.com
•brak stosowania konwencji
znanych dla użytkowników
smartfonów („gesty”)
•przeładowanie skryptami
(błędne działanie)
•strona jest ciężka… na siłę
próbuje się dostosować
wszystkie elementy
zaprojektowane dla wersji
desktop

10. Mobile First Design pozwala uniknąć takich
błędów…

11. Proces projektowania w ujęciu RWD Mobile First
Architektura informacji
Strateg, Projektant interakcji,
Projektant interfejsów, Inżynier IT
Projektowanie
Strateg, Projektant interakcji,
Projektant interfejsów, Inżynier IT
Wdrożenie
Projektant interakcji, Inżynier IT
Użytkownik
Architektura
informacji
Test
Interfejs
Graficzny
Makieta
Prototyp
Wdrożenie
Szkic
Projektowanie
Wiedza o użytkowniku
Strateg, Projektant interakcji

12. Kroki etapu projektowego
Architektura
informacji
Makieta/prototyp
Szkic Szkic
Interfejs
Makieta/prototyp
Szkic
Interfejs Interfejs
Makieta/prototyp

13. Studium przypadku
(jeszcze w trakcie realizacji)
księgarnia internetowa

14. Zbadaliśmy i zebraliśmy potrzeby klientów…
Mobile
- szybkie znalezienie wybranej pozycji z działu w celu porównania cen (efekt ROPO)
- szybkie zapamiętanie wybranej pozycji
Tablet
- sprawne znalezienie wybranej pozycji
- pozytywne doświadczenie zakupowe -> wyzwanie: formularz logowania/rejestracji maksymalnie
„przyjazny”
Desktop
- pozytywne doświadczenie z przeglądania całego katalogu książek (shopper vs buyer)
- pozytywne doświadczenie na karcie produktu (wyzwanie: na nowo pokazać, że książka to książka, a
nie „obrazek”)

15. Mobile: szybkie znalezienie pozycji w dziale

16. Mobile: pozytywne doświadczenie - checkout

17. Tablet: sprawne znalezienie pozycji

18. Desktop: pozytywne doświadczenie - katalog

19. Desktop: pozytywne doświadczenie - produkt

20. Od kwietnia Google zmienia politykę związaną z pozycjonowaniem
w mobile

21. 25 % Polaków używa smartfona
GUS styczeń 2015

22. Kroki etapu projektowego
Architektura
informacji
Makieta/prototyp
Szkic Szkic
Interfejs
Makieta/prototyp
Szkic
Interfejs Interfejs
Makieta/prototyp

23. Procent sprzedaży w m-commerce 2015
wyniesie …?

24. Dziękuję za uwagę
Borys Skraba
CEO Bold Brand Commerce
e-mail: borys.skraba@bold.net.pl, tel: +48 501 351 542
www.bold.net.pl