网站建设数据库选择网站首页面设计

web和app产品需求设计

思考

笔记

web产品设计

• 一、交互设计

1.以用户为中心的设计：功能、体验、用户；

将产品功能转化成用户的体验，功能和体验的结合。

2.交互设计模式

交互逻辑

信息结构

信息内容

界面结构

导航设计

• 二、视觉设计

元素的选择

配色方案：主题色和辅助色

产品风格：扁平风格、拟物风格

• 三、用户体验的五个要素

战略层：产品目标、用户需求

范围层：功能规格、产品内容

结构层：信息结构、功能结构、交互流程

架构层：信息设计、界面布局、交互设计

表现层：视觉设计

• 四、设计原则

一致性原则

组块原则

能辨度原则

信噪比原则

渐次呈现原则

容错原则

图片优先

2/8原则、7+-2原则

app产品设计

• 一、移动端产品设计的不同点

设备规格的不同

用户操作方式、连接方式、使用频次、使用地点不同

信息内容的组织方式不同

平台操作差异化：各种传感器的运用等

移动产品实现方式：native app原生应用、webapp、混合应用

• 二、移动产品信息架构

层级式

辐射式

套娃式

标签式

仪表盘

筛选视图

• 三、差异化体验设计

人体工程学：人体之间宽度1-2厘米，对应标准屏幕的分辨率大小为44px-57px；retina高分辨屏88px-114px；

手势操作

转场过度

不同的交互模式：导航（展开式、侧滑式、选项卡式、辐射式）、内容选择（点击、滚动效果、翻页效果）、登录推出、表格表单

• 四、设计原则

基于用户的心理和思维习惯

基于用户的使用场景和操作惯性

尽量让用户少输入，输入给参照

全局导航一直存在

通知反馈，不打断用户任务

不让用户等待，引导其他内容

巧用设计藏拙（相应速度）

预加载、预处理

总结