WEB

招聘季，无论新人还是交互老鸟，都将在「互联网公司鄙视链」上挣扎翻滚。面试官常会要求：介绍一下你的作品…..如何展示交互作品这件事，这篇文章系统总结一下。

在网页设计和APP软件中，一个好的排版不仅仅要拥有漂亮的字体。更要有高度的可读性——易于浏览——同时能让用户专注它的内容。这是一个相当艰巨的任务，但是大多数设计师可以通过练习达到这种效果。今天我们将去看看优秀的用户体验需要遵守的10个 “准则”，同时你也可以学习以便帮助你设计出非常棒的设计。（每个规则都配有一个网站的例子）

XX项目视觉稿.PSD

XX项目视觉稿新版.PSD

XX项目视觉稿最新版.PSD

未标题-1.PSD

XX项目视觉稿最终版.PSD

我已经不想做了.PSD

XX项目视觉稿这个一定是最终版.PSD

XX项目视觉稿最终的最终版.PSD

这稿坚决不改了就这么着吧.PSD

这个标题是凑字数的.PSD

根据最近惠普针对600多个专业的软件开发人员做的一个调查，由于能够加强协作，增加用户的满意度以及缩减成本，所以敏捷开发是目前大多数被调查的组织采用的工作方式。然而当把用户体验集成到敏捷开发的周期中时，很多公司会问我们采取什么样的方式才能在满足每一个敏捷时间框架要求的同时确保成功。

想必大家都见过下图所示的著名的“交互文案”反例吧？如果文案写成这样，无论设计师在文案出现方式、时机等方面再怎么优化，这也不可能成为一个合格的设计。因为“看起来重复、读起来绕口、理解起来更是云里雾里”的文案很难让用户获得良好的阅读体验和使用体验。

译者注：上图的中文版金字塔并非原文内容，找来帮助大家理解。译者注（图中文字）：
费茨定律示例
它是什么意思呢？费茨定律表明，你应当让按钮和其他界面元素足够大，因为用户点击小按钮十分困难。
如果你有个小按钮，像【OK】这样，可以增加一些内边距，或者让它更宽：【　OK　】
如果说网站上有个按钮，让整个按钮都能点击——而不仅仅是文字标签。
而且，如果你把物体放在很远的地方，最好就要增大它的尺寸作为补偿。

工作中接触了一些banner设计的工作，借着本次整理思路的机会顺便和大家分享下，不周之处欢迎沟通指正。

不要让视觉效果过重以至于霸占了整个网页的重心
视频比起文本和图片更容易吸引用户的注意力
女性和孩子的形象更容易吸引用户的注意力
用户浏览页面的视觉轨迹是“F”型的

动机
能力
触发

本文是作者的一篇随笔，适合交互设计师阅读，希望能给正在学习交互的朋友一些帮助。也希望朋友们，可以提出更多很好的建议。

“如果所有都是重点，那么就不存在重点了。——Patrick Lencioni”“用户在手机上永远用不到这些内容。”

“我躺在沙滩上，感觉到细碎的沙子在后背陷入；我踩在小溪里，感觉到脚底的乱石和流过脚面的溪水。我和沙子，我和溪水，产生了交互。”如果是静态的画面，我们恐怕不能确定画面中人是先吼叫被抓住，还是先被抓住再吼叫：
“疯狂罪犯终于落网！”
“魔法界警察暴力执法！”
——这两者之间的差别可大了。“大页面的设计是焦点的设计，小页面的设计是空间的设计”“扁平化其实为了让你觉得地方足够大。你信吗？反正我信。”——“李白”“使用APP，你不需要别人告知左箭头是什么意思。”你应该熟读Android和ios的官方设计规范、人机交互指南文档，只要遵循这些规范，用户不会因此犯错。
Ps：规范可以帮我们“不出错”，但要达成“绝妙的设计”还需更多创造力。突然！你被人打晕了！
醒来的时候你发现自己到了一个陌生的地方。
现在你在想啥？——
“我在哪？”
“我是谁？”
“我该怎么办？”“我在18层1806，我要去3层0303。出门左拐坐电梯，出了电梯再右拐“

通常带有明确指向性和说明的标签（按钮内容，文本）会比通用的“OK”或者“确定”要更好。
尽可能使用动词，而不是OK，因为前者意义会更明确，用户不会断章取义从而作出错误的选择。

OK/[Do it]/Yes
[Don’t do it]/No
Cancel

文案规范
视觉指南

配色方案，包括每种色彩的具体参数，以及其他可接受的色调
字体和排版方案，包括每个部分的字体类型、尺寸、字重以及具体用法
LOGO，包括它的样式、变体、尺寸以及位置的说明
拼写、关键词的选择、文案的风格（包括按钮、社交媒体等）
图片使用规范，包括色彩、裁剪规则和视觉表现方面的标准
SEO信息，比如可选的标签和关键词
栅格标准（主要用作网页排版和印刷）
空间与留白方面的说明（设计的松紧度等）
关键点的说明（团队成员可能会提出的问题或者有待澄清的点）

在内容表述上不要限制太多，这毕竟是风格指南，重点是视觉上的引导，设计是核心；
将相关、相联的条目整合到一起做快速指引：一个页面介绍色彩，在另外一个页面做排版的规范等等；
用图片案例来展示界面应有的外观，而不要单纯用枯燥的文字来做介绍；
提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值，确保色彩的运用能够一致；
将一部分的设计案例分解说明，确保每个元素的功能和使用规则都足够明晰；

最好的触发器应该是符合情景的，体贴用户的，触发器的控件应该与其要传达的状态匹配，且引人注目的程度要与其使用频率匹配，标签也应该简洁明了，通俗易懂。

作者认为AR未来无论是在C端还是在B端都会存在广泛的应用场景，并能够在许多场景下颠覆用户的使用习惯，解决一些目前无法有效解决的用户需求！比如最近突然火起来的AR游戏《口袋怪物Go》就让大家见识了AR应用的潜力。本文主要和大家探讨一下作为交互设计师，在设计AR应用时需要思考的问题。

在设计移动端APP的时候，最重要的事情就是要确保APP的可用性和易用性。如果一款APP可用性很低，没有什么实际价值，用户没有任何理由去使用它。如果一款APP是有使用价值的，但是需要用户花上大量的时间去学习如何使用，用户也不会使用。

回归到商业常识产品与服务才是长久之道，过度的营销在这个传播过剩的环境中反而容易引起用户的对抗。

 抱着理想走下去，跨出封闭的国门，你会看到前途是无限大的。眼界或者环境被约束了，你是爬不高的，甚至会自暴自弃，或者抱怨现实，或者失去长期坚持的信心。 就算爬高了，也只是指定一群人的尖子。不止是眼界，环境也很重要，想办法突破现实环境的约束，否则，你只能看到，web就像是被APP和 ios,android,创业,微信等等玩意儿淘汰的产物，特别是封闭在自己出生的国家，其实不然，不要相信别人说的，也不要相信你看到的，要换个环境， 体验你所感受到的。

越是简易，你的APP/网站就越出色。移动用户的界面可以有很多种形式和风格。