@C7210 ：之前发现这部 Julie Zhuo 在斯坦福大学的演讲视频，主题为“How Facebook Designer Thinks”，全长37分钟，共分为四个主题，包括“怎样识别问题、定义需求”、“解决真正重要的问题”、“为什么要设计新表情”以及“预先定义成功”。

虽然绝大多数的设计都遵循设计规则和用户的使用习惯，但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘，这一点是毋庸置疑的。在网页的导航栏设计上，也是如此。随着越来越多的网页开始采用加粗的非衬线字体置于网页顶部作为导航，许多有想法的设计师开始有意识的打破这一规律，别出机杼，采用不一样的导航模式。

当然，如果你的网站用户量大，并且需要尽量降低用户的使用门槛，遵循常规的设计更合适。如果你的网站是更加偏向实验性的小网站，有趣而好玩的导航模式，反而更适宜于用户探索。不同的导航模式对于网站的影响不尽相同，针对不同的内容、不同的用户，你需要仔细挑选导航模式。

实验性的导航并不具备泛用性，但是如果你在追求别具一格的设计，那么下面这些独特的导航设计应该能激发你的灵感。

侧边栏导航

网易UEDC – 何岩：本文是刚入行的交互设计师结合整个实际项目实践，尝试探讨交互设计师和产品经理、其他上下游同事之间的“共生”关系，希望帮助设计新人找到与上下游配合的一点灵感。

（工作原因，文中配图较模糊，请见谅）

协助产品经理确定产品架构

产品经理才是最懂产品的人吗？在项目初期，大家对产品的概念都很模糊，即使是产品经理也是通过来自各方的需求、数据和竞品分析等来大致搭起框架。这个框架是否合理，框架衍生的功能流程限定在什么范围，这些问题即使是最有经验的产品经理也不敢保证。

交互设计师虽然是产品经理的下游，也应尽早参与策略层（Strategy）的讨论，如果你的领导了解交互设计的重要性并且邀请你参加项目前期的务虚会议，你就应该珍惜机会，会前做好竞品分析等准备工作，会上以交互岗位的专业视角提出建议； 如果你不够幸运，不能参与到产品战略决策，只是承接上游下达的交互任务的话，那么也不要只是沦为画线框图的工具，要发挥主观能动性积极沟通，最终让方案变得更好。

编者按：从iOS 9改版到iOS 10之后，锁屏页面的音乐控件变大了，用户体验明显提高。那么最佳的按钮触摸大小应该是多少？经过1.2亿次的实验后，这个结果被微软/苹果等公司采用，强烈推荐学习。

@平行煎餅 ：你可能说不出来，但你肯定知道这种感觉——当你触摸手机应用界面而它不能正常工作时候，当你感觉你只有精细的点击，才能出发正确的命令时，那种混合起来的沮丧和失败感。

但是，如果你可以自己创建用户界面，你知道如何合理避免这种情况吗？如果你知道可以通过创建可靠的触摸元素，来帮助您的客户减少错误，使用效率更快，使用感觉更开心吗？

这是可能的。我们来探讨一下为什么。

记得之前写过关于标签导航如何设计的一篇文章，大体上的介绍了几种类型，这周正好遇到一个关于标签导航的问题：产品经理要求在底部的导航中由原来的五个主功能增加至六个，交互设计师如何说服产品打消这个念头？本周就这个问题我详细说下当中的几个要点以及延伸出来的几个问题。

成功的产品通常是构建在一系列优秀的设计之上的，它除了拥有优秀的框架、系统的逻辑和恰如其分的运营之外，它还需要符合用户体验规则的细节，和几经验证的最佳实践来作为支撑。

今天的文章，我们来聊聊细节，从视觉反馈、文案和留白三个角度，聊聊这些同样能够影响整体体验还很容易被忽略的元素。

视觉反馈

在许多设计方案中，视觉反馈是很容易被忽略的组成部分，然而它是整个UX设计中，对体验影响非常大的元素。没有正确的反馈，就没有正确的互动。想象一下，当你和人沟通的时候，对方根本不会给你任何语言、表情和动作的反馈，这是何等的尴尬。UI界面同样是如此。

用户会对缺少视觉反馈的UI界面感到迷惑。

你需要给用户一个反馈信号，让他们知道他们的操作是成功了还失败，接下来要向上翻页还是向下滚动，等等等等。

视觉反馈的主要目的在于：

·确认APP或者网页已经接收到了用户的操作或者提交的信息
·传达交互的结果，结果可见也可理解。给用户一个信息反馈，告诉他们任务执行成功或者失败

