主要内容
-
简谈信息图形化显示 2008-08-31 00:46
今天早上上校内网时，突然想起要给自己的帐号设置一点隐私，不能让所有的人都看到我的信息！（其实也没必要，我又不 是帅哥，又不会有人骚扰我，只是突发奇想），当我打开“隐私设置”的时候，却发现校内网与其它网站的明显不同。如图，在选项的右边有一个小小的横杆，一段 实一段虚： 无疑， ... ...
-
互联网表单设计之组显示 2009-07-12 01:55
组显示 为了弥补显示非活动方案中初始选项的无关性，可采用可视化分组绑定初始选项下的每套基于选择的输入方法，如图12.12。 图12.12 http://www.flickr.com/photos/rosenfeldmedia/2367272206 基于选择的输入组显示将所有跟进问题以初始选择的补充方式显示。 不过此方法中，很多额外输入的视觉重量迅速降低了初始选项 ... ...
-
构建一个良好的信息系统 2009-04-08 21:29
对于任何一个信息量巨大的网站来说，网站乐意把热门的信息放在首页，这是一个长尾头部，我相信大多数网站首页的信息量的总和，大不过非首页信息量的总和。那么，用户如何能找到他需要的信息？ 继续《web信息架构》的阅读心得分享，前文说完信息粒度，当网站明确一个最适合的一个信息单位，那么作为信息架构师要考虑的是： 1 信息如何产生？ 2 如何组织关联？ 3 通过什么渠道传播？ 着重说第2、3点 ... ...
-
关于Google“音乐泡泡”三言两语 2009-04-16 02:16
最近Google音乐搜索上线了，推出了一个很有意思的工具”音乐泡泡”。打开界面左边是五颜六色的音乐泡泡，右边是一大堆选项，看上去很是”专业”，我起初点击打开的时候就误认为是一个随机播放列表，不过用着用着不对，原来是用音色本身来进行的音乐搜索工具。但是如果这么去理解的话那么这个工具就完全没有任何用途了，因为对于一个一般用户有谁能从节奏，声调， ... ...
-
确认页的设计 (二) - 形式的抉择 2009-05-12 23:13
你会看到很多种二次确认的形式。 本文或许不会涵盖到所有，只有最常见的（欢迎你随时提供案例哦）。 接下来的内容会按照以下目录组织： 1. 二次确认页有哪些形式（两个划分维度：设计角度与内容和功能维度） 2. 二次确认页的替代方案有哪些？ 3. 如何选择不同的形式？ 二次确认页的形式： 从设计角度划分： 1. 系统弹出框 ... ...
-
关于导航的探讨 2009-01-07 12:54
许多网站缺乏针对性和友好的导航设计，难以找到连接到相关网页的路径，也没有提供有助于让访客/用户找到所需信息的帮助，用户体验非常糟糕。这篇文章，我们尝试就网站导航交互做一些探讨。 首先对于WEB交互设计师来说，解决上面遇到的问题，使之简单的方法是设计一套完善的网页导航系统。 优化网站导航设计的目的 一个网站导航设计对提供丰富友好的用户体验有至关重要的地位，简单直观的导航不仅能提高网站易用性，而 ... ...
-
支付宝实名认证中的困惑 2008-12-15 20:50
帮一位MM开通她的淘宝网店，在进行实名认证时，遇到了一些问题，让这位准店主感很郁闷。说明一下，当时为了提高准店主MM的WEB操作水平，让她本人亲自操作，我只在一旁观看，这也算是帮淘宝与支付宝做了用户测试了。困惑一、未知操作可能让准店主们退缩：准店主MM满心欢喜的要发布宝贝时，进入了下图中的页面，提示要先进行实名认证，否则买家是看不到宝贝的。但在此之前，并没有提示过开店铺有这样的步骤（也可能提示过， ... ...
-
UPA中国网站：史上最烂的可用性协会官网 2009-02-03 18:39
在国内所有组织当中，人们会认为“可用性专业协会”会更懂得不应为用户使用网站增加过重负担。然而，UPA中国的做法就恰恰相反：UPA中国官网重要内容、栏目链接错误、资讯几年未曾更新、会员服务仅提供登录与查询等等。总之，成立了长达快5年之久的UPA中国，官方网站用户体验极其糟糕，简直可以说是史上最烂的可用性协会官方网站。（网站地址：http://www.upachina.org/ ... ...
-
关于网站地图 2010-12-14 19:16
从前有三只小猪，长大自立了分别造房子住。老大搬来草堆堆出草屋，老二搬来木头搭出木屋，老三搬来砖头，砌墙，造烟囱，造出了坚固的砖房。一天晚上大灰狼相继吹飞撞毁老大老二的草屋木屋后，来到老三家门口。进不去砖房傻眼了，看到烟囱就趴上屋顶跳进去，不料掉进锅炉变成了大灰狼火锅… 这故事都熟的吧。用咱常用的map表达出来呢就是下图的样子： 描述网站的Site ... ...
-
怎么做一个专业的btoc网站。 2009-03-12 09:22
对购物网站来说，网站就像是实体店面。在实体店中，店面如何布局、如何装修，商品如何陈列、如何展示，都是很有讲究的；店员的穿着打扮、口头语言及肢体语言都是有一套的。对购物网站来说，顾客不能和商家面对面交流，对网站很陌生，不信任网站，担心受骗；也摸不着商品，没有触觉，不能感觉到商品的材料与质量。 这些情况的印象叠加得到的结果导致用户“不信任”网站，“担心受骗& ... ...
-
让界面更加清爽 2011-05-06 15:28
夏日要到了，酷热的天气，灿烂的阳光，想在夏日里获得众人的目光和赞美，快试试小白介绍的几招，一起打造清爽的夏日装，让在一切更加舒服，有活力。 嗯…咳咳。这是说视觉界面上设计的事，无论是web、移动或客户端，要想视觉更加清爽下面的建议都会有帮助的。 1.让布局更有空间感 脱掉！嗯…对的… 要想清爽，就得把身上多余的衣物，一层一层的脱掉！ 在一个有限 ... ...
-
交互设计杂七杂八 2010-09-21 10:57
交互设计就是研究人与物体之间如何互动的问题，比如按电梯时，按钮立即高亮，同时屏幕上显示电梯现在所在楼层数，这个过程就是交互设计，而电梯按钮用什么颜色，外观有什么花纹就是视觉设计。 交互设计不能解决决策战略层的问题 交互设计是表现层的东西，解决的是好不好用的问题，而不是决策战略层。不要指望它解决是不是有用的问题。 易用性不是指网站的受欢迎性，吸人气性，是指在网站完成 ... ...
-
移动端的拟物化设计 2011-06-15 16:36
人在处理信息，学习和记忆的能力是有限的。现实生活中人们又会经常受到各种客观因素的影响,所以有效的降低用户的操作和学习负担能够使产品更易于被广大用户所接受。随着互联网产品设计越来越重视用户体验的今天，除了产品本身的功能的创新之外，产品与用户之间的交互体验成为各个公司追求的目标。好的设计不但在视觉上带给用户更多美的享受，同时还可以从视觉层面帮助和引导用户完成所需的操作。 一.模拟现实中的场 ... ...
-
下厨房的搜索OR分类之思 2011-12-25 17:21
在豆瓣上看到了豆瓣FM的产品经理小丸子写的一篇日记：产品分析——搜索or分类。很有意思，小丸子认为：对于下厨房来说，分类的用处小一些，因为大多菜名都会默认包涵“分类”名称，比如“羊肉泡馍”、“牛肉土豆”、“奶酪蛋糕”。一个用例是：用户在下厨房里想要找寻找与“鸡&rdq ... ...
-
生活中的设计：有借有还 2009-05-15 00:01
下班时外面在下雨，于是到大厦一层借伞。可惜，几十把雨伞都被借光了。倒霉！ 仔细一看，光秃秃的伞架旁边，挂着一个小告示，上面画着一只调皮的雨伞，对前来借伞的人说： 别忘了把我送回来哦！我还要送别人回家呢！ 借伞处的告示 看到这句话，我笑了。我也经常忘记还伞，往往几天后才想着还回来。其实，一把雨伞并不贵，就算不还，也没什么损失。真正带来麻烦的，是大厦。他们 ... ...
-
网站导航条的用户需求分析(二) 2011-05-26 19:36
网站导航条的用户需求分析(一) 网站导航条的用户需求分析(二) 十一，树形导航导航树就是一种垂直导航形式十二，雷尔导航菜单 这是一种类似面包屑的导航菜单，但其本身又集成了子菜单显示功能。 可以很清晰的看到网站本身的结构层次，同时每个导航链接又可以显示其对应的子菜单。 十三，返回顶部链接 在文字较多的网页页面上，加上一些top返回顶部链接可以方便一些用户阅读十四，扩 ... ...
-
潜谈产品设计中的可用性和可访问性 2009-01-17 22:59
在用户体验这个行业，经常会听到，可用性，可访问性这样专业的名词，但是，事实上在很多产品实现过程里都忽略了这一点！WHY？ 举个很简单的例子，用户的注册流程，很多交互设计师在做这块流程设计的时候都无可避免的忽略了部分可用性和可访问性，直白点说，产品的应用场景没有cover全用户群，损害了这部分用户的可用性和访问性。 太抽象？不明白？好，那我们就用户注册流程展开， ... ...
-
网站是否需要在线客服？ 2010-01-09 17:26
【说明】：本文所有截图源于网络，与本身截图的产品无关，仅为举例说明。同时本文讲的很浅显，改天从技术层面讲一下行业网站怎么应用。 昨天和一个朋友聊起网站在线客服的事情，即： 要不要在线客服功能？就是这个： 弹出的时候，好恶心! 要不要电 ... ...
-
【译】雅虎产品经理设计模式第一期--Acco... 2010-10-19 13:52
Accordion（或Accordion菜单）指分组且可折叠的面板集，能在有限的空间里提供大量链接或是其它可选择的内容供访问。 每个内嵌式面板有可能单独展开（这时往往其它面板都会闭合），通常鼠标经过或是点击特定面板的标题（或是面板上的展开/折叠元素），就会展开一组子选项。 解决了什么问题？ 如果想在有限的空间里塞入大量内容，或是当内容一次性全部展示时会导致用户无所适从时，问题就来 ... ...
-
浅谈人的视觉对交互设计的影响 2008-10-25 17:05
这是阅读《人机交互（第三版）》一书1.2.1"视觉"小节的读书笔记。 1.受人类眼睛的工作原理所限，"注视着屏幕中部的用户"难以或无法"读到底线上的帮助文字"（p5）。 遗憾的是，相当多的软件设计违背了这一原则。常见的如浏览器的状态栏，浏览器在接收到用户的点击后，通常将相应的反馈信息放在状态栏中显示，问题是状态栏通常位于浏览器底部，处于视野范围的边缘，其中的变化很难引起用户的注 ... ...
