Bartłomiej Loziab.lozia@jojomobile.pl

www.jojomobile.pl

„Bo wszyscy kochają piękne aplikacje.... Projektowanie interfejsu użytkownika

na platformie Windows Phone”

Fakty o JOJO Mobile Polska

Lata działalności

Projektów własnych

Projektów dedykowanych

Największe osiągnięcie

Wypitych kubków

kawy

2 80 30 CEBIT 3485

Beauty sells. Beauty is sexy right now. Beauty is the story reporters want to write. Beauty is what investors want to buy.

Beauty is what people want to have.

Metro UI

Metro UI - język projektowy oparty na typografii

Wykorzystywany jest w interfejsie użytkownika produktów takich jak: Zune, Windows Media Center, Windows Phone 7 czy Windows 8.

Język jest inspirowany znakami, które można znaleźć wśród infrastruktury transportowej – na przystankach metra czy lotniskach.

Interfejs oparty na Metro charakteryzuje się przejrzystymi napisami, ascetycznymi piktogramami i kontrastową kolorystyką.

„Bo wszyscy kochają piękne aplikacje.... Projektowanie interfejsu użytkownika

na platformie Windows Phone”

Projektowanie aplikacji dla WP

• Wykorzystuj interfejs dotykowy, naucz się interakcji z twoim urządzeniem

• Projektuj i rysuj zanim zaczniesz programować

• Naucz się, co potrafi twoje urządzenie

Projektowanie aplikacji dla WP

• User GoalsHasłowo opisuje funkcjonalności, z których użytkownik będzie mógł skorzystać w aplikacji

• Information Map

Przedstawia wszystkie ekrany aplikacji oraz powiązania pomiędzy nimi

• Visual DesignPrzedstawia propozycje graficzne aplikacji, ikony, kafelki

Projektowanie aplikacji dla WP

Prezentacja – Plik Information Map

Prezentacja – Plik Visual Design

Principles

Clean, Light, Open, FastCelebrate TypographyAlive in MotionContent, Not ChromeAuthentically Digital

Principle: Clean, Light, Open, FastFeels Fast and ResponsiveFocus on Primary TasksDo a Lot with Very LittleFierce Reduction of Unnecessary ElementsDelightful Use of WhitespaceFull Bleed Canvas

Principle: Celebrate TypographyType is Beautiful, Not Just LegibleClear, Straightforward Information DesignUncompromising Sensitivity to Weight, Balance and Scale

Principle: Alive in Motion

Feels Responsive and AliveCreates a SystemGives Context to Improve UsabilityTransition Between UI is as Important as the Design of the UIAdds Dimension and Depth

Principle: Content, Not ChromeDelight through Content Instead of DecorationReduce Visuals that are Not ContentContents is the UIDirect interaction with the Content Directly

Principle: Authentically DigitalDesign for the Form FactorDon’t Try to be What It’s NOTBe Direct

Projekty na Windows Phone