Designing widget

39
Widget Design 마마마마마마마 마마마

description

 

Transcript of Designing widget

Page 1: Designing widget

Widget Design

마이크로소프트 황리건

Page 2: Designing widget

사진촬영 OKme2sms OK

Page 3: Designing widget

Why?How?

Page 4: Designing widget

Widget?

• Gadget• Banner 2.0• Blog Parts

Page 5: Designing widget
Page 6: Designing widget
Page 7: Designing widget

http://widgetsummit.com/media/slides/vista-sidebar.pdf

Page 8: Designing widget
Page 9: Designing widget
Page 10: Designing widget
Page 11: Designing widget
Page 12: Designing widget
Page 13: Designing widget
Page 14: Designing widget
Page 15: Designing widget
Page 16: Designing widget
Page 17: Designing widget

FINDING WIDGET

Page 18: Designing widget
Page 19: Designing widget

• http://www.wzd.com

Page 20: Designing widget

• http://www.widgetbox.com/

Page 21: Designing widget

http://sproutbuilder.com/

Page 22: Designing widget

• http://www.popfly.com/mashupcreator

Page 23: Designing widget

BEST SELLERS

Page 24: Designing widget
Page 25: Designing widget
Page 26: Designing widget
Page 27: Designing widget

DESIGNING WIDGET

Page 28: Designing widget

Ajax 위젯 디자인 원칙 / dojo

• Cross browser support• Graceful degradation• Accessibility• Internationalization• Expandability• http://dojotoolkit.org/book/dojo-book-0-4/part-4-more-widgets/dojo-widget-design-

principles

Page 29: Designing widget
Page 30: Designing widget
Page 31: Designing widget

• http://developer.apple.com/documentation/AppleApplications/Conceptual/Dashboard_ProgTopics/Articles/Design.html

Page 32: Designing widget
Page 33: Designing widget
Page 34: Designing widget
Page 35: Designing widget
Page 36: Designing widget
Page 37: Designing widget
Page 38: Designing widget
Page 39: Designing widget

위젯 디자인 방법1. 위젯의 목적을 정의하기 2. 위젯으로 무엇을 할 수 있는지 정의하기 3. 위젯의 성격을 정의하기 4. 위젯의 성격을 살릴 수 있는 색상안 정하기 5. 위젯을 스케치하기 6. 디자인 구현하기 7. 위젯 테스트하기 8. 디자인과 기능 수정하기 9. 배포하기

참고 http://uxfactory.com/434