易栈网-膘叔

看到本文的朋友，请帮忙在http://wsk.alisoft.com/crs/wcc/personal!list.jspa?uid=5651165为我投上一票，谢谢

目前，在使用旺旺时，只有一个聊天窗口。

在右侧店主头像旁边有一个推荐图标，显示的是店主网店内的一些推荐商品。

事实上，这些是肯定不够的，所以我认为可以有几个小方法来加强用户体验

1、在聊天对话框的最右侧，即黑名单旁，增加一个“店铺推荐”。点击后，在聊天记录框上层推出一个DIV层浮在上面

     如果用户是点击商品与该店主联系，点击此按钮时，则显示访商品所在分类的其他商品。如果是直接在店铺首页点击旺旺与店主聊天，则显示该店铺的推荐（也就是用户信息旁边那个五角星按钮的功能）。

    理由：用户除非是目的性很强的购买，否则，都是在犹豫，有这个功能，可能会促进商品的成交率

2、在聊天对话框的最右侧，即黑名单旁，增加一个“商品对比”

    如果用户是点击商品与店主联系，点击按钮时，弹出同类商品的对比价？或者弹出该商品与一些类似商品的列表，由用户选择进行对比（但这个功能，可能会使得用户购买行为失败。。。）

3、临时群（可以显示在商品页，也可以显示在旺旺上）

    用户在购买某商品时，如果该商品已经有很多人购买，则可以使得用户点击“临时群”功能，与曾经购买过该商品的人进行聊天（随机安排），一来可以了解商品的性能，二来也可以聊聊商家的信誉等

    优点是方便了购买者对于商品性能和价格的确认，对于商家的历史行为也会有所了解

    缺点是1.容易被马甲所引导。2.曾经购买过的用户不一定愿意与他人分享这种经验，是否会认为侵犯隐私？

4、好友排序、限制分类

   旺旺在添加好友时，应该对分类的个数进行限制，这对用户来说，就相当于让他们对自己的好友进行合理的归类。虽然限制了分类，可能让一些用户不满意，但同时好友排序功能，又能让他们可以更方便的与好友联系（现在的排序只是自然排序，按名称或者按时间，在线的排在不在线的前面），未来设定好友排序后，我可以把在某个分类里经常联系的放在首位（可能会适合商家对经常在本店购物的用户适时的推送信息）

5、合理推送信息

    用户如果设置某个店铺为关注或者收藏，那么该店主有权利适时的推送信息（或者由用户订阅该店铺的RSS？）

6、分类RSS（订阅RSS）

    这个就可能有点象51job了，用户购买前，肯定会在淘宝上拼命的搜索，在设定一些固定搜索条件后，例如：品名、分类、价格排序规则、商品地区、商家等级后，生成RSS，由旺旺来订阅。等到购买商品后，再清除订阅。

    可以很方便的使用户了解该商品的最新信息。。。

随便谈了谈这些想法，希望有用。

纯收藏 。过段时间页面改版的时候，应该会用到这个功能。。

有些东西找起来很麻烦，好用的又不太容易找到，之前看到很多用JS写的，固定漂浮这种效果拖动时难免会产生抖动
自己对CSS还是蛮有好感的，找来找去找到了天涯，仔细一看是纯CSS的，没有使用JS效果
我觉得它比之前看到的要精简些不用嵌套多余的DIV

简单的看一下CSS样式部分：

body {
background-image:url(text.txt); /* for IE6 */
background-attachment:fixed;
}
#bottomNav {
background-color:#096;
z-index:999;
position:fixed;
bottom:0;
left:0;
width:100%;
_position:absolute; /* for IE6 */
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
overflow:visible;
}

HTML部分加上这个id为 #bottomNav 的DIV即可：

<div id=”bottomNav”>固定漂浮物在此处O(∩_∩)O~</div>

再看看这些需要注意的地方：

_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);

看到 _top 大家都知道是为IE6独家准备的，但是当我只加了上面这句时，IE6下拉动滚动条看到的这个漂浮物是抖动的-_-|||
解决方法我们为IE6添加这样一条语句：

background-image:url(text.txt);

