推荐Lovart 中文版 - 一站式 AI 设计平台推荐一人企业Vibe Coding社区!热门AI设计工具新品免费AI编程工具 Trae - 智能编码助手Seedance2.5已上线新用户注册即领免费算力
UIED.CN今天偷学哪一招,朋友
5731/6

公众号:记笔记的阿晴

交互设计原则——正确的意符

2022-12-12810 字 · 约 3 分钟浏览 573
…

记笔记的阿晴(notebyaqing)独家文章,转载需署名。全文921字,交互设计原则第3篇作业得到了优秀,好开森~交互十大原则我会继续更新完哒!

意符

意符是什么?能告诉人们正确操作方式的任何可感知的标记或声音。

  • 案例一:文案保持风格一致
图片

支付宝蚂蚁庄园里,点击小鸡,每次说话都很有趣,小鸡不在家时的提示也保持了俏皮可爱。符合该应用的一个可爱的调性。

  • 案例二:文案风格保持一致
图片

考拉海购APP里文案风格保持一直的可爱风格。但是也有反例,请看下图

图片

同样是网络较差,左边的toast提示却突然变得正经起来,与其他可爱的文案提示格格不入。反例

  • 案例三:信息表达不清晰
图片

还是考拉海购APP,在登录注册页面,点击之后却变成了登录,如果用户从来没注册过,却出现了登录,那只能通过其他登录方式。但是点击其他登录方式,比如微信登录之后又让自己绑定手机,到了这里用户才知道原来刚才的操作是注册。既然是注册,在第二个页面中就应该说明“其他登录/注册方式”而不是“其他登录方式”。会让用户误以为只是登录。

  • 案例四:信息表达不清晰
图片

左边的页面,点击分享按钮和上方展开按钮,跳出来的功能是一样的。按理来说点击分享应该是分享到其他平台或者收藏,居然会有“屏蔽”和“举报”的功能。这两个功能应该是在用户头像右边展开的按钮功能里面存在才是比较合理的。在分享按钮里出现“屏蔽此人”,意符有点不太符合“分享”的寓意。

总结

意符是易理解的、传达寓意准确的,能够让用户看到就很清晰明了知道这是什么。同时,文案也很重要,文案传达不统一和不清楚,会给用户造成迷惑,发生错误的操作行为。

  • 意符概念解析

优秀的设计会通过易理解、表意准确的意符,将产品的目的、结构和操作方法清晰的表达出来。

例:icon的设计,辨识度要高,让人一眼就知道这是什么。比如wifi的icon设计,我们一看就知道这是wifi,首页的icon用一个房子,搜索用放大镜的icon设计。

不同的意符,表达出的操作方式的提示也不同。例:推拉门的设计,有推开,也有按下把手再拉开。

  • 文案的重要性

1.清晰表达信息

例:文案标题表述清晰,选择的选项模拟用户的选择(“关闭”用“跳过”代替)

2.展现产品个性

文案保持统一的风格,严肃就统一严肃的文案。俏皮可爱就保持所有有情感化的页面或者提示用俏皮可爱风格。

-   E N D   -

图片

评论 0

最新评论

登录后发布评论并参与互动。

暂无评论,欢迎抢沙发。