Interfejs użytkownika w aplikacjach mobilnych a różnorodność platform

PAGEINTERACTIVE.PL MOBILE MOTION DESIGN

Interfejs użytkownika w aplikacjach mobilnych a różnorodność platform


"Projektowanie to śmieszne słowo. Niektórzy uważają, że projektowanie określa jak coś wygląda. Ale oczywiście, jeśli pokopiesz głębiej, tak naprawdę określa jak to działa.” Steve Jobs

Źródło: http://www.changemakrs.com/vnthota/design-is-a-funny-word-some-people-think


§  Od czego zacząć projektowanie? §  Jak wykonać aplikację na przykładzie platformy

Windows Phone? §  Czego należy unikać przy projektowaniu aplikacji

mobilnych? §  Jakie są różnice pomiędzy platformami (iOS,

Android, Windows Phone)? §  Portowanie aplikacji

AGENDA


…ale od czego zacząć?

Mam pomysł na aplikację!


MAM POMYSŁ NA APLIKACJĘ

Znam Photoshopa i nie zawaham się go użyć.


MAM POMYSŁ NA APLIKACJĘ

Zaczynamy bez komputera.


§  Kiedy przymierzasz się do rozpoczęcia procesu projektowania, już na starcie myśl o efekcie końcowym.

§  Aby zapewnić powodzenie projektu ważne jest, aby angażować użytkowników w proces projektowania. Nie ma nic gorszego niż praca w próżni.

OD CZEGO ZACZĄĆ?


§  Najbardziej dochodowy: iOS

§  Najpopularniejszy: Android

§  Najłatwiejszy w programowaniu: Windows Phone

OD CZEGO ZACZĄĆ?

Określ platformę


§  Działa szybko §  Dostarcza pozytywne wrażenia §  Zaskakuje użytkownika §  Jest spersonalizowana §  Posiada rewolucyjny interfejs (UI)

ZAŁOŻENIA

Dobrze przygotowana aplikacja:


Zrozum szczegóły

Najważniejsze jest, aby zrozumieć, dlaczego pracujemy nad tą aplikacją i jakie korzyści biznesowe ma ona spełnić.

1


Wykonaj analizę swoich użytkowników

Przeanalizuj grupę odbiorców produktu, a zaoszczędzisz czas i unikniesz błędów. Pomyśl o ich potrzebach. Szanse na pozytywny odbiór aplikacji automatycznie wzrosną.

2


Przewiduj sytuacje użycia aplikacji

Pomyśl o najbardziej popularnych sposobach używania aplikacji. Określ w jakich sytuacjach użytkownik skorzysta z programu.

3


4 Analizuj

działania konkurencji


Analizuj działania konkurencji


Poznaj najlepsze aplikacje

5



EVERNOTE



SHAZAM



FOURSQUARE


INSTAGRAM



6 Nieustannie

poszukuj inspiracji


Nieustannie szukaj inspiracji

§  Przeglądaj takie serwisy jak Dribble, Behance

§  Bądź na bieżąco z artykułami i konceptami aplikacji

§  Eksperymentuj z innymi urządzeniami i platformami (Windows Phone, Android, iOS, Blackberry)

§  Podsumuj swoje wnioski, wybierz najlepsze rozwiązania i zaimplementuj je do projektu


Samsung Flexible Display



Samsung Galaxy S IV sterowany wzrokiem i gestami, bez konieczności dotykania



Wodoodporny

Sony XPERIA Z1

Określaj nowe mechanizmy interfejsu


1.  Kodowania bez planu 2.  Nieuwzględniania wielkości ekranu 3.  Niekorzystania z szablonów 4.  Nieinformowania użytkownika o ładowaniu danych 5.  Niezwracania uwagi na różne systemy operacyjne 6.  Nietestowania interfejsu przed wdrożeniem

Czego należy unikać przy projektowaniu aplikacji mobilnych?


ROZDZIELCZOŚĆ

640px

960px 1136px

640px

(480px)

(320px)


ROZDZIELCZOŚĆ

Trzy iPhony = 3 rozdzielczości (3GS,4,5)


ROZDZIELCZOŚĆ


ROZDZIELCZOŚĆ

35 rozdzielczości smartphonów - http://screensiz.es/phone

Liczba unikalnych

rozdzielczości na świecie

97 w 2010

232 w 2013


Różne platformy, różne layouty

SPANISH PRO dla Windows Phone

Android, iOS ???


SPANISH PRO


Widok Panoramy

SPANISH PRO


Ekran główny Test – Ekran Wyboru Test - Rozpoczęcia

SPANISH PRO


Test - Ekran testu Test - bład, poprawna Test - Podsumowanie

SPANISH PRO


Baza słów Widok z klawiatura Wyniki wyszukiwania

SPANISH PRO


Test wiedzy widok Dodawania fiszki Widok managera fiszek

SPANISH PRO


Test wyboru Dodawanie Fiszek Market z dodatkową bazą słów

SPANISH PRO


Dodawanie nowego słowa Widok testów Widok fiszek

SPANISH PRO


Android

§  duże możliwości personalizacji

§  przyciski: home, menu, back

§  Java §  funkcje wywołujące w

aplikacji ustawienia i krok wstecz przypisywane są zwykle do przycisków poza ekranem

§  dobra integracja z Google

iOS

§  największy dostęp do aplikacji

§  ,,home button’’ §  Objective C §  w iPhonie przyciski

muszą być każdorazowo zaszyte w interfejsie aplikacji

§  świetna obsługa gestów i multitouch

§  rozbudowane funkcje multimedialne

RÓŻNICE MIĘDZY PLATFORMAMI

Windows Phone

§  łatwy w obsłudze, bardzo intuicyjny

§  prosty interface §  łatwa integracja

z Windows 8 §  przyjazny dla

użytkowników §  najszybciej rozwijająca

się platforma §  ekran startowy:

przesuwane kafelki (live titles) w czasie rzeczywistym


PORTOWANIE APLIKACJI


§  Dobrze zaplanowany projekt podstawą sukcesu §  Nieustanne poszukiwanie inspiracji §  Wybór odpowiedniej platformy §  Określenie urządzeń

Interfejs użytkownika w aplikacjach mobilnych a różnorodność platform


Łukasz Grondecki

E-mail: [email protected]

tel: + 48 604 207 118 www.pageinteractive.pl

Interfejs użytkownika w aplikacjach mobilnych a różnorodność platform

Mobile

Transcript of Interfejs użytkownika w aplikacjach mobilnych a różnorodność platform