产品设计

常见的移动端导航框架

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