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

PAGEINTERACTIVE.PL MOBILE MOTION DESIGN

"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ć.

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ą.

Przewiduj sytuacje użycia aplikacji

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

4 Analizuj

działania konkurencji

Analizuj działania konkurencji

Poznaj najlepsze aplikacje

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ŚĆ

960px 1136px

(480px)

(320px)

ROZDZIELCZOŚĆ

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

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

§  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: l.grondecki@pageinteractive.pl

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

SAP CRM Mobile Platform

Nowoczesna architektura w aplikacjach Windows Store

Smarty. Szablony w aplikacjach PHP

Historia Platform Mobilnych - fcds.cs.put.poznan.plfcds.cs.put.poznan.pl/MyWeb/Praca/TP/TP171013ioe.pdf · Historia Platform Mobilnych Politechnika Poznańska, Instytut Informatyki,

Różnorodność, dynamika i zagrożenia gleb Karkonoszy

PRODUCENT SCHODÓW I PLATFORM STALOWYCH

J0911.121 Insp Plan Platform Rev

Autonomous Mobile Platform

BC NDP Platform 2013

Wykorzystanie technologii webowych w aplikacjach desktopowych (1)

Badanie usability platform sklepowych

SAP Business Technology Platform

FraSCAti: An Open SCA Platform

Zarabianie na aplikacjach mobilnych - PARP - Wspieramy e ... · Title: Zarabianie na aplikacjach mobilnych Author: Paweł Żebrowski; Artur Kośmider Subject: Publikacja przedstawia

Mistrzostwa Polski w Aplikacjach Samochodowych

Obsługa platform xStation i MetaTrader

2006 TDP Platform

(U)nity Platform

Prowincjonalna różnorodność biologiczna utrwalona na kamieniu

Ututi.com platform (Polish)