Posts tagged web

细节决定用户体验

0
记一点悟出的道理  用户体验往往都在于对细节的处理  事小但效果明显
印象中读到的一个经典例子就是很多连锁餐厅 比如麦当劳这种 它们的厕所都是没有把的
为什么? 因为没有把的门 用户就只能去推 而有把的门很多人却会选择去拉
这种厕所的设计在英国这里基本上是标准设计
今天是看到开心网首页的那些转帖标题想到的
转帖占据了大量的首页feed信息  而帖子标题往往都很长
开兴网的处理方式是采取直接截断  加上…字符输出
逻辑没有问题 但是标题被截断后往往无法了解其全部内容 容易丧失用户的兴趣
举例说明 开心网里的格式是这样的
其实要加上全部标题内容也很简单 给<a>标签里加上title属性即可
把鼠标放到链接上 全部名字就出现在悬浮文字里
类似这种 代价很小 但能有效提高用户体验的东西 以后要多注意积累学习一些

Microsoft依然是家伟大的公司

0

虽然windows操作系统一直都饱受各种批评指责 虽然在互联网的很多方面都没有做到先锋和翘首

但是不能否认的是微软坚持学习 坚持加入游戏的毅力 而因为媒体的渲染 很多的努力其实都被遮掩了

比如说今天逛到的这个网站 http://wonderwall.msn.com

真是让我眼前一亮  横版的页面设计 AJAX加载更新内容 那个用图片构建起来的flash网格 真是一个非常酷的web app

点击每个图片之后都会在横版上插入网页的内容 这个设计感觉很赞 

我对flash的设计不是很了解 不知道这种实现是不是很复杂 微软的这个网站还是让我很佩服的..

Safari下的input 样式

2

参见这篇文章http://www.bartelme.at/journal/archive/safaris_search_field

Safari加入了一个新的html input类型 <input type=’search’> 这个类型只在Safari下有自己的样式效果

圆角边框, 并且加入了很多独有的属性, 其效果就是和Leopard里系统随处可见的搜索框一模一样

可以保存搜索历史, 有右边的小叉清除按钮

虽然说很好看 也很好用 但严重的问题是和其他浏览器以及CSS标准全都不兼容(不知道其他基于WebKit的浏览器支不支持)

苹果的脾气就是这样…

上面那个网站演示了一个解决办法, 用一个javascript 判断浏览器是否是Safari 然后替换标准的<input type=’text’>成为<input type=’search’>  具体代码就不具体分析了…我暂时还不考虑专门为Safari的美化去研究这个…

另外 Safari 4 Beta的确比Firefox 3.1要快不少, 另外Chrome在windows下也是很抢眼, 现在就期待Chrome的mac能尽早出来了…

Go to Top
Performance Optimization WordPress Plugins by W3 EDGE