注意这里的 text.txt 其实不需要有这个txt文档，txt的文件名叫什么看自己喜好喽，如此一来我们就解决了IE6下的缓动问题。

PS:你可能会对 text.txt 和 expression 感到郁闷，也有人使用多嵌套一层 DIV 做了个假滚动条实现了这个方法，当然这种方法在也会相应的改动下默认属性，可这种写法和之前网站融合起来很郁闷，要添加一个DIV（因为我之前没有在最外 层写DIV.wrap）。
相比之下我更喜欢天涯这样的纯CSS写法，这里是DEMO

固定漂浮选择这样写的理由：

纯CSS的写法，避免了多嵌套一层外部DIV制作假滚动条造成的网站重构麻烦的尴尬场面。
同时不会有JS漂浮所产生的抖动效果。

可能更好的我没有发现，如果你有更多更好的方法别忘了告诉我哈~

本文链接：http://www.uecss.com/index.php/fixed-floating-imitation-navigation/

很老的一篇文章，可即使是如今看来，也有可取之处。06年的了。现在都09年了
最近，几乎所有的网站都在以改善用户体验为首要目标，所以，更加需要查看这些文章来做参考。

原文：http://www.bloghuman.com/post/196/

内容如下：（图片我也没有下载到本地，直接用的该网站的）

登录界面经常遇到的几个问题：
1、“注册”“找回密码”等这些个非“登录”任务本身的嫡亲应该安排在那里？
我的观点：首先一定要明确“严格来说他们并不属于这个任务”。
放在那里不重要，重要的是我们需要给表现成“相关任务”，不要当作该任务界面的主要元素来处理。（无论在架构还是在交互上都不要让他“喧宾夺主”）
2、“保存cookies”“登录设置”等些个“登录”任务的直系亲属应该如何处理？
我的观点：首先，这些属于任务的一部分。
其次， 如果默认设置能够帮助完成这些信息可以尽量不需要在登录任务里显示，
然后，如果需要 一定要简洁，但简洁的同时要注意文字的表达（如，“自动登录=保存密码+自动登陆”的表达就很不合适）。而且一定要注意默认的备选项设置。
3、表单的排列是横排还是竖排？横排该怎么排，竖排又该怎么排？
我的观点：横排还是竖排要看页面的排版所需，没有什么大的原则问题。具体怎么排只要用心思考一下肯定就知道权衡了，
横排用户的焦点轨迹跨度较大，但空间占用较小；竖排用户的焦点轨迹可以是直线，但空间较大。如果条件允许我建议用竖排，如果规范所限或条件有限我不介意用横排。但大部分情况下我很介意在输入框中默认一些类似"再次输入密码"等傻瓜提示信息的行为。
4、是否需要验证码？
我的观点： 如果安全性没有大问题的话一定不要。
但好像你的技术搭档绝大部分时候都会告诉你“安全性”有大问题，所以很多时候我们不能“为了细节的良好体验而纵容了系统的安全受挫”...
所以这个命题索性可以改成“验证码”应该怎么设计？
我反对一： 中文验证码 （纯弱智的设计）
我反对二： 英文和数字混合的验证码 （给用户输入带来了不少麻烦）
我反对三： 超过4位的验证码 （记忆中好像据说是什么研究结果）
我反对四： 有大写字母的验证码，
特别是大小写混合且实际系统判断时还不区别大小写的 —— 虽然你不区分大小写，但你显示的是大写很多用户就会很费劲的打开大写输入填写大写字母，无形中给用户带来了负担。
5、目前看到的一个我最喜欢的登录任务的设计：

喜欢一： 任务明确，登录任务应该包括“登录信息+登录设置”，“找回密码”不属于登录任务，这些它都交代的很清楚。
喜欢二： 流程清楚，竖排排列用户可以直线思维操作， 用户>密码>保存密码>登录 一气呵成。
喜欢三： 设计精简，类似“保存我的信息”“自动登录”都没有放到这里，这就是我所说的“如果默认设置能够帮助完成，这些信息可以尽量不需要”。因为，大部分情况下如果你真的需要设置 说明你已经不是简单的初级用户，那么你一定有能力自己去找解决方案
喜欢四： 小细节大学问之 —— 错误密码记忆。
看看上图“用户>密码>保存密码>”三个步骤之间都有一个不小的行间距，这个间距空袭乍一看似乎并没有什么作用。
但研究过的人会发现里面的学问不小..
如，

