主要内容
-
设计案例探讨——iPhone计算器APP 2011-01-15 16:18
下面两张图，A是iPhone自带的计算器APP设计图，B是我做的设计优化。 我的设计调整基于给一般用户用，而不是给财务人员用，财务人员身边通常有计算器。 不同之处有： 去掉了mc、m+、m-、mr这些一般用户不会用的功能。 去除了“+/-”这个正负号功能，正号不需要，负号有“-”号就够了。 把加减乘 ... ...
-
交互学习笔记，Tab选项卡（一） 2009-07-12 01:51
Module Tabs(也称选项卡，后文中简称Tab，以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。 译注：本文中指的是狭义的Tab，指在界面的某一版块区域内所应用的Tab设计。实际上，绝大多数网站导航也是Ta ... ...
-
Web设计中9个常见的可用性错误(译) 2009-02-20 08:31
原文作者： Dmitry Fadeyev 原文链接：http://www.smashingmagazine.com/2009/02/18/9-common-usability-blunders/ 现在，比较牛的设计师和开发者都认识到了可用性在他们工作中的重要性。可用性好的网站会极大地提高用户体验，并且好的用户体验会让用户更加快乐。用聪明的设计决策取悦并满足您的访客，而不是阻挠和激怒 ... ...
-
关于信息架构的改版 2011-05-16 17:38
关于图虫的改版，里面的用户讨论应该很多，但是从官方产品团队看来，其实他们原来的产品结构，比我们还要好一些，之所以要改版，也是因为整个产品形态不够轻巧，现在的新版本，是向轻的方向发展，个人中心内容减少，主要突出了大家的互动内容，而与自己相关的资料，大量感少，收到一个入口或者另开一个新区域，比如小组就开了一个新的区域，放在顶栏上叫我的小组，这样首页和小组分开，各自各的纯粹。 最近在改网易 ... ...
-
电视平台下的四向键交互原则 2011-12-28 20:33
一、划分区块 “四向”键（含确认键）与鼠标不同，它的特点是按照焦点顺序移动。所以当含有大量的内容时，需要划分成一个一个的区块，以便于进行快速定位。 在选中某一区块后，再对具体内容进行操作。 二、十字结构呈现 ... ...
-
在国外的7则设计和生活细节 2009-10-18 21:22
随手整理出自己拍的一些照片分享一下。 1. 很早前写过垃圾分类标识问题的文 章，来看看日本的分类垃圾桶： 十分清晰、图形化的垃圾分类指示。 2. 成都公交车着火的事件发生 后，我们各个城市的空调车都开始纷纷配备“救生锤”，以便关 键时刻大家可以砸窗逃脱，但偷窃遗失似乎也很严重，全国各地都一样。 美国呢? ... ...
-
从FACEBOOK改版看SNS社区界面设计 2008-07-28 03:25
昨夜读了白鸦的浅析FACEBOOK信息结构设计，收益良多，思考之余得出很多对SNS信息架构设计的反思，特别是就FACEBOOK的信息架构设计是不是完美？我有不同意见，不吝分享出来。 白 鸦的文章中牵涉了导航设计的若干概念，比如全局导航、友好导航、关联导航等等，如果不能理解这些导航控件指的是什么，全文是非常晦涩难读的。其实我这里打 个比喻大家就明白了，我们可以把整个页面相像成一 ... ...
-
亚马逊网站导航栏的变迁史 2006-04-20 23:46
原文：The History of Amazon’s Tab Navigation 作者：Luke Wroblewski 译者：JunChen Wu 可以说是亚马逊网站普及了 Tab 式导航。这么多年来，他们一直在探索着一种用户界面，可以使他们越来越多的产品清晰的呈现在用户眼前。我们现在回头去看看亚马逊网站顶部导航的历史变迁也是一件非常有趣的事情。 ... ...
-
立刻购买与加入购物车的设计选择 2009-05-18 12:05
今天，参加了UCD广州第8期读书会。 很惨，坐远了看不清，坐近了风扇顶头吹着难受。 很好，享受了分享的乐趣。 这 期读书会的主题是电子商务网站的购物流程设计。会上介绍了淘宝的购物流程设计，一晃而过，大家没有展开讨论，个人感觉这个流程弱化了用户前期的了解、比 较、咨询过程，并不是从用户出发的角度。几个电 ... ...
-
简化输入 — 让网页表单更亲切 2012-02-10 23:18
大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢？页面的布局、逻辑组织、视觉样式等都是值得关注的细节，其中简化输入是最近常被提及的，在这里我分享下自己工作中的心得… 1、 更高大的输入框 增加输入框高度，加粗字体，可以让网页上的输入框看起来更容易 ... ...
-
怎样设计好一个搜索结果列表过滤器 2009-04-30 16:09
最近在做产品的时候，遇到搜索结果列表过滤器的问题，要想把过滤器做的好用，是需要花费一些脑筋的，不仅要对搜索结果中数据属性要熟悉，还要巧妙的将这些属性一一配对。搜索的作用在于按照某个关键字找到最多（最相关）的结果，而过滤器的作用在于找到最少（最接近）的结果。过滤器设计的几个要点：1.属性——搜索结果有哪些属性比如说手机，它的属性就诺基亚、三星，新的、二手、CDMA、GMS等2 ... ...
-
网站后台用户体验一个容易被遗忘的策划 2009-12-08 22:12
网站策划的目的是为了运营，以B2C网站为例，策划人员除了策划网站的前台页面之外，后台系统的策划也是必不可少的（如，产品发布模块，等某些大型 网站可能会有订单处理后台、结算处理后台等），我们必须先指明关键指标的适用角色，操作后台的角色无疑是：数据录入员、订单处理人员、结算人员。 那对于他们而言是其关键指标就是：提升效率、降低差错率！ 如何提升效率并降低差错率，就成了我这 ... ...
-
拒绝平庸——浅谈WEB登录页面设计 2012-01-16 21:42
用户活跃度是检验产品成功与否的重要指标之一，传统行业的商家极为重视门面的装潢，因为一个好的门面可以聚集人气，招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究，有一定的风水学说道理，更能彰显主人家的身份地位.由此可见，“门面’就如人的脸面之于人的形象一样重要，而WEB的登录页面就相当传统的“门面”。 现在越来越多的大型 ... ...
-
每日设计三推总结 (一) 10.02-10.... 2009-10-09 20:13
从10月2日开始“每日设计三推”计划。以web设计为主，兼之前端技术、平面、矢量、摄影以及素材。来源都是国外的blog。虽然都是英文的，但基本图像就可以说明一切，所以英语不好的同学也不用有负担。标签为#3dt 我的tw帐号：arthur369 。现在使用的客户端是http://dabr.co.uk/ 和http://hootsuite.com/。欢迎大家follo ... ...
-
电商网站商品评价模块设计 2011-07-15 16:47
对于消费者而言，要买一样商品，或多或少都会受到他人的影响，各种各样的信息聚合在消费者的脑中，它们共同影响了一单交易的发生。这其中很重要的一类信息就是别人的商品评价。 商品评价是很常见的电商网站的功能模块。让我们来看看商品评价都有什么样的信息结构。 商品评价大致分两类，一类是商品评分，现在一般是五颗星的打分标准，另一类是商品评论，主要由消费者的评论组成。 一、商品评分 ... ...
-
用户体验的模型 2008-10-22 18:48
用户体验相关从业人员比较擅长画Concept Map，所以关于用户体验有很多的Conceptual Model， 介绍其中几个比较著名的模型： 1. 5E模型 Whitney Quesenbery’s 5E Model by Whitney Quesenbery 有效性：表明软件是可用的，而且帮助用户准确地实现他们的目标。 效 ... ...
-
流程图和线框图的关系 2010-06-21 21:33
流程图(task flow)是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目的，每一个步骤用一个节点来表示，用线和箭头指示出每一步骤的方向和所要到达的下一个步骤。流程图意在帮助设计师很好的了解产品的功能结构和用户每一步的操作而达到白己的使用日的。 但是流程图也分为两大类： 一类是产品经理或者 ... ...
-
排版自适应提升可访问性 2009-04-07 14:37
上回说到“大屏幕浏览页面的良好体验，本就应该用户自己调整窗口。” 根据屏幕不同大小，缩小窗口出横向滚动条在所难免，但理想情况下，页面应该能适应不同客户端浏览器和分辨率。实际操作通常又有三种情况：版面自适应、视觉自适应、内容自适应。 在windows系统任务栏空白处单击右键，有如下图的菜单，分别提供有“横向平铺窗口、纵向平铺窗口”的功能 ... ...
-
电子商务网站评论设计探讨 2009-12-21 21:54
从CNNIC在2009年的报告中可以看到，超过80%的网民购物之前都要看评论（包括本站、其他站评论），超过80%的网民都比较信任口碑（包括网民、亲朋好友推荐），貌似又满足那个传说中的二八原则，我认为还算靠谱。 也就是说，电子商务网站商品的评论很重要，好设计可以提高用户参与度，好的参与度可以得到更多的优质评价，更多的优质评价可以直接提升产品销售率。因此，我们今天话题也聚焦在“电子 ... ...
-
“突破”平台UI膜拜-由iPhone想到的 2010-11-08 19:52
之前看到一篇文章，讨论iPhone 交互设计和Android交互设计的一致与不同，它强调平台本身的特性，不要照搬其他平台的UI设计，让用户感觉是在真正的使用一个android软件。 I think everything here is very relevant, and let’s keep them in mind. 我想到了我们的设计创新，设计师的设计意 ... ...
