<![CDATA[runoo' blog - 用户体验]]>

<![CDATA[runoo' blog - 用户体验]]> http://www.runoo.com/blog/ zh-cn PBlog2 v2.4 runoo' blog http://www.runoo.com/blog/images/logos.gif http://www.runoo.com/blog/ runoo' blog http://www.runoo.com/blog/default.asp?id=233 <![CDATA[卓越网买书体验]]> jordanqiu@msn.com(admin) Wed,30 Apr 2008 14:45:59 +0800 http://www.runoo.com/blog/default.asp?id=233
建议：
1，将发票区移动到左侧，用户习惯的填写区域
2，在用户未填写的提示后最好用不同的效果显示未填写的区域，以便让用户快速找到

网页的截取]]> http://www.runoo.com/blog/default.asp?id=221 <![CDATA[sina的微小改动]]> jordanqiu@msn.com(admin) Tue,01 Apr 2008 16:53:17 +0800 http://www.runoo.com/blog/default.asp?id=221 http://www.runoo.com/blog/default.asp?id=214 <![CDATA[UI/UE方面的blog]]> jordanqiu@msn.com(admin) Fri,02 Nov 2007 13:25:03 +0800 http://www.runoo.com/blog/default.asp?id=214 http://www.wetstation.net/blog/tencent
Dooky http://www.exdooky.com/main.phpbaidu
Hiboo http://www.hiboostudio.com/Blog/default.asp
Jimmy http://aqua2run.com/microsoft
OnLing http://www.onling.net/blog/
Rokey http://www.rokey.net/v2/blog.aspmicrosoft
水水 http://www.6style.com/blog/snda
潇潇 http://hi.baidu.com/lanx1983
一翔 http://www.uilook.com/blog/
刘毅林 http://www.rainshow.net/weblog/microsoft
王心磊 http://www.pinnawhite.com/weblog/microsoft

UEer

Angela http://www.ucdchina.com/angela/
Moond http://www.moond.com/lab/sony
Panda http://www.aliued.com/pandaalibaba
Ryana http://www.uxstudy.com/
Windy http://dedream.blogbus.com/
白鸦 http://uicom.net/blogbaidu
臭鱼 http://www.chouyu.com.cn/tencent
大智 http://hi.baidu.com/interaction_design
郭宇 http://hi.baidu.com/guoyubaidu
张亮 http://blog.sina.com.cn/uiexpert
李雪明 http://blog.sina.com.cn/cognitive
吴隽辰 http://www.junchenwu.com/

UCDer

Ami http://www.amizhang.com/blog
Artec http://infodesign.cn/sina
BanLon http://www.uesee.com/tencent
Dte http://www.dtell.net/
Freeman http://www.uistudio.cn/blog/alibaba
Iqst http://www.iqst.cn/blog/sohu
Jary http://jaryxie.blog.sohu.com/
Sarah http://uisasawork.blogbus.com/
Seven http://hiseven.net/tencent
Todd http://www.todd-lee.com/blog/sohu
大萬 http://evstudio.net/adamwan/
九月 http://www.jiuyue.org/sina
何萧 http://hi.baidu.com/askhexiao/baidu
空格 http://www.esunweb.com/
麦兜 http://www.maidow.com/
赖正 http://www.5qer.com/blog/
奇遇 http://www.ui123.com/blog/
思域 http://hi.baidu.com/myey8
西贝 http://www.xibeidesign.cn/
谢巍 http://blog.d8in.com/
杨朔 http://www.yangsu.cn/
子条 http://hi.baidu.com/ui88baidu
刘云天 http://blog.xiaoxiao.com.cn/tencent

W3Cer

Dodo http://blog.donews.com/dodo
Realazy http://realazy.org/blog/yahoo
嗷嗷 http://www.loaoao.com/
怿飞 http://www.planabc.net/
小毅 http://www.andymao.com/andy/
张建斌 http://www.jluvip.com/blog/

Teams

Alibaba UED http://www.aliued.cn/
Alipay UI http://www.ucdchina.cn/
Taobao.com UED http://www.uiplanet.com/blog/
以用户为中心的设计 http://ucdchina.com/blog/
优势可用性博客 http://www.understandusability.com/blog/
]]> http://www.runoo.com/blog/default.asp?id=212 <![CDATA[加速站点的13条军规 by Yahoo!]]> jordanqiu@msn.com(admin) Wed,24 Oct 2007 11:45:43 +0800 http://www.runoo.com/blog/default.asp?id=212
Best Practices for Speeding Up Your Web Site 加速网站的最佳办法
Make Fewer HTTP Requests 更少的http请求
Use a Content Delivery Network 使用CDN （内容分发网络）
Add an Expires Header 指定过期时间
Gzip Components 压缩结构
Put Stylesheets at the Top 样式表文件在顶部
Put Scripts at the Bottom 脚本在底部
Avoid CSS Expressions 不在css中使用表达式
Make JavaScript and CSS External 将javascript和css文件分离到单独的文件
Reduce DNS Lookups 减少dns查询
Minify JavaScript 精简javascript
Avoid Redirects 避免重定向
Remove Duplicate Scripts 去掉多余的脚本('by www.aspxuexi.com asp学习网整理)
Configure ETags 配置实体标签
Make Ajax Cacheable可缓存的ajax
]]> http://www.runoo.com/blog/default.asp?id=210 <![CDATA[头可破，血可流，设计细节不能丢]]> jordanqiu@msn.com(admin) Fri,21 Sep 2007 13:05:42 +0800 http://www.runoo.com/blog/default.asp?id=210
因为自己在设计的时候就对这些东西经常不是很在意，以为是很小的事情，结果往往给自己搞出不少的麻烦。可能大家没有我这么粗心，不过还是想提醒一下跟我一样的设计师：细节决定成败。

