UED学习笔记
越努力越开森

交互设计步骤

五大层级:战略、范围、结构、框架、表现层

下面说的主要是从范围层(也就是功能)开始,如何把功能点转化成界面、以及界面需要承载哪些功能的方法

-----------------------------------------------------------------------------------------------

来自《破茧成蝶》

-----------------------------------------------------------------------------------------------

大流程:确定需要展示的信息,组织信息架构,如何引导用户完成任务,流程草图,具体界面,细节设计

 

信息组织和任务设定:首先要知道用户的需求,和完成需求需要达成哪些任务,达成任务所涉及的操作又有哪些?

  • 信息分类:逻辑分类、卡牌分类

  • 导航关键点:让用户知道自己所处位置;深广度的平衡;常用功能快捷入口设计

1.主/次要任务:主要任务及主线流程,如电商就是购买流程;次要任务就是主要任务可能涉及到的流程,比如购买中的比价,浏览等

2.分解任务:把主要任务分解成一步步的行为操作

比如订餐:

3.排布任务优先级:分解后可以排优先级了—可按照使用人数、频率、重要程度来排

4.组合合并相关任务:将次序相同,操作类似,界面类似的任务组合起来,合并成模板展现

5.引导用户:引导用户完成任务,箭头、横线、运动元素都可以引导用户视觉轨迹

 

需要注意——易用界面:

简化复杂操作:减少多余步骤和干扰项,将复杂操作转移给系统(如自动定位),简化操作步骤,优化操作流程

处理过大的信息量,界面的层次感要突出,重要内容突出,次要内容弱化或隐藏

感性的界面:比如拟物化设计

 

 

评论

©  ̄靑。 | Powered by LOFTER