产品经理知识体系:7.web和app产品需求设计

web和app产品需求设计

思考

笔记

web产品设计

  • 一、交互设计

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

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

2.交互设计模式

交互逻辑

信息结构

信息内容

界面结构

导航设计

  • 二、视觉设计

元素的选择

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

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

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

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

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

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

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

表现层:视觉设计

  • 四、设计原则

一致性原则

组块原则

能辨度原则

信噪比原则

渐次呈现原则

容错原则

图片优先

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

app产品设计

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

设备规格的不同

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

信息内容的组织方式不同

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

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

  • 二、移动产品信息架构

层级式

辐射式

套娃式

标签式

仪表盘

筛选视图

  • 三、差异化体验设计

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

手势操作

转场过度

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

  • 四、设计原则

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

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

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

全局导航一直存在

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

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

巧用设计藏拙(相应速度)

预加载、预处理

总结

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

泡壶好茶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值