Mobile App Design course (iOS & Android)

download Mobile App Design course (iOS & Android)

of 44

  • date post

    17-Jul-2015
  • Category

    Mobile

  • view

    2.368
  • download

    0

Embed Size (px)

Transcript of Mobile App Design course (iOS & Android)

  • Designing a Mobile AppFrom start to finish in 6 weeks!

  • Im DanLead Design

    @dandgough

  • Established 2009

  • Apps in 6 out of 7 continents Apps in 26 languages

    Weve been #1 in every country weve launched 13 million downloads and counting

    Award winning!

  • Junior Designers

  • Drive & passion (you love design)

    Existing online portfolio

    Existing experience with digital design (web, mobile)

    Highly proficient with Sketch or the Adobe Creative Suite

    Ability to design with pixels and vectors

    Full details on wall.3sidedcube.com

  • Who has designed before?

  • Suggested sites

    daringfireball.net/ https://news.layervault.com/

    theverge.com https://medium.com/channel/design

    Twitter!

  • By the end of the course

    Be able to use Sketch (if they want!) Everyone will have a process for designing an app Everyone will have a different app Everyone will have a different icon Everyone will be confident enough to try designing

    a new app. Then there are build courses (iOS, Android) keisha@3sidedcube.com

  • What is different?

    iOS Android

  • iOS Android

  • Teaching concepts

  • Ask questions!

  • What OS are you?

  • Today+

    Structuring an app navigation

  • Tab Bar

  • Navigation Drawer

  • Tab Bar (Android)

  • Deciding what goes in navigation

  • What are the main features? What will the user want to access when

    opening the app?

    +

  • What are the main features? What will the user want to access when

    opening the app?

    +

    Take a photo, receive photo, see friend stories, add friends

    Take a photo, receive photo

  • Taking photos

    Receiving photos

    See friend stories

    Add friends

  • Take Receive See Stories Add

  • Navigation gives a user a top-level understanding of your app.

  • A navigation item contains content or features that can be grouped together under one primary section.

  • You should be able to easily write out what an item does/contains.

  • On iOS, you can have a maximum of 5 tabs.

  • 1. Taking photos

    1. Receiving photos

    2. See friend stories

    3. Add friends

    Prioritise

  • 1. Photo Feed

    2. Stories

    Prioritise

  • Your turn!

  • 1. Download the BBC News app

    2. Look at the BBC News website

  • You should be able to easily write out what a navigation item does/contains.

  • 1. Ask questions

    2. Split out the main features

    3. Prioritise the features

    4. Group & simplify the features

  • 1. Use your gut feel

    2. Write it down or sketch it

  • 10 min

    Top level navigationdan@3sidedcube.com

  • What did you get?

  • Top stories

    Categories

    Search

    In Pictures (?)

    My tabs

  • Lets make this!An intro to Sketch.

  • Suggested resourcesApple Human Interface Guidelines Google Material Design Guidelines

    pttrns.com androidniceties.tumblr.com

    icons8.com thenounproject.com

  • 20 mins

    Rough, wired, navigationdan@3sidedcube.com