http://cobbble.com/tags/ux/ Recent content in Ux on Cobbble Hugo -- gohugo.io zh Fri, 01 Dec 2017 00:00:00 +0000 http://cobbble.com/blog/articles/white-space/ Fri, 01 Dec 2017 00:00:00 +0000 http://cobbble.com/blog/articles/white-space/ 在页面设计排版的时候，往往离不开留白。在极简主义风格是主流的今天，「少即是多」是设计师奉为圭臬的准则。从设计师角度而言，美依赖于一些精心选择的结构性元素，而不是依赖于装饰的堆砌和点缀。这样的设计中，留白极为重要。 所谓留白，即是「负空间」，并不一定是白色的，它可以是任何颜色、纹理、图案、甚至背景图片，是设计或页面布局元素之间和周围的空白空间。 留白分两种： 微型留白。文本行和网格内部的空白符等等。这个空白处有助于内容的易读性和可读性。 大留白。页面上主要元素之间的留白。对比微型留白，大留白视为整体设计的容器。 正确使用留白能够为整个设计带来平衡感。对于文本内容，易读性的高低和小留白的控制有着密切关联，影响着内容呈现，处理恰当的留白能够实现以下内容： 页面更容易浏览； 提高内容的可读性和易读性； 更美观； 优雅和高雅的感觉。 那么，如何做好留白呢？ 控制页面元素 拥挤的网站很难阅读，太复杂的页面会让用户感到不舒服。所以尽量在页面中精简元素，在这里不得不提Apple这个经典的案例。虽然他们不是先驱，但是Apple将这一技巧的运用在自家的产品设计和网站设计上，体现的淋漓尽致。页面的每个部分都有清晰的视觉焦点，主次分明，用户永远不会在这里迷失和分心。 优先考虑易读性和可读性 要注意文本间距。行距可以大大提高文本的可读性。一般来说，行间距越大，用户阅读时的阅读体验就越好，但是太大会破坏统一性并使设计断开。所以要找到完美的平衡。 打破空间 使用不同的颜色，不同字体大小来创造不对称的空白空间。在纯白的背景下，元素被更清晰的勾勒出来。 用作视觉分割线 更简单的页面，用元素和间距来划分，而不是线条。更少的线条和分隔线能让界面更干净，现代，实用。大块的空白可以使一些最麻烦的界面看起来很具吸引力和简单。 参考文章 How To Use White Space In Web Design 10 examples of white space design websites you’ll want to copy http://cobbble.com/blog/articles/old-people/ Sun, 05 Nov 2017 00:00:00 +0000 http://cobbble.com/blog/articles/old-people/ 在互联网的产品中，吸引老年人这部分用户群体曾经是被认为是最后要考虑的事情。然而，老年用户群体持续不断增长，经常登录、注册和订阅。statista的统计显示，仅在美国境内，2016年就有64%的老年人在线，这个数字在2013年的时候只有4%。 尽管数量在增长，老年用户群体在人口统计学中，仍然属于用户体验的不毛之地。如果用户体验师不将老年用户纳入考虑，便会疏远这整个群体，将是很大的损失。 还记得去年iOS11的新UI发布，盼望已久的同时，网上的吐槽声也铺天盖地。最大的质疑就是UI界面看起来像老人机，然而用户体验证明了一切。 iOS11加大UI元素，使用颜色强调对比、大块的留白替代线条的分层，字号及字重的加大加粗都能感受到设计师们在坚持美感的同时也在努力为老年用户体验做更友好的UI设计。 在设计时，遵循这些思路，可以让你的产品更易用。 保证界面的可读性：文字越大越好 首先要考虑文字和屏幕本身的尺寸，确保用户界面清晰可辨。考虑并非每个用户都有高分辨率的显示器，未必对眼睛友好。界面正文字号最小不要超过12pt。 虽然可以通过调整设备自身字号，但多数情况下，会产生功能和显示问题。应尽量避免用户去手动设置字号。 在排版上，通过大块留白（后续添加另一片博文连接）分隔层级，可以让大量文字阅读起来更有条理，不会眼花缭乱。 调节颜色和对比度 按照科学的配色方法（后续添加另一片博文连接）让用户在浏览界面会有更好的体验。界面中的颜色和对比度帮助用户确定哪些元素对应哪些结果，掌握当前处于网站的什么位置。比如说，不带链接的文字就要避免使用蓝色—深蓝色是网页链接约定成俗的标准用色。 易于点击 55～65岁年龄段，手眼协调和运动技能开始衰退，这就使得操作用户界面时更加困难。对应这个困难，就要确保可点击区域足够大，并且与其他元素之间距离要足够大。 使UI模式易于记忆，帮助认知 尽可能清晰的展示A点（入口）到达B点（任务完成）。对于老年人，记忆力的不断衰退，短期情景记忆受损、注意力下降，这都意味着学习新概念的能力会有极限。比如说操作一套为年轻人设计的新界面。 应该尝试用标准的图标和导航模式，例如顶部通栏，能够一眼看到所有选项。或者是面包屑导航引导用户通过几次点击前往特定的位置。这有助于用户习惯各功能所在位置，还有如何在界面上找到它们。 不要隐藏重要信息；避免出现非必要的选项，会干扰到用户操作连贯性和良好的体验。 了解用户基础 要使用户体验更愉快，应该有一套捕捉目标用户需求的框架。但是不同的用户成长在不同的科技时代，设计师永远无法取悦所有年龄层的用户。 怎么解决？做用户测试。 即使了解并遵循老年用户设计的准则，但真正了解某人如何操作网站的唯一方法，就是做测试。根据用户认知过程和物理限制的了解，对应UI系统进行调整。 总结 老年用户仍然有巨大的增长潜力。就像对其他任何用户群体一样，老年用户需要我们设计出符合她们需要的体验。随年龄而产生的局限意味着，数字科技中一些常规吸引用户手段对老年用户并不管用。 把老年用户纳入界面设计过程中，用户体验绝不会差。 参考文章 UX Design Thinking From A Senior Citizen’s Perspective 从iOS11 UI Kit中谈谈iOS11的新变化