[版权声明]:版权归作者Alite所有，转载文章请注明作者与文章出处:http://alite.aliued.cn
接着上个话题“谁为用户买单”聊下去。有一种页面大家都很熟悉，就是当用户使用搜索引擎搜索关键词后，如果数据库没有找到匹配的结果，所提供的反馈提示页面——专业上我们称其为“无结果页面”。
下面举几个常见的无结果页面的例子让大家更了解下这样的交互设计，我们怎样更好地给用户提示。
GOOGLE的无结果页面
BAIDU的无结果页面
首先拿两家专业搜索引擎网站为例,在可用性与用户体验方面,它们都是做的不错的.信息类的搜索引擎,搜索出的结果用户最关心:是否是准确的,是否是很多,是否是快速的.谷歌有条宗旨就是让用户快速找到需要的信息,并快速离开网站.所以他们把无结果页面也做的那么干脆——不好意思没您找的信息,要么快速离开,要么调整关键词,要么使用谷歌推荐关键词.百度的无结果提示貌似前几行和谷歌差不多,只有最后两行:提供搜索帮助链接,希望通过系统帮助的形式为用户解决问题,实在还是不能解决怎么办?请用户自己创造它吧——百度贴吧.
joyo Amazon
Amazon.com
eBay.com
以上是国外知名的电子商务网站,先说说卓越Amazon,当它用户搜索不到产品信息时,它提供用户一个反馈建议的入口,让用户尽情的宣泄自己的不满,打出了一张同情牌.能不能根本解决问题只有用户自己知道……再说说Amazon,它就聪明多了,先把无结果页面分成两种情况:1.能尽量匹配上的就尽量匹配,提供一个推荐的搜索相近词和相近词的搜索结果,还有一个反馈搜索建议的入口;2.实在没有匹配上的了,告诉用户没有结果,推荐一些其他畅销商品-比如畅销书籍.最后说下eBay,它的方式就更五花八门了,首先它会有礼貌的提醒用户没有搜索到结果,用户可以选择从结果中查询,或者点击高级搜索去扩大搜索范围.最后实在找不到了,没关系,用户可以把自己的需求添加到商城里让更多的卖家看到买家的需求.可谓贴心之极.
谈了那么多网站的无结果页面设计,说到底它们还是有一些通用模式的,我还是想原引一个HP的例子来具体说明无结果页面的布局.
HP.COM
提示用户结果
不管搜索信息还是产品,总要有个明确的答复吧.给用户明显的提示:用户说:”到底有没有?这个可以有!”网站回答:”这个真没有!”
建议改善搜索关键词并尽量提供相关搜索信息
这里可以通过书写几条解决方式或链接帮助信息,提示用户一些常犯的错误及解决方案(例如百度).如果有80%的匹配度希望也是可以提供搜索结果的,毕竟那是系统纠错的过程.
提供用户新入口扩大搜索
这个搜索入口一定要是扩大搜索范围的那种,先前的搜索范围没有找到相应的匹配,为用户提供更大范围的搜索,期望通过技术手段挽留住用户.(例如ebay)
提供用户创造需求的机会
所有的办法用户都尝试了,可是用户还是没有找到他需要的信息.怎么办放弃操作?给用户个救生圈吧,让他自己创建一个信息需求,让卖家看到买家的需求,这是用户真实的需求.
提供畅销商品或热门信息供用户选择
网站的确没用户寻找的信息,没关系网站可以推荐给用户一些畅销商品供用户选择.也许用户被网站的真诚打动选择了你推荐他的畅销商品或热门信息.
[版权声明]:版权归作者Alite所有，转载文章请注明作者与文章出处:http://alite.aliued.cn
嘀咕嘀咕：
每次写文章往往开头是最难的，总想给UED读者不同的sense。就像我们设计产品总是想迎合我们的用户，最后觉得好似跟在用户后面狂奔的傻子。我们希望通过教育我们的用户来尝试一些新鲜的玩应，用户是否买单就很难说了。从一个极端走向另一个极端，显然是不科学的。用户的需求一定要听，但要有鉴别的听。好的设计用户总愿意为它买单，差的设计用户会让我们为他买单。
类目选择：
这里我先从电子商务网站中比较重要的类目选择谈起，什么样的设计用户才会愿意掏出钱包支付设计账单?
eBay.com
EBAY的LIST搜索结果页面类目选择如图所示。
从EBAY的设计的样式看，国外用户更喜欢把类目选择放在最左边的位置，并且在LIST页面类目选择还是可以折叠的。根据最新YAHOO报告显示：可能用户点击左侧的比上面的要少，但是他们觉得这样促使了更多对Results和翻页的点击，并且没有对广告产生影响。也不需要用户在看结果前需要滚动……
针对以上的特点我设计了搜索结果后LIST页面一个隐性广告的方式，在为用户提供导航功能的同时，还为用户有针对性的提供一些推荐热卖商品信息。如图所示。
当用户在首页搜索框中输入MP3时，点击搜索按钮进入LIST搜索结果页面，将看到左边为MP3相关类目选择，右边为搜索OFFER结果页面.
上图给出了类目的几种状态（鼠标经过，鼠标移开，鼠标点击后），让用户可以轻松的选择自己需要的产品类目。同时，为用户提供关联度高的隐性提示产品信息,可以提高用户使用类目的黏度。当顾客在超市选择购买的物品时,他们会根据卖场放置产品的位置去寻找自己需要的产品.所以越简单的提示类目选择会对用户寻找产品越方便.由此,制定出一套类目选择规则的方案:
1.白色方框代表未被选中类目;
2.蓝色方框代表已被选中类目;
3.白色方框内含对号代表鼠标经过未必选中类目,鼠标点击后将变成蓝色方框已选状态,其他如有被选中状态将被取消;
4.蓝色方框内含叉号代表鼠标经过已被选中类目,鼠标点击后将变成白色方框弃选状态,页面刷新恢复到未被选中初始状态.
Alibaba.com
阿里巴巴国际站的类目的选择交互方式的诞生，其实听起来蛮偶然的，首先是内因：右边的广告位卖出去了，所以左边没有地方放类目选择和其他过滤条件。然后是外因：基于搜索结果页内容的侧重来说，绝大多数用户首先想看的还是结果，其次才是过滤等操作。所以国外大多数网站都是左右布局的，但当我们的过滤条件越来越丰富时，每用一次过滤或撤销，都需要对页面进行上下滚动。这对用户造成了困扰，这也是曾经在买家调研中获得的反馈。目前还没有绝对的定论来说明是左右好还是上下好。所以，我们还是要基于现有的内容丰富程度，作多种尝试。未来的国际站的类目也有可能是左右和上下的结合。
思想启迪
从阿里巴巴国际站类目的选择交互方式不断演化的过程中，偶然中孕育着必然的萌芽。当类目运营非常专业化时，是否先去引导用户点击类目；当所搜商品没有规范类目或少时，是否直接引导用户看Results。不同时期的侧重点应该是不同的，针对现在阿里巴巴中国站的现状，我们的主要用户群为国内的中小企业老板，他们对电脑大部分是初学者，交互控件的简单方便是我们首要考虑的问题。所以我们保留了一些中庸的方式，但不代表未来我们不会改变，随着用户年龄层次的逐渐降低，更多的青年中小企业的老板会重新组合我们的用户群体，他们拥有高学历，有新的思想愿意尝试新鲜的事物。那时候的类目交互方式的定位和现在一定不同。
属性筛选
很多电子商务网站中的属性筛选与类目选择联系的非常紧密，这里我也不想单独去谈属性筛选毕竟他们联合起来才能更好的帮助用户完成查找商品的操作。
eBay.com
eBay的属性筛选紧贴类目的下面，可见它们的关系非常的紧密。其中所有属性筛选条件都是可以叠加筛选的，交互控件也是非常常见的几种，减少实现成本，提高用户接受程度，使操作的门槛尽量放底。关于它放置的位置，也是和类目相同的考虑，前边已经说明这里不再赘述。还有一点也值得关注，把类目和属性都放在最左边的位置，可以让搜索结果OFFER尽量在第一屏显示更多条数，这是用户最关心的结果。在用户测试过程中，在购买消费品中的C类用户里更关心属性大于类目，属性筛选和快速筛选的操作频度会略高于类目选择。相比类目他们的黏度会更高。如果大家关注下，Taobao.COM的LIST页面属性筛选，原来是标签方式的，现在也变成了下拉菜单为主的控件。
Alibaba.com
阿里巴巴国际站他们选中四万个搜索词汇做类目直达，经过用户研究证明：这四万个搜索词汇用户关心属性筛选大过类目选择。所以国际站把属性筛选放在类目的上面。如图所示。
当选择属性中的内存大小，音乐格式后，当前的内存一行和音乐格式一行会消失，已选的4G与WMA会在已选行中出现。再次点击已选属性，将删除已选属性，同时页面刷新。了解用户的需求，进行数据分析与大胆的尝试，会给我们带来更多的商业价值。
思想创新
在思考中文站的类目与属性筛选的现状与网站目标时，我经常会问自己：目标用户是谁？用户需要一个什么样的搜索结果页，用户需要一个什么样的类目与属性筛选？
属性直达
根据用户研究给出的研究报告表明，测试用户中有2/3的用户关注属性大过类目，由此秉承大胆设想，小心求证的思想，我做了以下方案——属性直达。什么叫属性直达呢？按照某种算法，当搜索词与其中的类目名称或ID一致的时候就默认选中相匹配的类目。举个例子：用户想查找MP3这个搜索词，我们原来是先让他进行选择类目然后再进入属性筛选。现在只要用户输入MP3关键词后，系统将自动匹配到相关的类目下（同时也给用户可以选择其他类目的入口），用户再想精准定位商品，只要去选择属性就可以了。其实，类目与属性筛选深入其本质，它们都可以称为导航。其中导航有一条可用性原则就是尽量减少流程中的操作步骤。那怎么样才能帮助用户方便轻松的搜索到需要的结果呢？属性直达就是帮助用户解决问题的关键，把用户最关心的，最常用的操作首先推荐给用户。如线框图所示。
非属性直达
考虑到技术因素，有可能我们推荐的类目与属性未必是用户需要的。因此我们有必要针对以上的情况设置非属性直达的方式。用户依然是先选择类目，然后再选择属性。这样的一个方式是中国站普遍使用的一个方式。如图所示。
总结:
无论是属性直达还是非属性直达，目的只有一个尽快的帮助用户找到需要的商品。如果搜索结果做到足够的友好，用户不再需要用类目和属性筛选进行快速筛选，第一页前10条的搜索结果已经满足了用户需要，进入了DETAIL页面。未来也可能逐渐弱化类目与属性筛选，甚至可以把它去掉。思维发散的想想看，如果用户可以通过，思想传达，或口述传达，不需要用手去点。想一想，张张嘴，电脑就帮用户找到全球最佳结果的话，用户（买家）才懒得注意网站设计了多少精美的类目和属性筛选。
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://lilong4174.blogbus.com/logs/39063960.html
反馈这个词儿其实是控制论的基本概念，泛指发出的事物返回发出的起始点并产生影响。在信息交互过程（输入输出）中，它是一种界面输出物，用以提醒信息输入者他的操作结果。它有很多种形式，包括界面元素、声音、影像变化和物理位移（如震动）等。
我们这里讨论的反馈仅特指用户对网页表单元素进行操作所得到的可视化的输出信息，为了加强区分避免歧义，我们这里姑且称之为反馈提示。这里分几个方面对其设计中应注意的事项加以简要说明。
位置：
页面上的反馈提示作为一种信息输出，最重要的属性要求就是迅速明确的被信息输入者所知晓，这也是对设计师来说最重要的设计原则。执行起来，可以参照两条具体标准：
1.当前页面：反馈提示应该放在操作发生地的附近。
根据心理学的注意力分配模型，不熟悉或十分关注的操作都会占据人脑相当多的注意力资源，若任务有延时反馈，则操作完成后注意力发生聚焦，投射在行为发生地附近，以关注产生的结果。简单点说就是，我在输入框中输入内容，若有任何问题，我希望反馈就在这个输入框旁边发生。这是再正常不过的交互与反馈了。
这条原则对于有同理心的设计师们可以说是共识，他们普遍争议的是另一个问题，反馈与表单元素的相对位置究竟该怎样安排才最合理？实战派的主张“左右”，理论派的则倡导“上下”… … 但其实这一点并不需要太纠结，一般来说，如果宽度足够或不希望表单过长（想在一屏内解决战斗）、过于跳跃的话，那么把反馈提示放在表单元素右侧是可行的，例如淘宝的注册页：
如果对象是有严格逻辑顺序（如纵向）的系列操作，那么反馈提示放在操作流向途中（对应的表单元素下面）则比较合理，并能达到更好的提示效果，例如淘宝的订单页：
所以，上下左右并不像想象中有那么大的关系，只要在发生地附近，用户都是可以注意到的，只是程度不同而已。倒是怎样清晰明确地表达反馈与对发生地之间的关联、不让用户产生迷惑显得更为关键，关于这一点，jQuery Validation 所提供的 Plugin Demo里给出了一个比较好的思路，设计师们可以考虑通过一些样式的改变来制造一些联系。
现在facebook采用的也正是这样的一种方式，它通过加粗的边线与箭头更强的表达这种关联性：
2.刷新页面：反馈提示应该放在用户最渴望看到它的地方或最容易注意到的地方。
网页的加载特性让我们的操作区域有可能会在页面刷新后消失于我们注意力的聚焦范围之内。新的页面中，紧张、“短暂失忆”的用户不一定会拖动滚动条来找刚才的操作区域（原来的聚焦范围也很快消失掉了），进而找到反馈结果。他们担心、茫然，渴望在新页面中一目了然地看到它。这个时候，把反馈提示放在新页面中的显著位置无疑是最佳选择，页面导航的下方和表单区域的上方都是不错的位置。
状态，样式：
关于状态和样式在这里不去做过多的探讨，注意两点：1.将状态分类（对/错/提/警等）并进行差异化设计是一个不错的办法，至少对你的中高级用户会有一定的好处；2.icon能起到明显的状态提示作用，但选用时需慎重，要明确，要友好，不要夸张。至于形式上到底需不需要有底色、带边框、配icon、长箭头等，对反馈来说并不必要，不需要很纠结，具体情况具体分析一下，只要能引起注意、表意快速明确并且不让用户产生迷惑，所有的样式都是值得尝试的。
文案：
虽然说最好的文案就是没有文案，但这只是个遥远的vision，现实中文案必不可少，交互设计师是应该注意一些的，它的好坏直接影响用户体验。
首先你需要一个文案模板以辅助设计和保证统一性，业内比较认同的是“[状态+解释]+(解决办法)”的文案结构，一般来说，按照这个套路来，大体上都能保证文案的完备和明确。下图中都是同形式同指意的反馈提示，百度的说的就比YouTube要清楚。
除了明确、清楚之外，文案还需要尊重用户的扫读习惯和个人情感：比如，你想表达一个or的关系，用“或”会比用“或者”好些，因为“或”字会让两边的主体内容在扫读的情况下变得更容易识别；再比如，你面向的是注重风水和彩头的商人，也许“恭喜，只差一步…”就应该写成“恭喜，还有一步…”，因为你的用户们对负面的文字和语义会比其他人更加敏感… …
写文案比写文章困难，它需要更多细腻的心思和周全的考虑，在满足基本要求的同时还必须在狭小的发挥空间内体现出独特的产品气质，这是非常难能可贵的事情。如果你有精彩的案例，请跟我们分享吧！
出口：
出口，即上文中提到的解决办法，它可以是用户对当前反馈的非正常状态的解决途径，如图中的[?]；也可以是一个交互阶段结束后，系统给用户的操作引导，如图中的文字链接。在某些情况下，这些出口是十分必要的，这就好像当你告诉用户此路不通时最好指给他一条能通的路，当用户走到一个丁字路口时，你最好能告诉他是该往左还是该往右。
需要提醒的是，这种出口切忌太多，阶段交互结束后，对于思路中断并且茫然的用户来说，太多选择甚至比不上没有选择。按照用户心理需求和操作习惯排个序，最多放出两个，一主一次。
可以说有交互就会有反馈，反馈是交互设计中最前线最直接的一环，它的好坏直接影响产品体验。实际设计中，由于缺乏意识或项目时间紧张，设计师对这一块往往并不给以过多的关注，设计起来也比较仓促和盲目，这点需要特别纠正过来，在原型中期，就需要把表单元素的校验规则以及可能的反馈情况都设计好。这是一个良好的习惯。
【版权归作者Alite所有，欢迎转载，但请事先告知Alite并注明出处】
Bowman vs Google?设计PK数据?到底谁挑战谁?也许他们之间是互相需要的关系,让下面的回答拨开心中的迷雾.
【唠叨唠叨:摘要】在这个星期Doug Bowman离开谷歌的Twitter引发了很多激烈的讨论.在残酷的诚实邮件中,Doug Bowman援引谷歌”限制性的数据驱动工程文化”扼杀了设计创新.
大多数后续谈话已经出现了很多拥护者-Doug Bowman的捍卫者.其他人说,不管设计师有什么感觉,谷歌有权利那么做.我的观点是:这两个故事都是不完整的.
【唧唧歪歪:体会】
根本的问题是,设计是一门综合学科,而数据分析适用于教条,是一种还原学科.决不像誓言那样不会相互作用,这两个学科相互需要的程度很大.设计师帮助组织经验系统的级别(视觉层次,内容层次,信息架构,可用性规则,交互设计),而量化指标的关键就是验证决定.当分析被视为发明的主要驱动力时,问题出现了.-这就像针对草稿表设置皮尺一样,期待它设计出壮观的建筑.放心,天才不是在皮尺上.
艺术家和设计师有什么区别?艺术家没有更多的限制,设计师不同.因为设计师永远是在做一个平衡美学与可用性的事情,这也是为什么我们不叫他们艺术家的原因,而尊敬的称其为设计师了.所有学科（工程，设计，研发，营销，销售，质量保证，产品，法律，客户服务等） ，他们之间魔术般相互作用.度量在学科之间是一个绝对关键的接口,但是当仅被一个学科掌握和控制的时候,他们能够极大地限制了潜在的其他学科.
【问题】
如何使设计师把设计思想与智能地使用数据紧密结合起来，以提高它们的战略影响力?
【答案】
March 22nd, 2009 by Tom Chi
详细内容请见Tom Chi的原文请猛点here.
附上一种版本的《Goodbye, Google》翻译：
简介
Douglas Bowman
Google首席视觉设计师，2002年于旧金山创建Stopdesign，为Google、Blogger等公司设计页面及应用，2006年加盟Google，负责视觉设计，2009.3.20离开Google。
第一部分[共两部分]
今天是我在Google的最后一天。
约在三年前，我开始了在Google的工作。从零开始创建视觉设计团队、幸运的是我聘请到了一支由非常优秀的设计师组成的团队。我们将视觉设计作为一门学科带进了Google，而且我们一起做了非常出色的工作。我非常为我的团队而骄傲，祝福他们，还将有很多挑战性的工作在前方等待他们，但是于我而言，离别的时刻到了。
我有别的事情在召唤吗？是的，这个问题将包含在第二部分。所以我的离开仅仅是离职[译注:意指不是离开设计]，但是我也不会为我离职的原因来涂脂抹粉。Google的经营规模是早期吸引我的一个原因，可能影响数百万人？在哪儿签字？[译注：意指同意加入]不幸的是，我当时没有看到背后隐藏的一个小问题。
当我加入Google并成为公司的第一位视觉设计师时，Google已经七岁了，七年对于一个没有经受过一流训练的设计师的公司来说是漫长的。当时Google的员工中有很多的设计师，但是大多数设计师是计算机学科[CS]或者人机交互[HCI]学科出身。 而且这些设计师中没有一个在高级别，被尊重的管理层职位。没有一个能够通晓设计的原则与要素的人在[或者接近]掌舵，一个公司的设计决策最终被耗为乌有。当每一次新的设计决策出现时，批评者们大喊犯规。没有信念，疑惑滋生，注定失败。“这是正确的举措吗？”当一个公司充斥着工程师，它就工程化的去解决问题。把每个决策简化为一个简单的逻辑问题。从不考虑主观因素，唯数据是从。数据反应不错？Ok,发布。数据反应不好？回到图板。最终数据成为了每次决策的主要依据，这僵化了整个公司并且扼杀了作出任何大胆设计决定的可能。
是的，的确在Google一个团队[译注:意指视觉设计团队]是无法在两种蓝色之间有决定权的。所以他们测试了41种蓝色调[译注:可能是google首页左上方的工具条,我不确定]来看看哪个表现更好。我最近甚至有一次讨论关于Border应当是3、4还是5个像素宽度这种问题，并且要求证明自己的观点。我无法在这种环境下继续工作。我已经变得厌倦了争论这种细小差别的设计决策。在这个世界上还有更多激动人心的设计要去探寻。
我不能说Google这种依赖数据是错误的，而且我不能确切的指出财务问题或者用户数缩减来证明这些做法统统是错的。毕竟，这与数十亿股东资金休戚相关。公司有数百万全球各地的用户，这不是一个简单的任务。Google动力十足，而且管理层找到了良性运转的方式。当我加入时，我本来以为有可能帮助Google改变原有的设计理念。但是我最终明白了在我到来前Google的设计理念存在已久了。Google就像是一艘超级航母，而我只是一个试图把它推到正确方向上的小橡皮艇。
有曾经在Google工作过的机会，我很感恩。我学到的比我曾认为将要学到的更多。我会怀念那些免费的食品，我会怀念偶尔的按摩,我会怀念那些作家、政要和名流们的演讲或演出。我会怀念有机会在那些酷玩[cool toy]还没有公布于世之前去体验。最重要的是，我会怀念曾经和一群我所知道的最聪明绝伦才华横溢的人一起工作的日子。但是，我不会怀念那个将数据视为裁决之剑的设计理念。
[版权声明]:版权归作者Alite所有，转载文章请注明作者与文章出处:http://alite.aliued.cn
唧唧歪歪：概述
最近在D4得到一本(美) Penny Mcintire写的《Visual Design for the Modern Web》.突然觉得可用性交互设计中也应该融合点情感设计元素,其中一个表现方式就是WEB视觉设计.渐渐地我开始重新审视自己所走过的交互设计之路.从方正软件到现在的阿里巴巴中国站,每一次所经历的项目都给予我新的启示.秉承”大胆设想,小心求证”的思想,探索交互设计与其他WEB设计元素之间的关系,让我从中得到了不少乐趣,现与UED设计师们一同分享探讨一番.
Penny Mcintire提出交互设计位于技术，内容，网站架构和视觉设计交集部分，而且技术，内容，网站架构和视觉设计彼此都有交集互相依赖。
图1 Web设计中5个相互依赖的要素
在深入探讨Web设计中相互联系的5个具体要素（技术，内容，网站架构，视觉设计，交互）之前，我们先承认这样一个事实，即这些要素是一流网站所具备的，不可或缺的特征。我们需要处理好这5个要素，从而创建具有以下特点的网站。
易于维护：网站必须是灵活，可以升级的。这样，在网站整个运行期间，能够以最少的时间和精力，实现不断的更新。
具有美学吸引力：对于目标受众而言，网站必须是一种具有吸引力的，美妙的感官体验。
易于使用：也就是说，网站要具备用户友好，高效和快速下载的特点。访问者应当从发现所寻信息的过程中，或完成任务的过程中，获得高度成就感，而不是白白浪费时间。
技术坚实可靠：网站行为是可预知的，没有失效的链接。
唠叨下：技术层面
书中参考了12个颇受欢迎的网站的解决方式。其中它们都有一些共同几点原则：
在不同的浏览器，不同的显示器，不同的系统中，色彩和字体显示出不同的效果。
不能保证页面上的元素都按特定尺寸显示。
大多数新的品牌计算机没有显示在最佳或最高的设置
因此，你根本不可能准确地预知访问者的系统设置。实际上，所见即所得，应该是所见不一定所得。
唠叨下：内容层面
如果页面的内容不值得展示，那么，展示这些内容的方式，也就无关紧要了。如何赢得更多忠实的访问者？如何增加网站的粘和度？内容为王。也就是说，如果网站没有好的内容就不会有访问者。
唠叨下：网站架构层面
Web站点开发生命周期中：可行性—分析—设计—构建&测试—投入运行—维护，遵循着这瀑布模型。其中在设计之前的阶段网站架构就基本形成，在迭代的可用性测试中不断完善。网站架构，不过是将信息架构应用于网站而已。网站架构的许多任务，与用于图书馆的信息架构，具有相同的任务：分类，归类，组织网站要提供的零碎信息。目的只有一个，使访问者轻松地找到自己需要的信息。
唠叨下：视觉设计层面
美学，为什么那么重要呢？因为事实上我们就是通过封面，判断一本书；通过外观，判断一家餐馆；通过视觉设计判断一家网站。如果访问者正在寻找精美的服饰或儿童玩具，他们或许不会在一家满眼望去都是灰色调，视觉设计不鲜明的网站上花费时间。我们努力提升访问者美妙的体验，并不是放弃可用性的标准，我们一直在谋求利用Web这种媒介的独特性，刺激，吸引，迷惑，愉悦，迷住访问者。出色的视觉设计，能够赋予意义，提供语境，唤起情感。
Web页面怎么吸引访问者？如果表达不清楚，受众就不可能理解你的内容。如果表达没有吸引力，受重就不可能有兴趣尝试。
因此，让我们尽全力平衡形式与功能。创造视觉情感化设计的同时，使用可用性原则平衡弥合差距。如果说，可用性因素使网站具有功能性，视觉设计使网站令人难忘，那么，我们的目标是，二者兼具。
唠叨下：交互设计层面
交互指的是，需要访问者做出某种动作，比如点击按钮，链接，填写一份表单等，作为实现目标的方法，或进入下一个任务的方法。交互设计，超出了视觉设计的范畴，我们希望访问者不在是看客，而是主动的参与者。什么才叫好的交互设计呢？或许，大多数易于使用的产品，都是那些你没有注意过的产品。针对访问者而言，设计就像是透明的，看不见的。他在不知不觉中成功完成操作任务，证明设计的界面是标准的成功界面。界面是如此自然，直观，以至于用户都没觉察到它的存在。就好比好莱坞的科幻大片，让观众看不出用过电脑特技，也不会用特技作为宣传的卖点；相反国内的一些大片，不管拍的怎样，先把电脑特技搬出来做宣传。好的设计是透明的，好的交互设计不证自明。
此刻已经凌晨12点整，就墨迹到这吧，下一期继续唠叨《交互设计之路之******》先保个密。如想了解更多请狂点这里☺
[版权归作者Alite所有，欢迎转载，但请事先告知作者并注明出处：http://alite.aliued.cn/archives/301]
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://lilong4174.blogbus.com/logs/38668651.html
最近有些同学执于钻研，把资源都深陷在了axure的效果实现上，这让人有些担心，在工具和细节上的纠缠其实是违背做原型的根本目的的，其执着精神值得肯定，但应该把它用在最需要的地方，那些重复和不必要的工作，还是让模板来吧。
现在朋友之间共有几套被传来传去的模板，个人觉得还是acleandesign.com提供的“stencil”系列最为实用，里面几乎囊括了所有常用控件和主流的交互样式，只是效果实现手法上有点artificial（这当然是由于软件本身的原因）。比如一个Expand/Collapse的动画，居然是用wait time和move panel配合做了5个基于click的case来实现的（相当于搞了5个关键帧）。看着右边那满屏的case们，我是真的泪奔啊，我十分并且特别坚信作者就是那种能自己拿小刀在光盘上刻一套windows 7的人… …
不过不管看模板的心情纠不纠结了，我们还是得感谢那些模板的制作者们，是他们替我们干了脏活累活，为我们节省了宝贵时间。在此致敬。- -b
需要的同学请 点此下载 Axure_Stencils_2。
把自己在阿里推广页面设计过程中的心得编成打油诗分享给大家。
用户体验整文案，
罗列层级是关键；
题图设计创意先，
找词找图创意到；
主次按钮氛围造，
视觉引导要记牢；
下面样式上面找，
整体统一很重要；
内容排版耐心调，
虎头蛇尾太糟糕。
设计师拿到需求方demo时，先从用户体验的角度梳理文案，把文案变得更简洁、概括，不要让用户更多的思考。开始设计时先把内容全部罗列在视觉demo中，这个阶段可以没有独特的创意，但是分清楚信息层次是最关键的。
接下来设计从题图开始，因为题图很大程度上决定了整个页面的视觉样式，突显你的创意是题图设计的首要任务。我们可以从主标题和副标题中提炼出几个关键词来定位题图的设计风格，并且找到相应的图片素材来激发出更好的创意联想。题图中也要注意主次关系，把主标题放在视觉中心上，题图中往往会包含按钮，要尽量突出这样的行动点。题图设计时，营造一种切合主题的视觉氛围或再现现实的场景也是一种常见的手法。视觉元素的引导更加有利于信息的传达和页面的二跳。
下面信息内容区域的样式设计尽可能从题图的元素中提取，这样既可以保持页面整体风格的统一也可以提高设计的效率和质量。内容区域的设计是图片、文字、icon、button等元素的混合编排设计，重点是明确信息的层级，保持整体样式的统一。
