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

在一篇文章的结尾,我们经常可以看到作者或小编将相关连的文章(比如一个系列、一个主题的)附注在文章结尾(如上图),这样无论是对提升其他文章的阅读量,还是给读者更系统的学习参考都是大有裨益的。
总结:我们也可以将该策略运用到产品设计中。比如当你在搜索搜索A-B地的火车车次时,如果不存在直达车次,可以给用户返回A-C-B的路线供用户参考,而不是冷冰冰的告诉用户“对不起,无从A-B的车次”,留下用户在那里不知所措。
2. Medium的文章加载机制
当点击文章标题进入到具体文章内容页时,加载分两步:
a. 文章布局模型展示

b. 图片由模糊到清晰
总结:类似的设计在新版的支付宝等APP上也有体现。这样的操作不会让页面在加载的时候一直处于空白状态,同时让用户了解加载正在进行,并知道页面的大概布局形式。
3. 简介的个人网站导航

最近一直在看产品设计师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)加入“请输入验证码的计算结果”类似提示文字。
总结:相同的表达方式在不同行业人眼里得到的答案可能不尽相同。我们要做的是对产品设计中的文案斟酌再三,并在产品的不同阶段进行调整来符合当下的产品场景。
***********分割线来了***********
上面是最近几天遇到的几个细节体验问题。欢迎大家随时过来拍砖。最后附上上次整理的一篇交互细节文章。
网友评论