主要内容
-
网页设计趋势发展历程之2009下 2009-06-07 22:21
More Web Design Trends For 2009 Smashing Magazine版权所有 作者：Smashing Magazine 译者：UCD翻译小组，波希米亚 原文地址： http://www.smashingmagazine.com/2009/01/21/current-web-design-trends-for-2009/ 译者序：09年快过去一半了，虽然文章早 ... ...
-
Pinterest“瀑布流”的呈现方式有什么... 2012-02-09 14:05
如果是田字格，人的视觉需要从上到下、从左到右的逐块浏览——全部都看，然后大脑再筛选过滤——这更适合有目的性完整性的信息获取，比如在淘宝搜索一个商品时提供的列表或大图两种视图。但是在一些随意性浏览发现的服务中，这种有点半强迫意味的田字格相当于增加了视觉和大脑的负担，会让原本随意性的浏览变得不随意。 pinterest的信息特点决定了用户只能是大量 ... ...
-
飞机座位标识设计 2009-01-27 00:45
大年初二，终于登上回家的飞机，一进机舱，左瞧瞧，右看看，都没发现哪有标明座位号。想了半天，我以前坐的飞机不是长这个样啊（当时我眼睛的高度基本如右图，应该还要再高一些。） 妈的，总不能去问空姐吧，连个座位号都不知道在哪里。要是问了，人家告诉你时心里弄不准还在骂，跟美女搭讪也找个好点的借口嘛，一点技术含量也没有…… 想了想空姐那笑嘻嘻的脸，还是算了，自己找！ ... ...
-
信息设计中的“父子关系” 2012-07-29 08:29
交互设计工作核心在于信息架构和交互细节设计.信息架构包括信息分类以及信息展示逻辑设计;交互细节则多表现为控件的选择,交互效果的定义等.在信息设计中,遇到最棘手的问题就是信息量太多而显得设计结果不尽人意,那么在砍不掉需求的前提下(信息太多,也许是需求本身还有被精简的可能性),如何解决这类问题呢? 通常来说,信息设计的时候有很对可遵循的关系在,信息间互斥,.信息间相辅相成,信息间属于 ... ...
-
了解产品之评论模块 2011-08-30 14:57
评论模块对于电商来说是十分重要的。在电子商务的世界中，用户面对的是一张张产品图，看不见摸不着，已购买者的评论对于用户是否购买该商品，起着很 大的作用。怎样设计好评论模块，使评价能直观真实的反应出商品的优劣，立体的将商品呈现出来？又如何引导已购买者客观详尽的对商品进行评价？还是从了解评 论模块开始吧。 我选取了12个国内有代表性的电商网站，大致将评论模块的模式分为以下几种： 1、 ... ...
-
自然而流畅——聊聊界面的切换动画 2012-07-18 17:20
在使用一些移动端的 App 或 PC 端的软件的时候，我们常常会有一些界面之间切换的操作，尤其是在移动端的设备上，因为屏幕尺寸和交互方式的特性，就更多的会出现这些切换的操作，而很突然地从一个界面切换到另一个界面会给用户带来困扰，所以在触发这些操作的同时，往往需要过渡形式的动画来引导用户是如何从一个界面切换到另一个界面的，我们来看看一些常见的界面切换的过渡方式 ... ...
-
交互组件微创新 2012-07-24 08:46
纵观交互设计发展史，就是创新的交互模式被广为接受后成为标准，旧的交互模式不断被淘汰的历史。所以交互模式发展也是一个“物竞天择，优胜劣汰”的过程。本文是09年在碳酸饮料会上做过的一次分享，当时创新的东西现在已经被广泛应用了。因为主题跟现在UX平台鼓励创新的目标一致，所以再贴一次:) 交互设计是一个创造性的工作，利用创新的方式漂亮地解决产品问题，是一个交互设计师价值的 ... ...
-
【译】手指友好型设计 - 为了更好的点击而设计 2012-03-12 14:11
玩飞镖的时候，靶心是最难射中的位置，因为靶心是整个靶面上面积最小的部分。越是小的目标，就越是难以达到。这个准则在移动设备的触摸屏幕上同样适用。 众所周知，对于触屏设备用户来说，面积小的目标比面积大的目标更难操纵。所以，在设计移动设备界面的时候，触控目标一定要充分的大，足以让用户操作 自如。但是多大才算充分呢？多大才是对于大多数用户最合适的尺寸呢？各大移动设备开发者已经认识到这个问题，最常 ... ...
-
探索滑动手势 2011-06-26 12:00
Nokia N9刚刚发布，滑动手势承担了更多的功能性操作。从按键手机到iPhone的Home键，让人不禁联想，实现全触摸屏手机已经指日可待了。 iPhone Home键已经承担的过多的操作，单击退出程序，双击进入多任务，自定义三击显示辅助操作，组合开机键截屏，恐怕这是所有手机中使用率最频繁的按键了。但是功能越来越多，要么继续压榨按键，要么挖掘新的手势操，责任自然落在点击和滑动这两个最基础的 ... ...
-
关于《UCDChina 的设计是否土鳖？》—... 2009-04-04 03:10
起因现场：http://www.flickr.com/photos/fenng/3409309938/ 起因:白鸦说fenng找的blog模版土鳖，冯大辉截图反击说UCDchina才土鳖呢， Fenng的截图：《一个宽屏用户的鼠标长途奔袭..》 白鸦 說︰ 哈哈哈。 说你土鳖吧，你还不服。 这个问题是这样的： 1、在1024下，中间没有空档。主要用户群的分辨率 ... ...
-
瞬间致胜-活动专题页信息表达法则 2012-08-02 11:05
每逢节假日各种运营推广活动如星云般涌现，在众多活动中如何让你的活动页设计脱颖而出，在最短时间内hold住用户脚步。下面我们一起看一下活动页信息展示法则，帮助你的活动页提升瞬间杀伤力。 一．重要信息突出展现 ● 活动页的重要信息是：活动标题（让用户了解是做什么的活动）、奖项设置（参与能得到什么）、参与入口（进入任务流程的通道），参与规则（如何参与活动 ... ...
-
AxureRP教程—变量使用进阶 2012-09-14 17:31
变量是AxureRP当中交互设计的精华所在，很多交互功能都需要用到变量，以达到更为丰富的展示效果，才使AxureRP能够实现大部分现有WEB产品上的交互逻辑。但变量也相对来说较难掌握，一般都需要对AxureRP有较为深入的使用了解之后，才能逐渐的掌握变量的使用，很多朋友使用AxureRP就是简单的堆砌一个静态的页面出来，那是根本用不到像变量这样的高级功能的，只有复杂的动态交互才会涉 ... ...
-
生活中的交互之小户型设计 2011-12-07 23:49
在房价高涨的今天，对于年轻的家庭以及单身一族来说，通常会选择小户型作为过渡。小户型设计却仍然要求“麻雀虽小，五脏俱全”，小面积与增加功能的矛盾日益加深。与小户型设计及其相似的还有近些年来兴起的手机交互设计。现在各个企业都如火如荼的进行着手机客户端的设计开发，手机界面尺寸有限，如何尽量少的形式表达出用户真正的需求，又让用户有好的体验呢？ 1. 减少不必要的 ... ...
-
注册表单的设计探讨 2010-09-02 08:56
最 近读了三本书，全部关于Form设计。如果你觉得Form设计怎么可能写成书，而且没有一行代码，我很理解。两年前当我在Amazon上看到那本Web Form Design时，也是同样的惊讶。学过HCI再回头看终于也能理解了，不过他人的研究还是“刺激”了我，往往在看到他们对细节的关注程度，才会深刻的感到 自己做事的粗浅与浮躁。 &nb ... ...
-
首都机场的点烟器 2011-02-27 11:57
首都机场的吸烟室里并不像其他机场那样放几个固定的打火机，而是点烟器，和车载点烟器基本是一样的：先按下加热，加热好后，它会自动弹起，拔出来，里面的电阻丝已经是红红的了，就可以点烟了。上图为车载点烟器，与首都机场的点烟器一样，加热过程中只是被按下去了，未显示进度，也未能形象的表现出“正在加热”的含义。 我走到点烟器的近前，按下，让它加热，然后等待，等了一会儿还不见动静，不 ... ...
-
符合国情的链接新窗口打开 2009-12-01 22:44
许多可用性专家一直把链接新窗口打开(target=’_blank’)认为是大忌。在他们看来，新窗口打开的问题在于： 用户将无法控制它在本页打开还是新窗口打开。这是不尊重用户的选择。 新窗口打开使任务栏更加地拥挤。 用户更加期望新页面在当页载入。 新窗口打开是“后退”按钮变得不可用。 实际上，在Neil Turner的文章中提到，以下 ... ...
-
意见反馈—小功能大设计 2012-09-13 20:51
意见反馈的功能，大家都已经熟悉的不能再熟悉了，却往往在设计的时候忽略掉这个功能，使产品在上线之后没有渠道供用户去反馈，造成初始产品信息收集出现障碍。或者是这个功能设计的太过随意，让用户在使用的时候非常不顺畅，用户体验很差，这样就造成用户反馈问题积极性的下降，也降低了用户的参与度。一个线上产品，没有用户热心的来反馈问题，这是比较可怕的，因为这就等于关闭了与用户交流的一扇窗，不得不靠闭 ... ...
-
一起来做故事板 2009-05-13 20:53
这一期的碳酸饮料会，阿福给我们介绍了一个设计利器：故事板。 故事板，起源于广告行业。在电影电视中，故事板的作用是来安排剧情中的重要镜头。他们相当于一个可视化的剧本。故事板展示了各个镜头之间的关系，以及他们是如何串联起来，给观众一个完整的体验。 故事板在交互设计领域的定义： 用图文结合的形式来描述一个完整任务或是交互动作的可视化剧本。 故事版的几个侧重点： 故事板是 ... ...
-
移动应用丰富动效的六点原则 2012-05-08 12:21
如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机；丰富的动效可以让你的应用彰显效率，提升品质感；丰富的动效可以让你的应用充满魅力，引人探索；丰富的动效可以让你的应用减少焦虑，消除等待感；丰富的动效可以让你的应用充满韵味，有节奏感；丰富的动效可以让你的应用有出奇的信息组织，整洁高效。 这里主要介绍六种简单通用的方式—— ... ...
-
VISIO2007流程图形状提供下载 2009-04-12 23:08
首先感谢 Allen同学，向全世界人民共享了他制作的VISIO2007流程图形状(查看介绍和下载地址) 本流程图形状正是基于Allen同学杰作之上的稍微修改，经过试验，只适用于VISIO2007版本。形状不是很全，可根据需要自行修改、添加、删除等。下图为部分形状预览 点击下载VISIO2007流程图形状 同时可查看我的另一篇文章：医生说，里面有一个简单的范例 ... ...
