常见的移动端导航框架
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