线框图,原型设计,坚持学习。
为什么使用线框图?
- 熟悉结构——产品是如何组成的?
- 了解内容——产品要显示什么内容?
- 信息关联——如何组织并显示信息?
- 功能——产品界面如何工作?
- 行为——产品如何与用户交互?如何动作?
线框图设计原则
1、少计划
- 谁是核心用户?
- 用户需求和目标是什么?
- 业务需求和目标是什么?
- 符合你的用户和业务的现有产品或设计形式是什么?
- 当前存在的问题是什么?
- 已经满足用户(业务)需求和目标的产品需求是什么?
- 有什么限制(时间、资源、财务、技能)?
2、设置预期,而不是目标
3、从用户需求开始
4、考虑how,而不是what
5、简单,还是简单
6、不要混淆修改和改进
7、每个细节都有意义
8、保持一致,而不是统一
9、低保真并不是说不现实
10、快速实验和协作
11、设计是为了实现,要考虑资源平衡
12、原型是为了交付,而不是追求完美
原型设计的10个最佳实践
1、了解受众和目标,选择适合的表达方式
2、提前为受众考虑,想象自己是个新的用户
3、让用户参与设计
4、关注流程和用户场景
5、简化点击步骤,遵循3个点击原则
6、不要忽视动画
7、从草图开始,这是原型的原型
8、不要因为不会编码而止步不前
9、使用原型进行易用性测试
10、只做出必需的原型——到此为止
资源参考网站
- http://uxporn.uxpin.com/
- http://uxarchive.com/
- https://www.pinterest.com/search/pins/?q=wireframes
- http://www.mobile-patterns.com/
- http://inspired-ui.com/
- http://www.android-app-patterns.com/
- http://pttrns.com/
- http://www.uxapprentice.com/
- http://thehipperelement.com/
- http://www.lukew.com/
- http://uxmyths.com/
- http://alistapart.com/
- http://www.smashingmagazine.com/
- http://boxesandarrows.com/