Top 10 UX TipsHow to build great feeling Win8 apps

Who is this guy?

Dennis Vroegop

Freelance consultant

Chairman dotNed

Microsoft Most Valuable Professional Hardware Interaction Design and Development (or.. Hi-Dad MVP)

Developing since the early 1980’s

What?.. Is UX, What is Win8, What are you on about?

Why?… should I care?

How?… do I get to be as great as you?

Focus!

Focus

Mission statement

Brainstorm the list of items

Delete all items that do not fit mission statement

Implement that list

Navigation Patterns

Navigation

Vertical: Maximum of 3 levels deep

Provide jumps over / to levels

Horizontal Make a loooooong list of items, next to each other

Mouse, Keyboard, Touch!

Mouse, Keyboard, Touch

Develop for all

Test for all

Focus on all

Self Explanatory!

Self explanatory

User should know what to do

No help required

User feels “a natural using it”

Tips ‘n Tricks

Tips ‘n tricks

Provide visual cues

Especially focus on mouse users: they are lost easily

Hints during inactivity

Use Charms!

Use Charms

Don’t do a “search” button

Don’t do a “share” button

Don’t do a “print” button

Use the systems available: use charms!

Use Menus!

Use menus

Group things

Selected item specific: to the left

App specific items: to the right

The only place where you’re allowed to use lines as spacers

Use Animations Library!

Use animation library

Animation is functional

Don’t reinvent the wheel

Animations are available as resources in the SDK

And… don’t reinvent the <blink/> tag…

Use VS Templates!

Use VS Templates

Several templates available Grid

Master details

Blank

Full functional apps

Don’t use VS Templates!

Don’t use VS templates

(well, use them but disguise them)

Make your app stand out!

Use what works, delete what doesn’t

Create unique artwork

Create icons / logo’s

Create color schemes

“Good artist create, great artists..”

10 Focus

9 Navigation Patterns

8 Mouse, Keyboard, Touch

7 Self-explanatory

6 Tips ‘n Tricks

5 Use Charms

4 Use Menus

3 Animation Library

2 VS Templates

1 No VS Templates

To summarize…

One last thought… Columbo style

Have fun doing it!(otherwise you might as well give up!)

Q&A and Thank you!

Reach me at dennis@vroegop.org

Twitter: @dvroegop

http://blogs.vroegop.org

And of course: http://www.dotned.nl