Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

10
Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright

Transcript of Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

Page 1: Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

Good Vs. Bad UI &Oakley Airwave 1.5Sean Gergen & Derik Wright

Page 2: Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

Poor Application UI

Poor GUI

• Unclear/vague title

- Same font as entire application

• Inadequate spacing between buttons and text boxes

• Poor use of highlighting on column labels/buttons

• Overall hard to navigate, information is too dense

The Application Manager

Page 3: Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

Poor Application UI• Navigation can be tricky with

many tiles

• Different layouts for compatible programs

• Troubleshooting system issues is trickier

• Can fill up with tiles quickly

Windows 8 Tiles

Page 4: Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

Good Application UI• Clear title in application

header

• Navigation bars are clearly highlighted (green) displaying exactly where the user is in the application

• Information is separated by boxing

- with line spacing in between

- with clear bolded titles

• Text is double spaced and left justified

Nvidia Preferences

Page 5: Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

Good Application UI• Clear table number

• Ticket print up with item and price separated

• Sub menus in the center for categories of items

• Separate items on the right

Aloha POS System

Page 6: Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

Poor Website Interface

• Visually straining on the eyes

• Very unbalanced layout

- Variety or different texts

- Compact together with no spacing

• Everything looks like advertising

• Numerous animated GIF’s that slow down the downloading time of the page

Lingscars.com

Page 7: Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

Poor Website Interface

• Bad use of the window size

• Poor use of the graphic and the text combination

• Links are corrupt

- Misc. link is blank

- Some pages have multiple links labeled differently

• Pages have different layouts

Stcloudbonanza.com

Page 8: Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

Good Website Interface

• Light, complimentary colors make it visually soothing

• Navigation bar with highlighting (black) makes for easy navigation

• No external advertisements

• Balanced layout

- Separate boxing for products

- Adequate spacing

• Rich imageary

Apple.com

Page 9: Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

Good Website Interface

• Organized layout

- no ads on the side

- spacing

• Large title on top so you know where you are and what it is

• No external advertisements

• Sub-sections labeled

• Large images for the quick scan

• Well contrasting link color

Uncrate.com

Page 10: Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.

New Technology• Bluetooth connectivity

• Statistics of your slope time

- Airtime

- Vertical distance

- Speed

- Coordinates

• Heads Up Display

- Time

- Battery life

- Connection

Oakley Airwave 1.5