交互学堂
专注分享专业知识

小细节,大设计#8

最近因为找实习再加上大三下学期课非常多,所以文章更新的比较慢,希望大家见谅,另外,要是有实习工作机会,欢迎介绍啊,非常感激,哈哈!话不多说,进入正文吧:

1,inbox总体来看可以看作是一个单页面应用网站,网站所有的点击切换页面都会在一个页面内完成,页面切换耗时非常短且流畅,特别像桌面客户端。但是也有俩个链接“通讯录”和“Gmail”点击后会打开一个新页面,为了“启示”用户这俩个链接在新页面打开,hover状态下右边会有一个“在新页面打开”的图标出现。让用户有了预期从而更有控制感。

524264-d0b6507651bca784

类似于这种方法,reddit网站内的所有链接hover状态下如果加有下划线,则是打开当前网站的页面,否则会在新页面跳转到外部的第三方网站。

2,电子书比纸质书相比有很多优点,比如可以不用转移视线就可以查看某个词或句的注释。豆瓣阅读在有注释的词句处显示一个星号,点击星号即可打开注释查看注释。

524264-7a294e4d8eccdace

524264-c264e93fafda90f7

3,B站的一些小设计非常符合该网站二次元文化的特点,比如轮播图的小圆点中当前的圆点做成了吃豆人的形状。这对该控件的可用性也有积极作用,用户可以很迅速的看出当前的圆点的相对位置,比传统的只改变圆点的颜色要更易读一些。

524264-889a840385f3bd29

4,facebook的赞的状态增加了5种状态,分别是喜欢,大小,惊讶等。脸书有大量的用户,任何一个小的改变都会引发大量用户的不适应。为了不改变原有用户的操作习惯,点击赞时依然可以像往常一样对状态点赞,当鼠标停在“赞”上面时,会出现所有的状态,移动鼠标可以分别进行选择。

524264-f9c6d5e6eb3e4878

5,某应用的联系人列表中用手指滚动字母轴时字母轴的左边会出现当前字母的气泡,方便用户知道当前滚动到什么位置:(不要问我在用什么应用)

524264-d7ef452769d7f0ab

而我的手机的自带的通讯录应用进行此操作时并没有上面的指示,注意虽然“K”加了背景,但是因为手指挡住了并看不到,这点做的非常糟糕,非常不利于可用性(这个页面有很多的设计不合理之处,在此因为篇幅的关系就不讲了)

524264-670406376424d2f4

524264-9243386c0c859507

作者法海

赞(0) 打赏
未经允许不得转载:IAMUE » 小细节,大设计#8

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