小细节,大设计#8

作者: 法海先生 | 来源:发表于2016-03-15 16:57 被阅读184次

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

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

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

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

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

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

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

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

相关文章

  • 小细节,大设计#8

    最近因为找实习再加上大三下学期课非常多,所以文章更新的比较慢,希望大家见谅,另外,要是有实习工作机会,欢迎介绍啊,...

  • 小细节 大设计

    关注littlebigdetails.com很久了,我得空便会定期上去翻看一下,最近也在读《微交互》这本书,书中许...

  • 小细节,大设计

    1,移动端上的网页 在安卓系统(不知道iOS系统有没有)的浏览器中打开某一个网页时,该网页没有适配移动端的情况下,...

  • 小细节,大设计

    一直看little big details,这个网站会收集电子产品的非常优秀的小的细节设计,这些细节设计不但体现了...

  • 小细节,大设计

    1,这个是某网站的竞猜部分,一个竞猜内容是十年后你的梦想能否实现。好玩的是,网站用户心理都明白,10年后这个网站可...

  • 小细节,大设计

    1,mailchimp用不同动物来表示用户可以选择的会员类型(免费,高级等),用户可以很直观的根据动物的强弱来判断...

  • 小细节,大设计

    1,NEXT的“下一页”巧妙地使用了自己的产品的名字next,“OK,NEXT”让用户读起来有一种操纵的感觉。 2...

  • 小细节,大设计

    1,安卓版谷歌浏览器在分享功能那一快会把上次分享到的平台的icon直接放到分享的右边,用户直接点击那个icon就可...

  • 小细节,大设计#9

    1,一个好的产品是用户利益和商业利益相结合的产物。如果只考虑用户利益,但没有商业利益的话,这样的产品终将寿命很短;...

  • 网页资源

    知乎 平面设计三大构成怎么学-知乎 三大构成是什么 认知与设计-格式塔原理 「大产品小细节」5分钟了解格式塔原则 ...

网友评论

  • 5ada584a7992:其实那个不是某应用哦 material design5.0就有那个弹出首字母设计了 你把安卓版本升上去就可以了
    法海先生:@人类太坏了 是的,其他应用也有,我只是想对比下面提到的那个界面。即使是说MD,这也是一个贴心的设计。

本文标题:小细节,大设计#8

本文链接:https://www.haomeiwen.com/subject/iahqlttx.html