1.提示信息
用户既然做了，那么是对是错、是好是坏、是成功是失败，总得给人家一个反馈吧？！给他们留一个能看到这些信息的地方吧。

2.帮助提示
当设计表单或者一些操作比较复杂的功能时候，千万不要忘记给这个地方加一个提示（帮助）哦！即使那是文案设计师做的事情，起码也要留一个地方。

3.无结果（404）、无数据页面。
每次做项目都会遇到的页面，逃也逃不掉。

4.文字折行，缺行。
设计师总爱在PS里搞一个最好看的宽度来演示效果，现在注意了：有的时候这些内容不会像你想像的那么听话。一个字符的有，一百个字符的也有，综合考虑下吧。

5.单词过长
这个问题老大难，一个表格（容器）里遇到“64d91eb441377ee66b823e3732f775ac64d91eb441377ee66b823e37…”这样的东西怎么办？

6.label标签
用到checkbox，一定不要忘记加！地球人都知道了～～

7.为你的连接加上title
这个就更不用说了，title=”一定要加啊！”

8.区别
可填不可填要有区别，必填选填要有区别，可点不可点要有区别，可选不可选要有区别，点与不点要有区别……

9.更多
有的时候加一个“更多>>”会让用户发现更多自己需要的东西。

10.翻页
信息多的时候，不要忘记还要翻页的哦！多少条一页？如何翻页？
]]> http://www.runoo.com/blog/default.asp?id=209 <![CDATA[原型工具]]> jordanqiu@msn.com(admin) Fri,07 Sep 2007 10:22:49 +0800 http://www.runoo.com/blog/default.asp?id=209 http://www.moond.com/lab/?p=136]]> http://www.runoo.com/blog/default.asp?id=204 <![CDATA[The ultimate webdesign usability checklist]]> jordanqiu@msn.com(admin) Thu,06 Sep 2007 11:05:51 +0800 http://www.runoo.com/blog/default.asp?id=204
　　Did you validate your (X)HTML using W3C Markup Validation Service?
　　Did you validate your CSS using W3C CSS Validation Service?
　　Did you check your website in at least IE, FF, Opera and Safari?

Images

