slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Gergely Orosz PowerPoint Presentation
Download Presentation
Gergely Orosz

Loading in 2 Seconds...

play fullscreen
1 / 42

Gergely Orosz - PowerPoint PPT Presentation


  • 144 Views
  • Uploaded on

Creating a Beautiful WP7 Application. Gergely Orosz. @ GergelyOrosz. http://bit.ly/GergelyOrosz. gergely@gergelyorosz.com. Gergely Orosz. Silverlight / WPF / WP7 Visiblox : performant WP7 / SL / WPF charting component Cocktail Flow : WP7 application Developed with Distinction Ltd.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Gergely Orosz' - rocco


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide2

Creating a Beautiful WP7 Application

GergelyOrosz

@GergelyOrosz

http://bit.ly/GergelyOrosz

gergely@gergelyorosz.com

gergely orosz
GergelyOrosz
  • Silverlight / WPF / WP7
  • Visiblox: performant WP7 / SL / WPF charting component
  • Cocktail Flow: WP7 application
    • Developed with Distinction Ltd
slide4
What Makes an App Great
  • Designing Cocktail Flow
  • Creating a Beautiful WP7 Application
slide5
What Makes an App Great
  • Designing Cocktail Flow
  • Creating a Beautiful WP7 Application
what is cocktail flow
What is Cocktail Flow?
  • Bartending app
  • 2nd (UK) & 4th (US) highest rated app
  • Over 30.000 users
what is cocktail flow1
What is Cocktail Flow?
  • Bartending app
  • Focus on strong visuals
  • Lots of useful features
  • Updated regularly
slide9

What is Cocktail Flow?

Cocktail Flow is an app which is dedicated to bring the experience of sitting in a bar and drinking beautiful cocktails to your mobile.

new categories of apps
New categories of apps

What makes a great app?

  • Great functionality
  • Great experience
  • Tools
  • Experiences
top rated apps on the platform
Top rated apps on the platform
  • IloMilo
  • Cocktail Flow
  • 4th & Mayor
  • TuneIn Radio
  • Thumba Photo Editor
  • Shazam
  • Bubble Jump
  • Netflix
top rated apps experience or tools
Top rated apps –Experience or Tools
  • IloMilo
  • 4th & Mayor
  • Cocktail Flow
  • NinjaBoy+
  • Urban Dictionary 7
  • Bank of America
  • Shazam
  • TuneIn Radio
top rated free apps experience or tools
Top rated free apps –Experience or Tools
  • 4th & Mayor
  • Krashlander Free
  • NinjaBoy+
  • Urban Dictionary 7
  • Bank of America
  • Shazam
  • TuneIn Radio
top rated paid apps experience or tools
Top rated paid apps –Experience or Tools
  • IloMilo
  • Cocktail Flow
  • Fable: Coin Gold
  • Krashlander
  • Fruit Ninja
  • Triangula
  • Flight Control
slide17
What Makes an App Great
  • Designing Cocktail Flow
  • Creating a Beautiful WP7 Application
designing cocktail flow
Designing Cocktail Flow
  • Metro Recap
  • Getting Started
    • Planning
    • Inspiration
    • The Process
  • Designing
    • Design Decisions
    • Performance
recap what is metro
Recap (what is Metro?)
  • Metro is clean
  • Metro is easy to navigate
  • Metro helps you make decisions faster
  • Metro is alive in motion
reflecting on wp7
Reflecting on WP7
  • Tools should be metro
reflecting on wp71
Reflecting on WP7
  • Experiences should embrace metro
  • Innovate on top of metro

Plug headphones

designing cocktail flow planning
Designing Cocktail Flow - Planning
  • Experience
  • High reach
  • Early adopters
designing cocktail flow t he process
Designing Cocktail Flow - The Process
  • Full visual plans
  • Rapid prototyping & iteration
designing cocktail flow inspiration
Designing Cocktail Flow - Inspiration
  • WP7 != iPhone, Android
  • Design guidelines for Windows Phone- MSDN
  • YouTube videos of demo apps
    • USGA Golf
  • Errr..?
designing cocktail flow design d ecisions
Designing Cocktail Flow – DesignDecisions
  • Don’t stick with black
    • Differentiate the app from the OS.
    • Feels „cleaner”
designing cocktail flow design d ecisions1
Designing Cocktail Flow – DesignDecisions
  • Spice up the UI
    • Use gradients
    • Gives „life”, „depth” to the scene
designing cocktail flow d esign d ecisions
Designing Cocktail Flow – DesignDecisions
  • Spice up the UI
    • Templated buttons
      • Gradients, typography, icons
      • Users should recognize it’s a button
designing cocktail flow d esign d ecisions1
Designing Cocktail Flow – DesignDecisions
  • Spice it up with images
    • Using images in menu items
designing cocktail flow d esign d ecisions2
Designing Cocktail Flow – DesignDecisions
  • Spice it up with images
    • Use subtle background images
      • Differentiates the app from the OS.
      • Adds an extra touch
designing cocktail flow design d ecisions2
Designing Cocktail Flow – DesignDecisions
  • Spice it up with images
    • Background images
    • Dominant images for headers
d e signing cocktail flow d esign d ecisions
Designing Cocktail Flow – Design Decisions
  • Vary typography
    • Font sizes, font style
d e signing cocktail flow design d ecisions
Designing Cocktail Flow – DesignDecisions
  • Vary typography
    • Font sizes, font style
    • Segoe WP Bold, Light, Semibold..
    • Helps to focus, less so boring
designing cocktail flow design d ecisions3
Designing Cocktail Flow – DesignDecisions
  • Embrace Metro in Motion
    • Cocktails flow in from the right
    • Familiar but refreshing (and memorable)
designing cocktail flow performance
Designing Cocktail Flow – Performance
  • Numerous performance issues
    • Page transitions were slow
    • Some animations were slow
    • Load times were slow
    • Virtualized list was slow
designing cocktail flow resolving perf
Designing Cocktail Flow – Resolving Perf.
  • Page transitions were slow
    • Took them out
  • Some animations were slow
    • Optimised them to be more gpu friendly
  • Load times were slow
    • „Loading” screens. Users are more patient.
  • Virtualized list (ListBox) was very slow
    • Paginated lists. No better solution found.
designing cocktail flow s ummary
Designing Cocktail Flow -Summary
  • Don’t stick with black
  • Spice up the UI
    • Gradients, templated buttons
  • Spice it up with images
    • Background images, images for menu items
  • Vary typography
    • Font sizes, colours, styles
  • Embrace Metro in motion
  • Optimize performance
slide38
What Makes an App Great
  • Designing Cocktail Flow
  • Creating a Beautiful WP7 Application
creating a beautiful application
Creating a Beautiful Application
  • Create experiences
    • Tools are good until a better one is out
  • Content (& functionality) is king. Don’t ignore chrome though.
    • Users won’t tell you but they love (reasonable) chrome
  • Understand, use and embrace Metro
    • You’ll probably need a designer to embrace it
creating a beautiful application1
Creating a Beautiful Application
  • Create a fluent user experience
    • Navigation
      • Easily discoverable
    • Usability
      • Intuitive to use
      • Observe how people use it without guidance
    • Performance
      • People notice performance issues, don’t notice if there aren’t any
creating a beautiful application summary
Creating a Beautiful Application - summary
  • Build experiences, not tools
  • Content, functionality, chrome
  • Use & embrace Metro
  • Create fluent user experiences
slide42

© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.