主要内容
-
企业门户设计的几点经验 2010-07-05 23:42
本人上半年有幸参与友商网的门户优化和伙伴门户的设计,因为算是部门的重要任务,自然需要投入些心力来分析设计。作为企业门户的设计,从一个设计师和交互师的角度,我首先是考虑到它的易用性,美观度,功能性,模块化,延展性。在一些细节的交互和技术的实现复杂度上,我们都需要做一些细致的分析和权衡。互联网产品有它自身 ... ...
-
Android 4.0设计初体验 2012-07-27 15:46
Android系统是目前智能移动设备中增长速度最快的平台,但App的设计却没有形成自己的风格,绝大都数都是ios风格的移植适配。Google 在去年的10月份发布了Android 4.0 的界面规范,在样式、控件上都做了非常个性化的革新,但由于Rom的多样化,设备的不统一,新的4.0设计规范并没有得到广泛的普及。但以移动设备更新换代的速度,Android 4.0将会是趋势,与ios ... ...
-
什么样的图标更具有可用性? 2007-05-10 23:45
作为WIMP(Window/Icon/Menu/Pointing Device)界面的关键部分,图标在人机交互设计中无所不在。随着人们对审美、时尚、趣味的不断追求,图标设计也不断花样翻新,越来越多精美、新颖、富有创造力和想像力的图标充斥着我们的视界。可是,从可用性的角度讲,并不是越花哨的图标越被用户所接受,图标的可用性要回到它的基本功用去思考。图标的功用在于建立起计算机世界与真实世界的一种隐喻,或 ... ...
-
互联网产品交互事件分析 2009-09-27 21:12
挖坟 交互设计(Interaction Design)产生于二十世纪八十年代,在1984年一次设计会议上,大名鼎鼎的英国交互设计师比尔·莫格里奇首次提出交互设计这个概念,作为一门关注交互体验的新学科而存在并发展到今天,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(Cab ... ...
-
path 2.0的华丽转身 2011-12-27 18:32
path2.0惊艳了很多人吧。敢于拒绝google一亿美金的收购,果然有留一手:) 她的创始人Dave Morin说新版不久就已经超过150万人下载,而老版一年才突破了100万关口。用户一天内在新版分享的内容超过老版一年的内容。 path2.0之后带来的用户量和活跃用户的暴增最大的功臣莫过于界面设计和体验上的不俗表现: 1、产品定位的转变引发UI设计的调整 path1.0的 ... ...
-
音乐播放App的分析与重设计 2012-05-17 13:55
一直对无线交互很感兴趣,这次就来练练手~ 本次分析评测基于iOS平台,选取了两款有代表性的音乐播放器,QQ音乐和豆瓣FM。由于这两款产品在web端就有着庞大的用户基础,有一定的用户粘性,手机端是web端的延伸,目标用户、信息架构、核心体验等等也都继承了web端的鲜明风格。这两款产品可以代两类表定位不同的音乐播放器。一种是大而全的,功能全面,可满足用户管理本地音乐、同步其他设备音乐 ... ...
-
博客导航的用户体验 2009-05-02 00:41
看到谢巍@twitter在他的第8音里写了篇“左侧导航还是右侧导航?”的文章,在Google Reader里做备注,发现要写的东西过多了,于是结合一下我的博客导航部分设计的思路和SEO,放在这里作为一篇日志。 我的博客的导航的内容主要分为以下几种:博客分类导航(即放在页面顶部或者左侧/右侧的导航)、标题、翻页/分页导航、其他导航(文章内链接、关键字、友情链接、文 ... ...
-
美图秀秀交互再设计 2011-07-16 17:40
出于职业习惯,使用一款产品时总会不自觉地对其设计进行分析。当打开美图秀秀时,我知道,我又开始了。 美图秀秀是厦门美图科技有限公司旗下的一款产品,分别有 PC 客户端, Android, iPhone 应用。公司旗下还有其它几款产品:美图看看——免费看图软件,美图拍拍——摄像头自拍软件,美图淘淘——网店图片批理处理 ... ...
-
大额商品的下单流程 2009-06-16 23:28
对于大部分的电子商务网站,产品设计师都会把购物车定位为一个必要的购物流程。甚至视这个购物流程不可或缺,但是真的这么不可或缺吗? 在互联网上,当一个浏览者还没有成为一个用户的时候,任何的负面行为都是阻止其产生购买的设计,但是这个负面的交互是不是在以后会产生的正面的购买,是网站在设计购物流程的时候需要考虑的问题。 对于常常需要重复购买的网站,设计购物车,必须是会员才能购买都是有利的 ... ...
-
给有啊社区拍一砖 2009-07-25 01:32
09年5月,有啊社区正式上线。 至此,百度有啊的整个产品线基本排列完毕,搜索、平台、支付、社区4大支柱产品上线,百度的C2C交易体系布局基本成型。做C2C必备社区,这基本上已经成了行规,因为就中国人的网购习惯来看2个重要的 ... ...
-
流程之重 - 对比支付宝和建行网银水电煤支付 2009-04-18 23:59
前几天家里攒下两张没有付费的账单,一张水费一张电费,老爸拜托我在网上付一下,我自然一口答应下来。话说小兔自己租房的时候一直是建行网银付,从未在外付过呢,不用出门方便呀:P 。现在支付宝一直宣传自己的水电煤支付,就尝试了一下,可是这一比较,感觉到了明显的不便,白鸦,看看吧: (图多篇幅长,请大家耐心阅读,谢谢) 那天先试了支付宝: Step1. 登录支付 ... ...
-
邮件的排序与翻页 2008-11-05 13:10
先看看国内邮箱的情况,几乎是清一色地使用“上一封”、“下一封”的描述方式。 图中网易vip邮箱,上一封下一封的点击是按收件箱的信件列表的排序决定。 点击上一封,回到我之前阅读的邮件,这使我很明确“上一封”就是按收件箱排序,表示被排在当前阅读的信件的上面的。 再来看看gmail: ... ...
-
首页设计的可用性和PET 2011-02-17 11:06
网站的首页是一个让人头疼的东西。有时它看起来很简单:首页就是网站内容的整合,一个产品经理随便从网站里拿点东西出来,就能堆出一个看上去靠谱的首页。也正因此,它往往非常麻烦:很多人都可以发表自己的见解,而这时交互设计师的一些手段(比如流程图、概念图等),在面对首页设计时也难派上用场,以致最终陷入到无尽的争执中。所以,本文希望寻找一些实用的方法一定程度上帮助设计师来决策,也让大家在争执过程也有 ... ...
-
排序与检索 2008-07-27 17:34
排序是个很泛的概念,而且根据被排序的数据量排序方法和侧重又有很大的不同。因此一直没想到从何着手。今天把玩iphone的时候突然又想到这个问题,于是挑了个简单的路线来说说。我们从排序的目的来开扯。 个人认为,排序的目的是方便检索(浏览) 个人认为,排序是为了方便用户浏览(被排序的)数据,当用户浏览数据时就有了让数据有序排列的需求。于是才有排序。 在数据量较少时(一般在20组以内,如电梯按 ... ...
-
(全局)导航和其它 2008-07-31 23:53
1) 导航和文字的关系; 英文中的review and comment 其实是有差异的,所以有的网站"用户评论"部分叫review——www.shoping.com,有的则称为comment——avc.blogs.com。   ... ...
-
增强现实技术会能解决电子商务商品尺码问题么?... 2009-06-19 13:06
北京,山海关,北戴河归来。 去北京前写了一篇增强现实技术会能解决电子商务商品尺码问题么?,今天又看到了Glass Direct的Video Mirror: 本质上,就是个增强现实的小程序: 1. 把摄像头的图像左右颠倒,以形成“镜子”效果; 2. 人脸识别(话说感觉她家作出来的效果还不如我大学室友的毕业设计); 3. 把眼镜 ... ...
-
UPAchina的两只鹅和鸭 2009-03-17 12:57
“鹅和鸭酒吧”,是这次UPAchina 北京聚会的活动地点,按理说如此个性的名字应该很好找,但还是有一段小小的波折…… 在我接到河流的通知准备参加此次活动时,首先反应是搜一下 upachina,upachina 09年 这两个关键词。 “鹅与鸭酒吧,朝阳区碧湖居路1号(近朝阳公园)”—&mdas ... ...
-
使用Title提升可访问性 2009-04-02 10:44
最早大家都没有给链接加title的习惯,后来因为w3c标准普及,又集体加上了title。从一个极端走到另个极端,于是出现很多怪异现象。两方面,第一a标签内title不是必须使用,第二title可以用在除了base, basefont, head, html, meta, param, script和title之外的所有标签。 抛开标签语义、搜索引擎友好等因素,在纯用户角度找几个场景来分析。 ... ...
-
小屏幕移动设备网页设计注意事项 2010-11-30 00:10
在过去,小屏幕移动设备网页通常也被称之为WAP页,或WAP站。 原因是这类网页起源于一个叫WAP的无线协议。 WAP能够运行于各种无线网络之上,如GSM、GPRS、CDMA等。WML是无线注标语言(Wireless Makeup language)的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。 而如今的小屏幕移动设备,比如手机,都已经具备访问 ... ...
-
支付宝在非淘宝网站上的典型问题 2009-04-19 20:06
在网络上随便逛,看到卖Parke钢笔的广告,进去,顺便走了一下流程,不经意看到“支付宝购买”,于是有下面的截图和思考: 商品入口 看到支付宝购买入口了 毫不犹豫的选了支付宝购买,但是.. 我觉得问题就在这个地方,当我作为一个支付宝的用户选择了使用支付宝购买后,进入到得居然是这样一个页面,一个让我作为支付宝用户进来 ... ...