当我第一次输入一个错误的密码时，系统在判断错误后会在提示错误的同时把我的这个输入记忆，当我再次输入这个错误密码时，系统会自动在客户端提示“密码错误”。这样做减少了用户的一次误操作同时也减少了一次提交给服务器端的任务。因为： 密码的输入显示是*并非能直接看到你的确切输入结果，有很多时候你确实是记错了，可以你以为是你自己输入出错了。
喜欢五： 小细节大学问之 —— 验证码
等你输入错误一定次数时才会出现验证码。 （不是一开始就有验证码，也不是你输入错误多了就不让登录）
6、yahoo的登录也很有意思：

优点一： “防密码失窃”功能的设计很有想法，这样的布局基于好的图形设计创新
优点二： 任务足够简单
优点三： 大家好像都具备这些..
缺点一： 任务足够简单，但拖泥带水过多
缺点二： 记忆用户ID的功能很好，但这种显示方式不舒服，给用户的修改增加了步骤
7、细节之 —— 减少用户的填写
我目前为止利用过四次很偶然的机会，观察过五个普通网民用户使用126邮件的过程。
他们在登录时有四个人遇见了同样的问题 —— 输入的时候不知道只要输入 whitecrow_zhu就可以了，而是输入完整的whitecrow_zhu@126.com。
另外一个没有出现这种情况的用户是因为，当他打到"@"符号时，旁边有个人提示他“你SB呀，后面的不用填”，所以他才没有填...

8、总之登录”就是一扇门“

一扇让产品和用户真正互通的门，让产品可以给用户体现出更多价值的门。
所以这个门一定要： 够宽、门槛够低、一直开着、记忆每次进出...

纯记录：http://gofreeserve.info/archives/free-web-template-resources

Check out these 40 excellent websites that offer W3 standard-compliant website templates and flash template pages for free download without any registration or sign-up!

Simavera Website Templates

Flash and web site templates. Great collection with some attractive and modern designs to choose from.

Open Designs

XHTML and CSS based free web design templates. Over 1100 open source designs available for download and growing by the day!

Tristar Web Design

Just 9 templates here but if your looking for free fast loading quality XHTML & CSS templates, this site is a must!

Solucija

Free XHTML/CSS website templates available to use without any limitations. They can be used on a non commercial site as well as on a commercial one. Keeping a small credit link in the footer is not obligatory. All templates are hand coded and lightweight (under 60KB) which ensures fast loading.

Styleshout

Large collection of quality free website templates for download. All templates are valid xthml(strict) and valid CSS, and distributed under a Creative Commons Attribution 2.5 license

Dream Template

334 free templates but users must at all times have the pre-installed DreamTemplate linking button/text on the front page of their web site. This policy does NOT apply to registered/paid members.

Metamorphozis Design

A large collection of attractive designs released under a Creative Commons Attribution 2.5 license by the metamorphosis designers.

Iron Myers

Simplify your site designs with 168 of the most useful Grid and CSS Layouts. They are perfect for website templates, Blog themes, CMS or as a starting point for your web projects. Layouts offer full Grade-A browser support, That is, the layouts will look and behave the same in all internet browsers.

Six Shooter Media

A list of 11 extremely fast loading quality templates fully xhtml 1.1 and css compliant.

Nice and Free CSS Templates

Just copy and paste any of the 12 layouts, all templates are XHTML 1.0 and CSS2/ tableless.

CSSTemps

About 60 free valid XHTML/CSS templates. All templates are protected by the license inside the template.

Free CSS Templates

All of these templates are released for FREE under the Creative Commons Attribution 2.5 license for any type of personal or commercial use provided you follow the license. Link back required.

Clan Templates

Free templates for on-line gaming clans for games with multiplayer options. Clan Templates provides free gaming layouts and graphics to gamers and designers alike.

Free Website Templates

Claims to be the best free website templates on the internet and you don’t need to link back, but you should state that you used a template originally made by Free Website Templates.

