那些你可能没注意到的交互细节(二)

1. 一篇文章结尾的友情链接

友情文章链接

在一篇文章的结尾,我们经常可以看到作者或小编将相关连的文章(比如一个系列、一个主题的)附注在文章结尾(如上图),这样无论是对提升其他文章的阅读量,还是给读者更系统的学习参考都是大有裨益的。

总结:我们也可以将该策略运用到产品设计中。比如当你在搜索搜索A-B地的火车车次时,如果不存在直达车次,可以给用户返回A-C-B的路线供用户参考,而不是冷冰冰的告诉用户“对不起,无从A-B的车次”,留下用户在那里不知所措。


2. Medium的文章加载机制

当点击文章标题进入到具体文章内容页时,加载分两步:

a. 文章布局模型展示

加载机制

b. 图片由模糊到清晰

总结:类似的设计在新版的支付宝等APP上也有体现。这样的操作不会让页面在加载的时候一直处于空白状态,同时让用户了解加载正在进行,并知道页面的大概布局形式。


3. 简介的个人网站导航

JULIE ZHUO的个人网站

最近一直在看产品设计师JULIE ZHUO的个人网站,每次打开网站,发现页面背景图都不一样,让本来简单的个站一下变得不那么单调起来。

JULIE ZHUO个人网站地址:http://www.juliezhuo.com/

总结:在做一些简单的网站(比如个人网站)的时候,通常这类网站都会相对单薄、功能偏少,加之很少进行改动,我们可以在建站初期通过一些小动效、切换背景图等方式来提高网站的调性。

对于酒店、旅游类等通过氛围来调起用户情感共鸣的APP,我们也可以通过定位用户的地址,来显示当地的一些旅游景点或标志性建筑,给用户带入感。


4.调查问卷标题如何写

这是在一个群里看到的问卷连接,点击打开页面后,看到这个问卷的标题是“你遇到了什么问题”。让人直接摸不到头脑,不知道这个具体问的是什么,点击了下方的“问题分类”下拉菜单后,才知道是关于UX/UE的问题。于是给网主建议了下,修改了标题。

后来想了想,虽然这个网站是关于UE的,但不代表大家看到标题就能够直接与UX联系到一起,需要一个思考时间。一个好的标题,应该能让用户直接从标题上判断该消息或该文章是否有继续读下去的必要,即应该相对独立。

总结:在写说明文字或标题时,在做到言简意赅的时候,也要保证整句文字能表达到位。该省的文字应该省去,该用文字进一步解释的也应加之。否则就有可能出现下面6中所述问题。


5. 验证码问题

登录界面


如上图所示验证码,大家看出问题了吗。

a. 我是该输入“0”呢,还是输入“零除二等于?”这几个字符。显然输入五个汉字加一个符号不是网站想要的答案。但是在眼里,一般的验证码输入都是输入右侧数字或汉字。即使是回答验证问题,也会在下方特意说明。

b. 应该是“零除以二”而非“零除二”。可能有同学说我有点较真了,但是对数学敏感的人来说,面对这种情况,他可能真的不知道要输入什么,或许会输入一个0去猜测吧。

c. 我们姑且认为答案是0,那么我应该输入“0”还是“零”。因为验证码里面的全是汉字。

解决方案:

1)将汉字形式改为阿拉伯数字形式:0÷ 2 = ?。这能解决问题b和c;

2)加入“请输入验证码的计算结果”类似提示文字。

总结:相同的表达方式在不同行业人眼里得到的答案可能不尽相同。我们要做的是对产品设计中的文案斟酌再三,并在产品的不同阶段进行调整来符合当下的产品场景。


***********分割线来了***********

上面是最近几天遇到的几个细节体验问题。欢迎大家随时过来拍砖。最后附上上次整理的一篇交互细节文章。

那些你可能没注意到的交互细节(一)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,080评论 25 709
  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 28,508评论 5 19
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,068评论 19 139
  • 外婆—我们北方人叫姥姥,我总觉得外婆这个书面用语没有姥姥这个称谓来的亲切。 妈妈说我是从三岁开始和姥姥一...
    茜茜百味阅读 6,172评论 5 3
  • 1. 获取properties和实例变量 栗子代码: 输出 Properties: nameProperties:...
    jackjhu阅读 2,695评论 0 2

友情链接更多精彩内容