1 / 44

Design Windows Phone 7 Series

Design jazyk ( kódové jméno Metro ) Designujeme příjemné aplikace pro Windows Phone. Design Windows Phone 7 Series. Dalibor Kačmář Platform Strategy Advisor Microsoft. Příběh Metr a. Metro.

vanya
Download Presentation

Design Windows Phone 7 Series

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Design jazyk (kódové jménoMetro) Designujeme příjemné aplikace pro Windows Phone Design Windows Phone 7 Series Dalibor Kačmář PlatformStrategyAdvisor Microsoft

  2. PříběhMetra

  3. Metro

  4. METROJE NAŠÍM DESIGN JAZYKEM. ŘÍKÁME MU METRO PROTOŽE JE MODERNÍA ČISTÝ. JE RYCHLÝ A V POHYBU. JE O OBSAHU A TYPOGRAFII. A JE PLNĚ AUTENTICKÝ. ETRO

  5. Principy Metra

  6. Působí rychle a reaguje Zacílení na hlavní úkoly Dělejte hodně s Málem Nelítostná redukcenepotřebných elementů Příjemné použití volného místa Plně prolnutý canvas Princip: Čistý, Vzdušný, Otevřený, Rychlý

  7. Typ je nádherný, nikoli pouze čitelný Čistý, přímočarý informační design Nekompromisnícitlivost k řezu, váze, měřítku Princip: Oslava typografie

  8. Pocit reakce a života Vytváří systém Poskytuje Kontextpro zlepšení použitelnosti Přechod mezi UI je stejně důležitý jako Design UI Přidává dimenzi a hloubku Princip: Živě v pohybu

  9. Příjemný pocit formou Obsahu místo dekorace Odstraňuje vizuální části, kterou nejsou Obsahem Obsah je UI Přímá interakce s ObsahemDirectly Princip: Obsah, ne Chrome

  10. Navržen pro rozměr Nezkouší být tímco ve skutečnostiNENÍ Být přímý Princip: Autenticky digitální

  11. Čistý, Vzdušný, Otevřený, Rychlý Oslava typografie Živě v pohybu Obsah, ne Chrome Autenticky digitální Principy

  12. Zaměřuje se na uživatelea jejich potřeby Pomáhá organizovatinformace a aplikace Uživatelská zkušenost Metra

  13. Start Nahlídni & běž Doveď mě tam

  14. Designujeme příjemné aplikace pro Windows Phone

  15. ČERVENÁ VLÁKNA JSOU PRINCIPY, KTERÉ VEDOU K ZÁŽITKU

  16. Počasí Osobní Počasí zobrazeno ve stavu „live tile“ Relevantní Počasí aktualizováno v závislosti na pozici Připojené Počasí podle vašich kontaktů

  17. Inspirujte se Metrem …ale najděte rovnováhu mezi Metro principy a vaším vlastním stylem Vytvořte příjemný zážitek

  18. Používejtebarvupro potěšení uživatele • Používejtebarvupro osobní zážitek • Používejtebarvu to zvýraznění hierarchie Barva

  19. Nechte slova, aby vás vítala • Věnujte pozornost rovnováze, • řezu & měřítku Typografie

  20. Použijte pohyb pro pobavení uživatele Pamatujte, že důležité je tempo: čím více jej používáte, tím méně je vzácné Pohyb

  21. Známé = Jednoduché použití Poskytněte konzistentní a předpokládané chování Jednoduché použití

  22. Hardwarová tlačítka Volitelné klávesnice Design pro jednu ruku, kdykoli je možné Hardwarové implikace

  23. Gesta

  24. Doporučená velikost cíle doteku je 9mm Minimální velikost cíle doteku je 7mm Minimální mezera mezi elementy je 2mm Visuální velikost je 60-100% velikosti cíle dotyku Touch

  25. Až 4 ikony • Neplňte všechny 4 pozice, nemusíte-li • Odhrňte pruh pro zobrazení menu Aplikační pruh + Menu

  26. Oddělují více úkolů • Dotyk nebo flick pro posunutí • Trigger Záložky

  27. Obohacená zkušenost • Agregace více zdrojů Hub

  28. Hub vs. jednostránková aplikace

  29. Ikony v aplikačním menu by měly být konzistentní • Otestuje ikony na uživatelích • (věnujte pozornost kontextu) Ikonografie

  30. Seznamte se Metrem Zůstaňte s námi v kontaktu Stáhněte & začněte tvořit http://developer.windowsphone.com Jak dále

  31. Metro Lidé Červená vlákna Zaměřte se na design pro zkušenost Vytvářejte aplikace jednoduše použitelné a k potěšení Shrnutí

More Related