Template World

Absolutely top quality, unique and creative web site XHTML/CSS templates designed by Template World. Templates have been tested and proven compatible with all major browser environments and operating systems. Released under Creative Commons Attribution 2.5 license you are free to modify but you must link back to Template World.

Layout Gala

A collection of 40 CSS layouts based on the same markup and ready for download! If you want, you can download the entire collection, 40 HTML pages in a single zip file.

Open Web Design

Download and upload free web designs, over 3000 demo’s to browse through!

Free CSS

All of the 1000 templates or so that are featured within Free CSS are distributed under some form of GNU/GPL License or under a Creative Commons License.

Open Source Web Design

A collection of 2000+ web designs submitted by the community that anyone can download free of charge!

CSS 4 Free

Free CSS based website templates gallery for you to preview, rate, comment on, and download. Most of the templates are licensed under Creative Commons 2.5 or GPL.

Open Source Web Templates

Free Open Source XHTML/CSS templates designed with true web 2.0 standard and 100% W3C validated.

Premium Website Templates

Tableless web templates built using XHTML and CSS with some also available as Blogger template or Wordpress theme. All released under a Creative Commons Attribution 2.5 license

Template Navigator

Free templates catalogue that links only to high quality and free templates that can be 100% downloaded.

Templates Box

A large inventory of free website and flash templates available. Link back is required, downloads include the .PSD files and fonts.

Open Source Templates

Studio 7 designs all free CSS/XHTML website templates are free to use under the Creative Commons Attribution 2.5 license

Free Layouts

Offers several hundred free W3 standard-compliant website templates and flash template pages for download. The site has some older templates in the collection that may not validate, and as such, you should make sure your code validates before using the template.

Dotcom Webdesign

Premier source with 527 free website templates and layouts created specifically for CMSimple.

Themebot

Portal helping users to find themes/templates/styles/skins for various content management systems, blog and forum software. Free high quality open source website templates using XHTML and CSS.

Interspire

Dozens of website templates, website layouts, newsletter templates and logo templates, that you can download free of charge.

Free CSS Templates

One of the biggest, never before seen collection of free CSS Templates on the web! All these CSS templates are released under the Creative Commons Attribution 2.5 license. At present, there are 219 free CSS templates downloadable in .Zip format.

All Free Templates

Nice collection of free web and flash templates for personal and business use. Some templates include the .PSD files.

Template Workz

Templates are free to download and use for your personal and business projects. Website templates are available in Photoshop (PSD) and HTML formats, all the fonts are also included with the PSD file. Link back only required if you use the downloaded graphics.

Snakeye Dreamweaver Web Templates

20 free Dreamweaver web site templates and web page templates for download. May be used for any web site, provided the tagline at the base of the template remains within the template design.

TemplateYes

About 100 cool web, flash and CSS templates 100% free. Link back required.

Mashable

A collection of 150+ great free templates from around the web including 40+ one column layouts, 80+ two column layouts and 30+ three column layouts.

Free Templates Online

Gallery of 150 professional looking websites free of charge! Link back required.

Web Design Company

Unique and professional Web site templates, Flash templates, HTML templates including the full set of sub-pages free of cost. Submit name and email prior to download and link back required.

Andreas Viklund

All templates are made with valid XHTML (strict) and CSS, and they are supposed to be small, easy to work with and of high code quality. Templates are free to use for any purpose without any limitations, obligations or conditions.

Zymic

Preview live and download any one of the 90+ top quality free web designs and layouts. Link back is required!

Free online web template generator

Easily create unique professional web templates: Pick Template > Customise > Download!
doTemplate offers a catalogue of free web templates. All templates are fully customizable to your taste and needs. You can easily tweak the colors, the fonts, apply a bunch of graphical effects to create a unique professional template in no time.

单位有个同事，名字中有个“仇”字，因为不是姓，所以我就把它读成了“chou”，可是在看他的email地址的时候，发现它的读音为“qiu”，所以很奇怪的翻了一下金山词霸，发现网上有一个BLOG里面有介绍，不敢独享。

这是郭灿金先生的博客中的内容：