让按钮和控件易于被感知

在现实生活中，按钮和各种开关都被设计成易于互动、易于感知的样子，这样的设计让人们更容易控制，也能让事情向着预期的方向发展。而当用户面对UI界面的时候，他们也有同样的需求，他们希望按钮和控件能够像这些日常的设计一样，易于被感知，操控。

不管是在APP还是PC，不管是Loading页，还是在音乐播放器中，进度条的运用都非常广泛，形式也多种多样，让人眼花缭乱。做为一个交互设计新手，项目中也经常碰到进度条设计，总有很多疑惑在心中挥之不去：

目标： 为什么会有进度条的存在？引入进度条的目的是什么？

类型： 结合使用场景，进度条类型有哪些呢？它们的目标是什么？需要展示哪些信息？

形式： 进度条形式多种多样，怎样从本质上区分呢？

运用： 实际项目中如何选用合适的进度条呢？

下面列出了3种常见的进度条样式，我们将结合这3种进度条，一步一步梳理，希望可以帮助大家获得更加清晰的认知。

网站能承载多种多样的内容，但无论是哪种内容，通常都会遵循一定的信息架构。在这其中，故事是很特别的一种类型。讲故事，往往能以更叙事、更情感化的方式，将内容传递给用户。

一个好的故事，往往始于笔端，但是最终呈现，还是要依靠精巧的设计。那么设计是如何讲好故事的呢？今天的文章，为你分享一下创造故事的7个维度。

1、图片

首先，想要讲好故事，要通过设计在视觉上吸引用户。这一切要从干净清晰的视觉设计开始。壮美的图片，有趣的插画，惊艳的视频，都会抓住用户的注意力，并给予用户第一印象。

在视觉上足够突出的图片，搭配以文案，一切开始拥有了画面感，而故事因此而诞生。从照片到色彩，从文字到细节，故事所传达出来的信息和气质，和整个视觉设计应该是保持一致的，而好的故事，能够带着用户一路走过来。

编者按：说起usTwo 你可能没听过，但《纪念碑谷》你肯定玩过。这个全球顶尖的设计工作室还做过哪些酷酷的产品？他们是如何帮助设计师和客户合作的？想加入它们有哪些要求？这期直接让usTwo 的设计师为大家揭秘。

我们请到了设计工作室 usTwo 的设计师 Avalon Hu。她曾先后就读于台湾大学生物产业机电工程系和密歇根大学人机交互专业，曾在 R/GA 和汤森路透任职。本期我们聊了聊她如何从迪士尼秀场后台开始，转专业成为用户体验设计师；设计 Agency 的工作流程；usTwo 独特的企业文化和公司结构；最后她也与想加入设计 agency 的同学分享了自己的建议。

设计风格是一种很虚的东西，对于大部分的 UI 设计师来说，都是如此。

相信很多人都是在一家小型的互联网公司做设计，估计还是公司唯一的设计师，同时对设计风格又拿捏不定，总感觉是跟着产品经理或老板的思路去做设计。比如老板的要求是“大气”，谁 TM 知道这“大气”指的什么鬼？

即使花了不少时间去研究其他公司的产品，依然做不出领导满意的视觉稿，最后还被各个岗位的同事指点着去修改你一把屎一把尿喂大的稿子。

我上面也说了，其实这种事情（讲述设计风格）对于视觉设计师而言是一种很常见的现象。我身边也同样有很多设计师出现这个问题，不知道如何向领导或客户讲述自己的设计风格。

说个现象，仔细想想自己是不是这样的：我们在做视觉评审的时候，设计师讲述的常常是文字对齐、线条、高斯模糊、图片大小等视觉表现，有时候甚至沉醉于 icon 的角度及尺寸的问题。面对于产品经理与程序员的质疑只能说：我觉得这样更好看、这样比较适合我们产品的风格…之类的话。要知道，这些理由在如今这个以显性数字指标为衡量标准的互联网时代已显得苍白无力。

实话实话，想要把设计风格讲清楚，的确不是一件容易的事。但绝对要避免从感性的角度来阐述事实的这种习惯，毕竟现在的移动产品从视觉表现力方面正在逐步降低要求，这种环境的变化也是要求视觉设计师应该主动去加强设计思路的原因。

为什么要用这个颜色，为什么要用线条、模糊、留白、卡片、阴影…说这么多干嘛？别人能懂？即使听懂了，他也会从他的角度来告诉你：那我觉得这个阴影不要会更好。你怎么回复？