Mobile App Design course (iOS & Android)

44
Designing a Mobile App From start to finish in 6 weeks!

Transcript of Mobile App Design course (iOS & Android)

Designing a Mobile AppFrom start to finish in 6 weeks!

💃

I’m DanLead Design —————

@dandgough

👱

Established 2009

Apps in 6 out of 7 continents

Apps in 26 languages

We’ve been #1 in every country we’ve 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) • [email protected]

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 navigation

[email protected]

What did you get?🙋

Top stories

Categories

Search

In Pictures (?)

My tabs

Let’s 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, navigation

[email protected]