navigation and functionality- clear visual communication vs. non-linear medium

21

Post on 22-Dec-2015

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Navigation and Functionality- Clear visual communication vs. non-linear medium
Page 2: Navigation and Functionality- Clear visual communication vs. non-linear medium

Navigation and Functionality-Clear visual communication vs. non-linear medium

www.miniusa.com

www.gap.com

www.kleinbikes.com

www.pacsun.com

www.bmwusa.com

www.dell.com

Page 3: Navigation and Functionality- Clear visual communication vs. non-linear medium

Navigation and Functionality-Clear visual communication vs. non-linear medium

Hierarchy

www.miniusa.comwww.gap.comwww.kleinbikes.com

www.pacsun.comwww.bmwusa.comwww.dell.com

Page 4: Navigation and Functionality- Clear visual communication vs. non-linear medium

Navigation and Functionality-Clear visual communication vs. non-linear medium

Hierarchy

Intuitive Navigation

www.miniusa.comwww.gap.comwww.kleinbikes.com

www.pacsun.comwww.bmwusa.comwww.dell.com

Page 5: Navigation and Functionality- Clear visual communication vs. non-linear medium

Navigation and Functionality-Clear visual communication vs. non-linear medium

Hierarchy

Intuitive Navigation

Screen Real-Estate

www.miniusa.comwww.gap.comwww.kleinbikes.com

www.pacsun.comwww.bmwusa.comwww.dell.com

Page 7: Navigation and Functionality- Clear visual communication vs. non-linear medium

Practicalities-Maximum speed, minimum weight

Page Weight

www.yahoo.comwww.amazon.comwww.cnn.comwww.ibm.comwww.mbusa.comwww.screenblast.com

Page 8: Navigation and Functionality- Clear visual communication vs. non-linear medium

Practicalities-Maximum speed, minimum weight

Page Weight

Technology

www.yahoo.comwww.amazon.comwww.cnn.comwww.ibm.comwww.mbusa.comwww.screenblast.com

Page 9: Navigation and Functionality- Clear visual communication vs. non-linear medium

Practicalities-Maximum speed, minimum weight

Page Weight

Technology

Connectivity

www.yahoo.comwww.amazon.comwww.cnn.comwww.ibm.comwww.mbusa.comwww.screenblast.com

Page 12: Navigation and Functionality- Clear visual communication vs. non-linear medium

Constraints-Unavoidable realities of the Web

Screen Size

Browser Compatibility

screen resolutionwebsafe color

Page 13: Navigation and Functionality- Clear visual communication vs. non-linear medium

Constraints-Unavoidable realities of the Web

Screen Size

Browser Compatibility

Web-Safe Color

screen resolutionwebsafe color

Page 14: Navigation and Functionality- Clear visual communication vs. non-linear medium

Maintenance-Healthy present, strong future

www.cnn.com

www.msnbc.comwww.amazon.comwww.target.com

Page 15: Navigation and Functionality- Clear visual communication vs. non-linear medium

Maintenance-Healthy present, strong future

Flexibility

www.cnn.com

www.msnbc.comwww.amazon.comwww.target.com

Page 16: Navigation and Functionality- Clear visual communication vs. non-linear medium

Maintenance-Healthy present, strong future

Flexibility

Updating

www.cnn.com

www.msnbc.comwww.amazon.comwww.target.com

Page 17: Navigation and Functionality- Clear visual communication vs. non-linear medium

Maintenance-Healthy present, strong future

Flexibility

Updating

Style Guide

www.cnn.com

www.msnbc.comwww.amazon.comwww.target.com

Page 18: Navigation and Functionality- Clear visual communication vs. non-linear medium

Conclusion-What determines success?

Page 19: Navigation and Functionality- Clear visual communication vs. non-linear medium

Conclusion-What determines success?

Validation

Page 20: Navigation and Functionality- Clear visual communication vs. non-linear medium

Conclusion-What determines success?

Validation

Team Consensus

Page 21: Navigation and Functionality- Clear visual communication vs. non-linear medium

Conclusion-What determines success?

Validation

Team Consensus

Audience