　　Did you add the ALT and TITLE attributes to all your important images?
　　Did you add the LONGDESC attributes to all your image that need a description?
　　Did you write effective ALT text?
　　Did you make the size of your pages less then 50KB?
　　Did you choose the appropriate filetype for your images?
　　Did you add a description to images that support your content?
　　Did you use plain text instead of images for important content?

Content

　　Did you use a sans-serif typeface with a decent font size for your body text?
　　Did you adjusted the leading and tracking, if necessary, to increase readability?
　　Did you align your body text to the left? (depends on language)
　　Did you use EM or percentages instead of PX?
　　Did you make sure that there are no whole sentences in uppercase?
　　Did you use less then 78 characters, including spaces, per line?
　　Did you make brief and precise paragraphs with explanatory titles?
　　Did you use lists to sum things up?
　　Did you write your conclusion first and then your explanation?
　　Did you create enough contrast between the text and the background?
　　Did you make your website also accessible for text-only browsers?
　　Did you make sure that there are no ‘under construction’ pages?
　　Did you include a print function on pages with a large amount of text?
　　Did you include a print stylesheet?
　　Did you replace all special characters with the ISO Latin-1 codes?
　　Did you spell check your content and did you proofread for grammar errors??

Navigation

　　Did you make sure that all your links work? W3C Link checker does the job.
　　Did you include a link to all your main pages on your homepage?
　　Did you include your main navigation on every page?
　　Did you use no more then 8 items in your main navigation?
　　Did you distinguish the active and nonactive page in the menu?
　　Did you use self explanatory link text instead of ‘click here’?
　　Did you use self explanatory link text instead of business terms?
　　Did you make a distinction between visited and non-visited links?
　　Did you make a distinction between links and plain text?
　　Did you add the TITLE attribute to all your links?
　　Did you use breadcrumbs if you have a large amount of pages?
　　Did you include a search option if you have a large amount of pages?
　　Did you make your logo link to your homepage?
　　Did you make a skip to content link at the top of your pages?
　　Did you make a skip to menu link at the top of your pages?
　　Did you make it possible to browse your website using SHIFT-TAB and RETURN?
　　Did you make sure you didn’t use any javascript links?

Structure

　　Did you make a consistent page structure?
　　Did you place your logo at the top left?
　　Did you place an explanatory tag line next to your logo?
　　Did you place your search box at the top right?
　　Did you place important content above the fold/scroll?
　　Did you make your design on a grid system?
　　Did you make your design fluid using percentages?
　　Did you make your website also viewable on low resolutions?
　　Did you make custom titles (as in TITLE tag) for all your pages?

Forms

　　Did you make sure that users don’t return to an altered form after an error?
　　Did you make a friendly and informative error page?
　　Did you make a friendly ‘thank you’ page with a confirmation email?
　　Did you add only a ’submit’ button and no ‘reset’ button?
　　Did you tell the user what to expect after clicking the submit button?
　　Did you split long forms up into multiply pages?
　　Did you gave the user room to type?
　　Did you place an asterisk when a field is compulsatory?
　　Did you keep the standard look of input fields that is generated by the browser?
　　Did you create a logical order of asking information?
　　Did you use double input fields for passwords only?
　　Did you let the computer, not the user, handle information formatting?
　　Did you make sure that users can fill in the entire form using the TAB key?
　　Did you explain to the user why you ask certain information?
　　Did you explain to the user what you are going to do with that information?
　　Did you use realtime validation using AJAX?
　　Did you use the LABEL tag?
　　Did you place the LABEL above the input field, instead of next to it?
　　Did you choose the correct input type for different data?
　　Did you make the top input field automatically active using setfocus?
　　Did you destinguish the active field from non-active fields using input:focus?
　　Did you use the FIELDSET and LEGEND entities when appropriate?
　　Did you check if your forms also work with Javascript turned off?

Multimedia

　　Did you make sure that essential information/navigation is not made in Flash?
　　Did you make sure that music and videoclips don’t start playing automatically?
　　Did you make sure that music and videoclips can be turned off at any time?
　　Did you inform the user about the size and length of your music and videoclips?

