产品设计

常见的移动端导航框架

1.Tab

底部Tab:快速切换到主要功能模块。微信,淘宝,微博,美团

顶部Tab:带给用户更好的阅读体验,有大量主题内容需要用户看到。如新闻类,阅读类APP

优点:主要功能突出;减少用户点击次数(频繁跳转)

缺点:过多不利于用户切换页面,降低界面体验友好度;

           底部与当前页面无关的跳转入口。(在用户下拉浏览时自动隐藏底部导航)

 

2.抽屉式

适合核心功能突出且较为单一的产品。应用的主要功能和内容在同一页面,低频操作内容可以放在抽屉栏。

优点:给内容页足够的空间;拓展性比较好,可以提供更多功能的展示空间

缺点:难以发现;用户点击较多且路径深

 

3.列表式

适合内容型产品作为主导航,一般性产品作为辅助导航。结构简单清晰,帮助用户快速定位到对应内容。

优点:用户处于细分的环节中也能快速切回首页,层次清晰

缺点:内容过多时,无法突出重点(在重点处突出标记);灵活性不高

 

4.九宫格

适合功能较多且功能之间较为独立。

 

5.复合型

螺旋式导航:解决底部Tab难以满足更多操作功能的问题

平铺式导航:信息足够扁平,一般结合滑动切换

 

交互设计

设计一般分为行为设计,形式设计,内容设计。

行为设计指交互设计,交互即输入和输出;形式设计包括界面与风格设计;内容设计包括信息架构,文案,动画制作与音效设计。

交互设计关注的是用户场景与用户心理,设计的对象是用户行为,达成的目标是易用,能用,想用。交互设计就是尽可能减轻用户的思考负担,符合用户最自然,最本能的思维习惯。

交互设计五要素包括People,Purpose,Contexts,Means,Actions

1.明确目的

People:了解用户的活动及目的。

Purpose:定义设计的目标。用户的使用期望

2.归纳框架

Contexts:定义活动中的行为与问题。处理目标用户,用户目标,主要任务,使用场景,形成文字或图形输出

3.模拟任务

Means:代入用户,以任务流程从静态到动态地分析产品设计。

4.记录亮点

Actions:确认设计方案对用户活动的影响

 

 

 

 

 

 

 

 

 

 

本文地址:https://blog.csdn.net/DiJunXJ/article/details/109643688

(0)
上一篇 2022年3月22日
下一篇 2022年3月22日

相关推荐