• 今天看了为色盲人群而设计的网站实例,也重新认识了这个群体的特点和他们潜在的困扰。不光在互联网上,在日常的生活中他们也会被认为异类而遭致不公平的偏见和待遇,这实在是不应该。同样是上帝的孩子,仅仅因为他们眼中的世界和我们不同,就把他们划分为一个人群,甚至还用我们的标准来界定他们是“盲”的,这份自信是哪里来的?说的远了,我想设计师能做的是以同理心去关注他们,最大限度的帮助他们解决困惑和问题,获得更多他们所没有的体验。

    先来记录一下今天学习到的知识:

    1.99%的色盲人群并不是真正的色盲,而是颜色缺乏,色盲这个名词其实是一种误导

    2.红绿色盲是红色盲(红色盲基因)绿色盲(绿色盲基因)的合并体。

    3.色盲的比例男性比女性更高,因为色盲基因编码最常出现在X性染色体上

    4.“这是什么颜色?”是最令色盲患者困扰的问题

    5.视觉缺陷主要分三种:绿色盲红色盲蓝色盲

    6.严重的色盲人群只能区分20种色彩(hue),而正常情况下应该我们需要辨识100多种色彩。

    7.石原板是最有名的色盲测试,但他们并不是最准确的。

    8.约8%的男性患有色盲……

  • 什么是时尚?看大师们是如何诠释的。向他们鞠躬,鞠躬,再鞠躬。

    MUJI概念店

    UNIQLO 2009

    ZARA

  • 最近对算法很感兴趣,终究觉得快速的传递给用户想要的内容,才是用户体验的根本,其它脱离这个都是空谈。google将很快推出下一代搜索平台“caffeine),就是为了改善他的搜索速度和可靠性的。他们的这次改动究竟都做了什么呢?我用自己的思路做了简单的总结。



    我们知道Google变态的价值观是:“速度为王”。比如说:他们把所有的代码被压缩成几行,甚至在代码变量的命名上,都是坚持能用1个字母的就不用2个字母的原则;google非常多的产品大量应用AJAX技术;而在google的历史上,曾经想把搜索结果首页的默认条数从10条增多到30条,当时用户也乐意接受这个改动,但是测试下来,发现这样会拖慢0.5秒的速度于是就放弃了。

    google为什么要做?

    其实不光是页面加载速度的问题。google在08年已经遇到了瓶颈问题:摩尔定律描说是每隔9个月互联网上的信息量就翻倍。搜索引擎要保证一个基本的信息查全率,就需要能跟上这种信息暴增的速度...

     

  • UItrends上看到一个新的导航趋势的应用:翻转页面导航。其实这个早期一直是photoshop表现视觉效果的手法,就像kate曾经提到过的,这种效果仅仅用来代表视觉隐喻,没有什么实际内容。

    早期由于这种设计只有一种固定的模式,缺乏动态效果,另外冗余的样式对页面的加载速度也有不小的影响,其应用并不广泛。后来随着带宽的提升和web应用的多样化,这种表现手法被越多地方用到交互应用中,在形式上类似于开关的切换,而在功能上实现了两个tab页的跳转(只不过其中一个tab被弱化或隐藏起来)。它的交互缺陷为:只有用户点击了以后才知道页面下面隐藏的内容。

    在什么地方使用这种导航形式呢?下面谈谈我的理解:(为了区分,暂且把显示在页面上的叫tab1,隐藏在下面的页面叫tab2)

    1.在展现信息上,tab1显示的优先级一定高于tab2,而且tab2所实现的功能一定是建立在tab1的内容之上的--通常作为附加应用(高级应用)而存在...

  • 看到一篇好文,翻译了出来,一起分享。

    2020年人机界面会是什么样?我们很难预测未来会和今天有什么不同。然而从最近的一些实验可以推测出2020年大致的样子,虽然以下所提到的内容不能充分肯定变成现实,不过不用怀疑未来也会像他们所描述的那样酷。

    更人性,更直观的交互设备

    Microsoft Surface


    微软新一代界面的视频demo早已给大家带来了惊喜,这个产品已经开始在市场上出售,但以它不菲的价格和形式我怀疑它很难再短时间内普及。不过多点触控技术已经得到了很好的市场认可。如果你跟我一样是音乐发烧友,Audiopad是一款该技术应用的成功产品。相信在不久的将来越来越多的直观的人机界面会被广泛应用在各个领域。

    家电用品的网络化

    The Kitchen of the Future

    2020年,网络电视应该非常普及了. 不过试想想如果厨房用具都连接网络岂不很棒? 你可以给。微波炉设计配料,然后她会根据这些配料推荐给你相关的菜谱。 该创意厨房 已经设计出来了,相信到了2020年她会变得更好。


    多点触控, 不用触摸显示屏

    Oblong

     

     

  • 迄今为止,大约有7,600 万人在Amazon.com上购买东西 。 不同的是,你会点击“添加到购物车”按钮越来越频繁。那么,亚马逊为什么总是让我们在结帐过程选择特定数量(某些)项目后,再添加到购物车?

    在寻找答案之前,让我们看看常用的购物车应用方法: *表格字段 , 默认为“ 1 ”或“ 0 ” ; *一个空白表单字段,输入所需的数量 ; *一个下拉菜单 (通常是1至9 ),选择数量 *纯添加到购物车按钮 ,增加了一个项目的购物车(在这里您可以调整更新)

    你觉得哪种更好呢?想想看。

    Amazon购物车的演变

    当Amazon改变了他们的购物流程后,也许用户会在使用不经意间才发现改变,这也是亚马逊在之前能够预料到的, Amazon不想用户过分意识到他们所做的改变。为什么呢? 因为一个简单的“添加到购物车”按钮,可以产生巨大的业务影响。 亚马逊意识到这一点,他们专门建立了一个网站top-converting websites用于发布优化信息。对于他们来说,成功来自于不间断的优化(观察、改进、测试),而相对于这个事实,75%以上的电子商务网站没有做任何优化测试,你就会开始明白为什么亚马逊仍然能够长期的立足电子商务市场。 

    我一直在收集amzon关于购物车的演变截图,让我们一起来分析一下。(ps:仅限于参考,并不代表你也一定要这么做,毕竟这是亚马逊基于自己的业务做出的设计方案) 确保用户的点击动作 上面是一个早期版本的亚马逊的添加购物车按钮。添加到购物车按钮第一次使用不规则形状:一个带有购物车车的圆圈icon在左侧,嵌入到 “添加到购物车”的长方形按钮上, “您可以随时将其删除后”的提示,表明“我们的购物是安全的。在电子商务的初期,用户生怕点击错误的按钮。 而且当时亚马逊主要业务在出售书籍,不少人还不太习惯网上消费。

    立即购买的1-click按钮 保持购物车按钮不变,增加了“1-click”功能。这样的设计区域扩大后加入了“准备购买”区域。目的是:确保每个人都看到明显的“准备购买”和“购物车”同时存在......
  • 提升网页和博客设计品质的一些实例和技巧
    “高品质”是所有人追求的目标,在网页设计的世界中也不例外。不过何为“品质”,如何判断一项设计的品质是好还是坏?笔者恰好有一套找出网页设计中品质焦点的方法。一旦你了解到如何判断一项高品质的设计究竟好在哪里,你就掌握了让自己的设计更趋完美的大量技巧。

    接下来我会给大家列一些要点,并附上相应的例子,与大家分享一下我在别人的网页设计中寻找“高品质”的过程。

    quality-design

    01. 留白
    在好的网页设计中我最留意的是那些对设计元素之间留白的聪明运用。留心不同内容区块之间的间距和排列方式,能让你的设计的整体感官大不一样,从而提升设计的品质。

    我觉得处理好留白的关键是从整体上感知设计元素。把设计稿缩小观看会是个好办法。

    出色的留白处理的实例 Good.Is
    页面整洁而有开放感,全都得益于设计师对文字和图像之间留白量的准确把握...

    quality-design