Embed Size (px)
DESCRIPTION
Citation preview
„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
