Bo wszyscy kochają piękne aplikacje… Projektowanie interfejsu użytkownika na platformie Windows Phone 2012_05
•Download as PPTX, PDF•
0 likes•605 views
Recommended
More Related Content
Viewers also liked
Viewers also liked (18)
Similar to Bo wszyscy kochają piękne aplikacje… Projektowanie interfejsu użytkownika na platformie Windows Phone 2012_05
Similar to Bo wszyscy kochają piękne aplikacje… Projektowanie interfejsu użytkownika na platformie Windows Phone 2012_05 (20)
Bo wszyscy kochają piękne aplikacje… Projektowanie interfejsu użytkownika na platformie Windows Phone 2012_05
- 1. Bartłomiej Lozia b.lozia@jojomobile.pl www.jojomobile.pl
- 2. „Bo wszyscy kochają piękne aplikacje.... Projektowanie interfejsu użytkownika na platformie Windows Phone”
- 3. Fakty o JOJO Mobile Polska Wypitych Lata Projektów Projektów Największe kubków działalności własnych dedykowanych osiągnięcie 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.
- 7. 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ą.
- 8. „Bo wszyscy kochają piękne aplikacje.... Projektowanie interfejsu użytkownika na platformie Windows Phone”
- 9. 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
- 10. Projektowanie aplikacji dla WP • User Goals Hasł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 Design Przedstawia propozycje graficzne aplikacji, ikony, kafelki
- 11. Projektowanie aplikacji dla WP Prezentacja – Plik Information Map Prezentacja – Plik Visual Design
- 13. Principles Clean, Light, Open, Fast Celebrate Typography Alive in Motion Content, Not Chrome Authentically Digital
- 14. Principle: Clean, Light, Open, Fast Feels Fast and Responsive Focus on Primary Tasks Do a Lot with Very Little Fierce Reduction of Unnecessary Elements Delightful Use of Whitespace Full Bleed Canvas
- 15. Principle: Celebrate Typography Type is Beautiful, Not Just Legible Clear, Straightforward Information Design Uncompromising Sensitivity to Weight, Balance and Scale
- 16. Principle: Alive in Motion Feels Responsive and Alive Creates a System Gives Context to Improve Usability Transition Between UI is as Important as the Design of the UI Adds Dimension and Depth
- 17. Principle: Content, Not Chrome Delight through Content Instead of Decoration Reduce Visuals that are Not Content Contents is the UI Direct interaction with the Content Directly
- 18. Principle: Authentically Digital Design for the Form Factor Don’t Try to be What It’s NOT Be Direct
- 19. Projekty na Windows Phone
Editor's Notes
- Wykorzystuj interfejs dotykowy, naucz się interakcji z twoim urządzeniemWhen interactions occur through touch, design is filled with new responsibilities. Successful design on a touch device prompts users on how to accomplish tasks and adds branding to your application. The best applications guide users swiftly through tasks, creating a sense of fluidity.Visual and Interaction DesignThe process of planning an application is performed through a combination of interaction design and visual design, carried out in an iterative manner. Interaction design refers to the taxonomy of behaviors, gestures, and responses you design into your application. Visual design brings those elements to life on the screen with color and original art. Both of these facets of design deserve careful thought and planning before programming begins. Plan both interaction and visual designs ahead of time by doing mockups, drawings, and wireframes, then begin development. For more information about prototyping, see Implementing Windows Phone Application Design.Visual design can add beauty and branding to the user experience; however, it should never distract from the content or muddle the navigation. A successful visual design for Windows Phone applications creates an experience that subtly prompts users where and how they should touch, drag, and flick objects. Plan your visual designs so that they help users understand how to interact with your application.Just as you would when you design applications for any human-computer interface, strive to create an engaging visual design consisting of shapes, forms, colors, and controls that help guide users through tasks.Learn MobileNo matter your background, this guide will likely present you with information that’s not familiar to you. Some of it will ask you to reconsider assumptions and principles discovered on other platforms, because visual and interaction designs for quality Windows Phone applications share little in common with traditional computing. Spend as much time as possible interacting with a Windows Phone device during planning; get a feel for the platform