没有人喜欢等待页面加载，滑块或任何其它的加载形式。然而，有一些方法可以使加载更吸引用户，动画的应用在这方面发挥了重要作用。 今天，我们选择了20款免费动画加载形式分享给大家，一般以CSS3、HTML5或jQuery创建。这些将有助于用户直观的适应加载过程，从而提高网站或应用整体用户体验。 Single Element CSS Spinners 一段纯css代码实现的效果，简单易用，可以直接加在页面中。 CSS Rainbow Loader 这是一个用纯CSS实现的彩虹加载效果，采用了圆润的设计和鲜艳的色彩。让网站充…
动效能讲述故事。和图片不同，动效能够呈现变化的过程，讲述一段简短而有趣的故事，能够同你进行对话：“嘿，你该看这个按钮了”或者“哦耶！你刚刚完成了一个操作！”不过，动效的目标并不是单纯的娱乐用户，而是帮助用户了解交互的效果和界面中发生的变化，让用户更为有效地使用你的APP。Zurb 有一句话很好的解释了这一点： “我们设计的不再仅仅只是静态的界面，实际上，我们所设计的是用户从界面获得内容的过程。” 动效广泛运用于网页内容和背景当中，用来强化功能，提升美感：它会直接影响用户的行为，引导用户注意到特定的内容…
一个精心设计的网页头部很容易吸引受众的注意力,这应该是网页设计主要目标。 一旦你引起别人的注意,同时也抓住他们的兴趣和好奇心,他们就有可能在你网站上停留更多的时间，甚至再次回来浏览。 当然，如果没有一个合适的标题,也难以做到这一点。所以设计一个有趣的header，是我们的首要任务之一。 The Everywhereist Trent Walton Premium Pixels I am a food blog Keiko Lynn Five o’clock cocktails Floret Flowers Home…
越来越多的同学开始着迷UX/UI设计，这个领域的高手和爱好者也越来越多。于是大量新的想法、设计流程、设计手法以及形形色色的“原则”开始出现在这个领域当中，用良莠不齐这个词来形容UX领域其实非常恰当。用户体验设计需要你作出艰难的决定，成为优秀的设计师并不容易，你需要从错误中不断汲取经验教训，成就自己。人们总是犯着类似的错误，新的思路听起来很不错，但是并不足以成为用户体验设计的标准，但是也正是这些错误的修正，造就了真正优秀的设计。 许多概念看起来炫酷，但是稍加推敲就会发现它的谬误。还有一些规则看起来逻辑清晰，但实际也并…
编者按：不用折腾Photoshop，不用苦学色彩搭配，找个模板，轻松搞定！今天这组免费的建站模板全都是PSD格式，网站类型很丰富，满足大多数个人的建站需求木有问题，无论是想下载来学习还是实战，都非常值得收藏！ 微盘下载→ http://vdisk.weibo.com/s/u038UQMYQ7Ny Focus Landing Page Appz iPhone App Page Display Portfolio Fonzo Landing Page Intent Creative Seven Oaks Jetro P…
交互设计从来都不容易。它包括了用户行为的深度分析，和一丝不苟的规划。随着新技术和交互设计模式的出现，事情并不会变容易。 艳丽的图片、顺畅的鼠标悬停效果和意外的动画，不再那么容易引起用户注意了。但难题却没有解决——如何创造令人愉快的用户体验，让用户面带笑容完成转化？如果你对常见的设计陷阱有所警觉，就能更少犯错。 为了方便——可能也为了让你知道你不是独自一人——以下总结了最常见的交互设计误区。 1. 铺天盖地的创新 网页设计师都非常有创造力。我们希望通过作品来表达自我。我们总是在寻求创新的设计方法来脱颖而出。但是，当涉…
生活中许多东西都是瞬息万变的，不变的东西并不多，躲不过的死亡，和雷打不动晚七点新闻联播。在如此复杂多变的时代，要如何做好用户体验设计呢？作为一个用户体验设计师，多年一来我实践了无数想法，试图寻找关于用户体验设计的终极答案。 想来复杂，但说起来也简单。在这些年的探索过程中，我最大的感受是，用户体验设计师的工作本质上是深入用户的大脑去寻找答案。我们需要了解大量的用户大脑中对于设计的真实看法，剖析肢解这些信息，整理出潜在的问题，和他们所面临的困惑。 在设计过程中、之前和之后都要持续不断地做用户体验设计，这是一个永无止境的…
互联网时代的成功故事里，机遇和运气是增添它们传奇色彩的决定性因素。一个零售企业适逢互联网萌芽，在90年代这个网络拓荒期逐渐膨胀成为响彻北美 的互联网巨头，这是亚马逊的故事。而Facebook的开头则更有意思一些，校园创业，友情与背叛，在移动端设备过度阶段引领社交网络变革，成就了另外一 个走上互联网时代的年轻富豪。 故事的背后总有各种各样的解读，创业者的过往和人格魅力，特定时代的选择与契机，合作与竞争中的对抗与促进，等等等等。对，它们很重要，撇开那些虚无缥缈的影响因素和传奇话本一样的故事情节，这些互联网产品都有着相同…
在互联网+时代，数字内容的持续发展尤为重要，为了音乐生态系统的健康发展，一直着力支持正版音乐的QQ音乐，正在尝试在线售卖数字音乐专辑，一举扬起音乐圈数起波澜，整体销量非常不错。 设计背景&目标 在国外，音乐的版权市场相对规范，有像iTunes这样的音乐售卖平台，但在国内的音乐市场，版权的相关法律还不够规范、盗版音乐泛滥，用户习惯了 一直以来的免费听歌、免费下载，如果生硬地推出音乐付费，可想而知会引发不少负面反馈。于是，在数字音乐的售卖体验的设计过程中，如何让用户心甘情愿掏 钱，接受从免费听歌到付费听歌的模式…
记得初学设计时就常常听到这么句话，设计不单单是做出一个极具美感的躯壳，更重要的是它背后的实用价值——所谓设计的实用性。而在互联网里，这 种实用性更多的体现在用户体验上。美的视觉表达是第一印象，而酣畅的体验才是灵魂。随着移动互联的日益壮大，用户体验变得越来越重要。与此同时，也有很多 人认为炫酷的操作体验或者一些新颖的呈现是好的用户体验。我们且不说这种认识是否全面，甚至正确与否，那么问题已经来了那我们就从以下几个方面一并探讨这 两个问题。 1.内容引导 内容引导是一个站点最为重要的组成部分之一，而最为代表…
网站的参与感也属于用户体验的是否到位的衡量标准之一。我们所认知的用户体验可能只是如何让用户浏览时更顺畅舒适？又或是如何让用户减少思考和点击？而这些都只是于网站操作的用户体验，还有一种情感上的用户体验同样需要设计师的关注。 1.给用户一个贴近生活的真实场景 对于贴近自己生活的事物会有一种自然而然的亲近感。因此，如果能将这些场景融入网站的设计中，很容易让用户产生一种愿意自我带入情境的感觉，有利于引起他们对网站中的其他内容的兴趣。 IMM 2.拟物化场…
废话少说，直奔主题，各位童鞋请对号入座！ 1. 用通栏布局代替多栏布局 2. 给用户些好处，别急着做生意 3. 整合相似的功能，去掉零碎的UI元素 4.利用社会认同效应，别总是自吹自擂 5.主要功能需要多次强化显示 6.区分选中和可点击的状态，不要使用户困惑 7.布局有层次有重点，而非简单罗列 8. 允许用户撤销操作而不是使用弹窗需要用户确认 9. 明确的告知用户适用人群而不是简单的面向所用用户 10.简洁明了，直接了当 11.页面上多使用对比的方法 12.直接标出产地，别总单纯的讲历史 13.使用简洁的表单 14…
在研究响应式的时候，记录了一些感想，分享出来，抛砖引玉，希望可以和大家一起讨论。总结下来，响应式比之前想象的要复杂得多。 1. ie9以下（不包括ie9）采用ie条件注释，为ie8以及一下单独开一个样式文件 <!--[if lt IE 9]> <link href="lt9.css" rel="stylesheet" type="text/css"> <![endif]--> 2. 一个模块的mq样式整体放在这个模块的样式的之后，符合层叠逻辑，也同时以免被层叠。 3. 祈求在一个…
(Lennart Hennigs 著 Ellazou & Charrywang译 Crispinzhu校正 查看原文 转载请注明出处) 移动端用户体验设计正日趋成熟。衡量这一点的方法之一就是看工具。原型工具可以让我们创建线框图以及点击事件，比如Balsamiq、Axure以 及Fireworks，帮助我们诠释目标用户体验。跨浏览器的框架工具如PhoneGap、Zurb Foundation以及jQuery Mobile可以帮助我们用互联网本地化语言来创建原型：HTML、CSS以及J…
(Adrian Zumbrunnen著 Judithzhu & Lynnwang译 查看原文 ) 一些网页优于其他网页，不仅仅是因为它们的内容、可用程度、设计或是特色等等。现代网页间根本的区别在于它们交互及动画细节。我们将分享一些从各种模型中获得的经验，同时分析为何这些简单的样式能够如此好用。 当我们设计数码产品时，我们常常使用诸如Photoshop及Sketch这样的设计软件。大多数从事此行业多年的人显然知道设计不仅仅是视觉呈现。然而，很多人依然继续创造静止的设计。Steve Jobs曾…
什么是同理心设计 同理心设计是一个以客户為中心的设计方法，制造与产出注重客户的感情走向的产品。 苹果公司创始人乔布斯曾经说过：[it’s technology married with liberal arts,married with the humanities.]。意思是说，设计应是科技与人文的交融。 所以同理心的设计思考方式是以人为本，贴合人性，满足用户的需求与偏好的思考方式。 《应需而变—设计的力量》书中指出：“同理心即知道、感觉到、代入式地体验其他人的感觉、想法、经历，而自己并没有这些真实的感觉、想法、…
编者按：现如今，用户体验设计师已经成为开发和设计团队必不可少的成员。这一新兴的职位到底是怎样出现，从何开始的呢？今天通过这篇文章，简单温故一下用户体验设计的隐秘传承~ 在聊用户体验之前，先回忆一下上一次去餐馆吃饭的经历吧。 是什么让你选择这家餐馆？刚进去的时候，餐馆给你的第一印象是什么？服务员是否让你在等候一阵子之后领你去合适的座位？菜单放在桌子上的什么位置？浏览体验如何？你点了哪些菜？上菜的速度够快么？味道地道么？服务员够不够勤快体贴？你是否还想去这家餐馆吃？ 所有的这些问题都关乎你对于这家餐馆印象的好坏，也直指…
