Monday, 7 November 2011

User Interface Design

(http://webdesignledger.com/tips/getting-started-in-ios-user-interface-design)

Starting Off Generic

  • status bar

  • navigation bar

  • tabs/tab bar

  • sliders and switches

  • input fields

  • table lists


  • App Prototyping
    Before opening Photoshop it can be handy to spend some time sketching out your idea first. This could be on a simple piece of paper or laid over an entire spread (wireframing). These are very basic templates (line drawings) of your idea. They show where main elements such as buttons, text, pictures and interactions will sit within the page. You can then go on to looking at the design elements and start to storyboard ideas. These will inform the developer of your intentions and what you want to happen with the design.

    iCake wireframes




    An app mission statement
    Create personas
    Wireframe

    The above slides show how to produce wireframes and what content a wireframe should hold - no imagery just layout of the design.

    No comments:

    Post a Comment