主要内容
-
构建一个良好的信息系统 2009-04-08 21:29
对于任何一个信息量巨大的网站来说，网站乐意把热门的信息放在首页，这是一个长尾头部，我相信大多数网站首页的信息量的总和，大不过非首页信息量的总和。那么，用户如何能找到他需要的信息？ 继续《web信息架构》的阅读心得分享，前文说完信息粒度，当网站明确一个最适合的一个信息单位，那么作为信息架构师要考虑的是： 1 信息如何产生？ 2 如何组织关联？ 3 通过什么渠道传播？ 着重说第2、3点 ... ...
-
怎样的面包屑导航更能体现整站架构 2009-04-08 21:27
在很多大厦或是大型超市的入口处一般都会树立路牌之类的标识来为用户指明方向，而进入到内部后则会有另外更详细的导航指示。这两者之间的关系就像是网站的主导航与面包屑导航一样，前者为用户做一个大概的结构介绍，而后者则是在大架构之后的细节延伸。 面包屑导航可以很清晰的标明用户当前所处的位置以及可供返回的链接，这在很大程度上解决了用户在网站里迷失的问题。用户从庞杂的入口到最终的目的地，面包屑导航是 ... ...
-
Letting Go of the Word... 2009-04-08 13:56
今天开始阅读《Letting Go of the Words: Writing Web Content that Works》。感谢白鸦~ Chapter 1 内容！内容！内容！ 人们是冲 ... ...
-
有关“门”的设计点滴 2009-04-07 14:47
今天来说说有关“门”的设计点滴，也算是对之前一些文章的整理。 首先是一家餐厅的斜门，杭州文三路学院路口的“牛家e族”，去晚饭时拍的： Ø 门不是正着开而是斜着开的，正好对着点餐台，而不对着任何座位，很不错，这样没有人在吃饭的时候会因为被进出的人参观而不爽，而且进门走向柜台也很顺畅。另有同 ... ...
-
排版自适应提升可访问性 2009-04-07 14:37
上回说到“大屏幕浏览页面的良好体验，本就应该用户自己调整窗口。” 根据屏幕不同大小，缩小窗口出横向滚动条在所难免，但理想情况下，页面应该能适应不同客户端浏览器和分辨率。实际操作通常又有三种情况：版面自适应、视觉自适应、内容自适应。 在windows系统任务栏空白处单击右键，有如下图的菜单，分别提供有“横向平铺窗口、纵向平铺窗口”的功能 ... ...
-
宽屏显示下的网站网页宽度 2009-04-07 04:34
当前的前端设计师有一个苦恼，就是用户屏幕显示分辨率的各不相同，并不能只按照一个模式设置网站的宽度，特别对于宽屏用户来说更为烦恼。 根据我的博客上月统计，1024×768分辨率的用户只占到50%，并且在逐月下降，而1280-1440这三个分辨率的用户则达到了35%，如果按照这个速度发展下去，明年就会超过1024分辨率，这说明，使用17寸普屏的用户正在加速减少，而17、19寸宽屏 ... ...
-
对网页宽度设计的问题应如何讨论？ 2009-04-07 03:21
在网页多宽才合适这个话题上，白鸦一开始就抛出了650这样一个数字。后来我在 GR 里面分享的时候写：【其实 650 是不准确的...或者说不够严谨。与显示器尺寸、DPI 有关。用字数也不行，与字的大小也有关。】 关于这个严谨不严谨的问题，后来在 Gtalk 上与鸦又更详细的讨论了一番。分享知识，整理如下。 1、Web 排版设计上，没有一个单位（指CSS长度单位）是可靠的。哪怕在CSS中理想化的 ... ...
-
宽屏幕下的 Web 设计 2009-04-06 23:12
我倾向于在 Web 设计中尽可能在最优分辨率前后都给予浏览器宽度一定的自由度. 往大去是为了在能改善体验的前提下充分利用大屏幕的用户的屏幕空间, 往小去是考虑到有时候用户并不是把浏览器窗口最大化, 或者不能占满整个屏幕. 举个 use case, 我工作的时候经常会两个窗口 side-by-side, 一个窗口是 Google Docs, 另外一个窗口呈现参考资料. 如果是在咖啡馆里面干活那 ... ...
-
到底要设计多宽的网页？ 2009-04-06 09:39
白鸦等同学，作为设计师，都在研究，到底多宽的屏幕适合于阅读。研究来研究去，他们认为，设计页面的人，首先应该考虑到，很多同学眼珠子没这么宽，必须限定为650-800宽度。也就是说，太宽了，就费眼睛，阅读速度也慢了，易用性就降低了（当然，这也是很多老外研究的结论，白鸦他们只是作为传道者，给大家传道而已）。还有，白鸦同学也说了，有1680或1920宽度的显示器，在看网页时，最好不要全屏，这样简直是自己折 ... ...
-
理想的相册查看方式 2009-04-06 06:59
一种设想：屏幕上的一块矩形，被几张照片排满，每张照片不能太小，要大一点，少排几张没关系。 点一下一张照片，矩形区域就变为这张照片，再双击照片，又返回多张照片排满的模式。 矩形一次最多只能排满几张照片，要查看更多，点击右下角的向右箭头，查看下一堆照片（该相册中的）。同样，矩形左边也有一向左箭头查看上一堆照片。 这样改善了现在网页显示图片的缺点： 1、垂直排放太多照片，要一直向下滚动并滚动到刚 ... ...
-
让阅读更流畅 2009-04-06 02:46
有价值的争论会带来思考，网站页面的宽度究竟如何设定？一个咖啡馆博客如何设计引起的争论。 用户的屏幕现在的屏幕趋势很可能会出现两极分化，一种是追求大屏幕，跟当初电视机一样，现在去中关村，24寸都成为主卖产品了。另一种趋势是小和便携，尺寸会越来越小，目前的上网本，大多还是保持了1024的宽度。以后，谁知道呢？显然，设计需要应需而变。 阅读宽度的尺寸和单位1 用百分比显然不利于各种分辨率的屏幕，这个 ... ...
-
宽屏不是用来阅读的 2009-04-05 15:25
首先得抛出个重要的前提观点，大屏幕、宽屏幕根本不是为方便“扫视”准备的。所以说以内容为基础的网站设计不用考虑超宽、超大的场景，甚至包括服务类网站都如此。 曾经在800*600为主流时，页面宽度大都以770或780px为标准；在1024*768为主流时，页面宽度大都以950或960px为标准。当时准则很简单，首页固定宽度，因为版面容易控制；内文页自适应宽度，因为可以让更大屏 ... ...
-
网页用多宽才更合适？ 2009-04-05 13:07
此文用来正式回复大辉同学的疑问。 . 1、结论：固定宽度只适合功能型网站，不适合希望用户认真阅读的浏览型网站。UCD大社区是浏览型网站，它的定位是“知识库”，希望你停留在这里认真浏览和阅读。 2、大屏幕不是用来显示更宽文字内容的，大屏幕下必然会面临鼠标长途奔袭的问题。建议用大屏幕的人：为自己的身体健康着想，在大屏幕下阅读的时候，养成缩小窗口的习惯。共勉 :) ... ...
-
请再次输入您的密码？ 2009-04-04 19:15
我晚上发呆了半小时想不出写什么东西来，多亏和Lin的一番聊天，让我有了一个话题可写。讨论缘于我上家公司的注册页面,Lin问我为什么只有一次输入密码而没有确认输入，下面是我们的聊天记录，征得他许可，我整理后发了上来。--------------------------------------------------------------------------------------------- ... ...
-
关于《UCDChina 的设计是否土鳖？》—... 2009-04-04 03:10
起因现场：http://www.flickr.com/photos/fenng/3409309938/ 起因:白鸦说fenng找的blog模版土鳖，冯大辉截图反击说UCDchina才土鳖呢， Fenng的截图：《一个宽屏用户的鼠标长途奔袭..》 白鸦 說︰ 哈哈哈。 说你土鳖吧，你还不服。 这个问题是这样的： 1、在1024下，中间没有空档。主要用户群的分辨率 ... ...
-
如何处理海量tab？ 2009-04-03 23:32
回国正好赶上百度用户体验部主办的UXday活动，我们小组讨论的话题是tab（标签）在使用时的禁忌。 我们讨论的话题集中在一个点上：如何处理海量的tab？ 首先回顾一下Tab的历史。这里的tab，是一类交互元素的统称，既包括在web设计中的导航，也包括在浏览器等桌面软件中的使用。被称为tab的交互元素一般有如下两个特性： 同时具有动作和状态两个含义。tab之所以流行，一个 ... ...
-
使用Alt提升可访问性 2009-04-03 09:13
alt的准确含义是，当照片不存在或者load错误时的提示。但同时img也同时支持alt和title，再有某些浏览器的错误解析，因此经常被误导并误用。最简单、准确的理解，在看不到图片的情况下如何用文字传达给用户？ 比如下图flickr的订阅图标通过alt告知用户Add to My Yahoo!，个人认为这里使用title进行操作指引更合适，alt属性应该进行描述。并且此时只有在IE6和IE7 ... ...
-
使用Title提升可访问性 2009-04-02 10:44
最早大家都没有给链接加title的习惯，后来因为w3c标准普及，又集体加上了title。从一个极端走到另个极端，于是出现很多怪异现象。两方面，第一a标签内title不是必须使用，第二title可以用在除了base, basefont, head, html, meta, param, script和title之外的所有标签。 抛开标签语义、搜索引擎友好等因素，在纯用户角度找几个场景来分析。 ... ...
-
让用户快速找到想要的表情 2009-04-01 14:59
在使用旺旺的时候，常常要用到旺旺表情。系统自带了99个表情使我们有丰富的选择，但是选择太多同时也面临着一个问题：有时想要找某一个表情的时候，需要花好多力气在一堆ICON里搜索想要的图片，虽然会记得图片大致放在什么地方，但是如果不集中精神去找，还是不容易在颜色相近的系列表情里直接点取所需要的。 在表情面板里选表情，大脑的活动过程大致是这样：设定目标，我要的是哪个表情，该表情长得什么样；缩小搜索范围 ... ...
-
把搜索框还给搜索 2009-04-01 08:12
1、搜索框的意义 用户总是和你想的不一样，用户很多时候是不会按照你设定的导航走的，他们更多的时候是上来就直接输入关键字进行搜索。对于购物者而言，如果清楚的知道想要什么，他们会很明确的使用搜索框，这种情况下购物者显示出了明确的购物意图，因此搜索框能够把该意图转变为真实的购买行为。来自Fast Search的数据显示，30%的购物 ... ...
