UI界面设计指南医学知识讲解课件.ppt

文档介绍：UI界面设计指南医学知识讲解
前期
壹
熟悉
业务
需求
了解
风格
定位
用户
消费者？
业务员？
管理者？
特征
表单多？
图片多？
基调
严厉？活泼？
商务？简约？
贰
优化信息层级
简化交互步骤, 使用户以尽可能
少 步骤完成任务。
交互
借鉴
依据产品特征, 参考已经有
优异交互方法。
用一个树形结构来了解什
么是信息层级:
链接 层数被称为深度（z
轴）, 最底层页面包含
页面总数被称为链接 广
度（x轴）。纵向（y轴）
很多情况下都只有一层,
放 多都是部分消息提醒
和快捷方法。
广度:
以淘宝为例, 最
底层页面就是她
首页, 包含
页面综述非常丰
富, 能够看到从
广度来讲覆盖面
是非常大 。
深度:
从鞋包配饰, 到
女鞋, 到单鞋,
到单鞋 多种类
型。
区分
叁
PC Web端 VS. 移动/手机端
信息层
级结构
操作
方法
交互
方法
信息层级结构
PC Web端:
更重视深广度 平衡。
手机端:
因为设备限制, 广度减
弱, 信息深度更为显著。
但这将成为过去时, 随
着垂直滚动在移动端
推广, 一些APP广度大
大提升, 深度相对减弱。
PC上我们能够
用面包屑路径
或者多种导航
清楚 表现出
层级结构, 让
用户不在复杂
层级机构中
迷路。