Extra features

　　Did you make a custom 404 page?
　　Did you make a site map?
　　Did you make a rss feed? (if you add content regularly)
　　Did you make a high contrast version of your website?
　　Did you make good looking URL’s (like this one)?
　　Did you make sure that there are no frames on your website?
　　Did you make sure that there are no pop ups on your website?
　　Did you make a contact form instead of just an email link?

]]> http://www.runoo.com/blog/default.asp?id=195 <![CDATA[重读 Google Founders' Letters （创始人的信）]]> jordanqiu@msn.com(admin) Fri,03 Aug 2007 22:25:57 +0800 http://www.runoo.com/blog/default.asp?id=195
"Sergey and I founded Google because we believed we could provide an important service to the world—instantly delivering relevant information on virtually any topic. Serving our end users is at the heart of what we do and remains our number one priority."

“布林和我成立谷歌是因为我们相信我们能够为世界提供一个很重要的服务 — 在几乎任何问题上瞬息给人们提供相关的信息。为我们的最终用户服务始终在我们心里的最深处而且永远是我们第一重要的事。

“对长期的关注”

"Our goal is to develop services that significantly improve the lives of as many people as possible. In pursuing this goal, we may do things that we believe have a positive impact on the world, even if the near term financial returns are not obvious."

“我们的目的是要开发服务来大幅度改善尽可能多的人的生活。为了达到这个目标，我们会做一些对世界有积极影响的事情，尽管有些事情的短期经济利益不那么明显。”

“公司架构”

"We want Google to become an important and significant institution. That takes time, stability and independence. We bridge the media and technology industries, both of which have experienced considerable consolidation and attempted hostile takeovers."

“我们希望谷歌能成为一个重要并有影响的机构。达到这个目标需要时间、稳定和独立。我们要在媒体产业和技术之间架起一座桥梁……”

"When Sergey and I founded Google, we hoped, but did not expect, it would reach its current size and influence. Our intense and enduring interest was to objectively help people find information efficiently. We also believed that searching and organizing all the world's information was an unusually important task that should be carried out by a company that is trustworthy and interested in the public good. We believe a well functioning society should have abundant, free and unbiased access to high quality information. Google therefore has a responsibility to the world."
]]> http://www.runoo.com/blog/default.asp?id=182 <![CDATA[Tag Clouds ]]> jordanqiu@msn.com(admin) Wed,18 Jul 2007 10:48:21 +0800 http://www.runoo.com/blog/default.asp?id=182

]]> http://www.runoo.com/blog/default.asp?id=179 <![CDATA[404页面]]> jordanqiu@msn.com(admin) Wed,04 Jul 2007 14:23:40 +0800 http://www.runoo.com/blog/default.asp?id=179

引用内容

抱歉，未找到你要访问的网页！请确认你输入的网址是否正确。

如果你认为这是××网的问题，请告诉我们。

返回首页。

引用内容

翻遍了所有的地方，也找不到你要看的内容：（

你确信你输入的网址没有错误么？再仔细看看？

还是没错？那也许真是我们的问题了，找客服投诉吧，有了结果我们通知你。

返回首页。

c,来自抓虾

引用内容

没有找到网页~~
您正在查找的网页可能已被删除、重命名或暂时不可用。请尝试以下方法：
检查您输入的网址是否正确。
直接访问。如果您是通过收藏夹来访问抓虾的，请尝试从首页开始来寻找您的目标，并更新您的收藏夹。
去其他地方逛逛。抓虾为您提供了大量的精彩服务，选择一个您喜欢的链接继续抓虾吧~~~
好看>>
热文>>
频道大全>>
我的频道>>

在公司策划404页面时候遇到的问题，文字到底如何书写，
a，中规中矩，但是情况没有考虑完全，没有仔细分析各种出现404页面的情况
b，轻松，但是过于啰嗦拖沓，适合年轻用户
c，抓虾，说清楚了应该出现的各种情况，字数太多]]>