从知乎看「交互设计」--小白需理解的互联网热点

如何认识一款APP?

对于用户很简单,用得爽就可以了。但对于求职产品岗的同学来说,则需要跳脱用户身份,从设计层面深入理解该产品。近年来,「交互设计」是互联网界愈来愈热的“明星”。它关乎用户体验,是小白分析产品的重要切入点。在本篇笔记中,小路以知乎为例,带大家初识交互设计

1. 什么是交互设计?

国际交互设计协会是这样界定的:交互设计定义了交互系统的结构和行为,交互设计师致力于在人们和他们使用的产品和服务之间建立有意义的关系。

交互设计的基本原则是以用户为中心,包括五个基本要素:人、动作、目的、媒介、场景。

2. 如何从交互设计角度认识知乎?

评价一款产品,从页面开始。“页面”是连接产品和用户的重要桥梁,用户对产品的体验和感知都是承载于具体页面的。

一个好的页面,需要以较低的理解成本和操作成本,解决用户需求,所反映的交互设计原则包括但不限于:

易用性:有清晰的视觉引导,用户可通过较少点按完成任务;

逻辑性:任务流程清晰,主次分明;

流畅性:能够全面考虑使用场景,解决用户可能遇到的使用障碍;

……

知乎用户的一般行为路径登录账号-查找问题-浏览答案,分别涉及到了不同的页面。

Step 1:登录账号

闪烁的光标引导用户填写相关内容,完成登录任务。同时,输入框内灰色字体的提示信息,辅助用户键入正确内容。

可选的登录方式,简化了登录步骤,满足不同用户的登录需求。

“需要帮助”文字链接,用以解决使用过程中的异常情况,提高登录成功率。且弹出页面采用底部遮罩的方式,减少页面转跳,给用户在同一页面完成任务的体验,减少用户登录失败的挫败感。

Step 2:查找问题

搜索框在顶部中央,位置显眼,突出搜索操作,放大镜图标表明搜索功能,符合用户认知及行业规范,降低了用户的认知压力。

键入关键词后,有联想问题出现,辅助用户描述问题或缩短用户打字时间,提高搜索效率。

Step 3:浏览答案

顶部tab提供信息分类,便于用户进行精准、复杂的搜索。

上下滑动手势切换信息流,便于用户单手操作,浏览信息。

“相关搜索”区块夹杂于信息流中,辅助用户修正搜索关键词,优化搜索结果。

为营造沉浸式浏览体验,提问功能button隐藏,当用户多次下滑操作后,则会唤起提问功能button,使未找到满意答案的用户,可通过提问解决需求。且button面积较大,位于屏幕底端,便于手指点按。

进入具体问答页面后,用户可使用悬浮按钮切换下一回答,快速浏览答案,寻找目标信息。

屏幕底部设置有赞、踩、收藏、评论等功能按钮文字+图标表明按钮功能,降低用户的认知压力,颜色变化的动效,给用户带来心理满足感,鼓励用户参与社区互动。

以上为小路分享,更多产品求职笔记,欢迎关注「路人十六」公众号。

“产品求职”作品集:

知识总结篇

数据分析//市场分析//需求分析//用户调研

2. 技能提升篇

数据透视表//产品功能结构图

3. 学习方法篇

自学准备产品求职//信息查询渠道总结

4. 面试作品篇

产品分析报告//泳道图

5. 临阵磨枪篇

简历制作//面试考点2|你做产品经理有什么优势?

你可能感兴趣的:(从知乎看「交互设计」--小白需理解的互联网热点)