Google Buzz的折叠对话框样式

    对与twitter、新浪微博等miniblog类产品中,比较需要避免的一个问题就是某一个话痨同学的刷屏问题。对此Google产品设计师门想到了解决方案,当一个人连续的话语超过3个时,则采用折叠窗口的方案。
折叠时:
  

展开时:
 
 
    但有一小建议,就是对于折叠的内容,应该在鼠标悬停时有高亮的变化或有预览效果,否则或许不太容易被发觉。

Posted in 交互设计 |

可爱的原型工具-Balsamiq Mockups

用Balsamiq Mockups快速绘制的SNS首页规划

Posted in 交互设计 |

网站设计中的称名“你的Vs.我的”

在网站产品设计中称名(导航名、文案等)是一个非常重要的问题,因为人与人交流中最重要的媒介是语言,而人与网站的交互中也一样。在设计中我们常会遇到需要遇到称名的问题,用“我的”?“你的”?还是“XX的”?
根据当前网站流行的现状,个人认为比较适合的选择是:

导航名、频道名尽量简单,能不加人称则不加“你的”或“我的”,保持简洁:如“home、Profile”;
对于社会化网站上属于用户自己的东西时使用“我的”:如“My Photo、My Blog、我的好友”;
以网站方或他人有说话口气的帮助或说明时使用“你的”:如“寻找你的好友、你可能认识的人”。
浏览他人的物品时,使用他人的名称:如“王五的博客”

Posted in 交互设计 | Tags: , ,

找人(Find people)-翻译

翻译:http://designingsocialinterfaces.com
原文地址:http://designingsocialinterfaces.com/patterns.wiki/index.php?title=Find_People

1问题
2何时使用
3解决途径
3.1浏览
3.2搜索
3.3通过Email/IM联系人/地址簿
3.4发现/推荐
4原理依据
5相关模式
6来自

Posted in 交互设计 |

生活中的交互设计

两件最近发生的事情与交互流程有关,难道知道我在看《about face 3》?

其一:招商银行取款机
某日,我去楼下生意超级好的招商银行取款机取钱,等了3、4个人,终于前面只剩一个mm了,大喜。但谁知这个mm却是如此的不厌其烦,在每一次我以为她要大功告成时,却发现那只是个假象。
场景:mm需要先取出1600元,再存入300元(估计是信用卡)。

Posted in 交互设计 | Tags: ,

京东网可用性

京东网近两年迅速崛起,以价底优势于苏宁、国美等传统商家,以质量货真优势于taobao之类的C2C商家。对它的发展壮大,非常重要的除了自身的独特性、完善的物流,还有作为B2C商家非常重要的一点:网站的可用性、用户体验。
不是用走查的方法,仅从普通用户在使用中就发现了几个非常重要的问题。

Posted in 交互设计 | Tags: ,

twitter新retweet详解

twitter素以媒体性的扩散传播而闻名,于是“转发(rt)”作为被用户发明的传播方式并即将入住正宫,作为官方功能主要呈现于世。作为微博客研究爱好者,翻墙未果,借助一张截图钻研良久,才明白这个新的retweet是个怎么回事

Posted in 交互设计 | Tags: ,

注册比较之-诱敌深入式

所选网站:http://twingr.com/
特点:在网站首页最重要的位置,显示看起来很简单的注册信息,个性化的名称和url地址,创建之后,才开始让用户填写空间信息和个人资料。
这种形式的好处是不会吓跑用户,用户会觉得只需添两个空就可以注册,后面即使有步骤,也多是觉得在补全信息,而不会有太大的压力。而那种注册初始界面就很多的内容需要填写的注册形式,用户会认为需要填完一页所有的信息才能算注册,因此流失率很高。

Posted in 交互设计 | Tags:

如何用面包屑?

面包屑是与导航一样可以告诉用户你在哪里的工具。
(see :Use breadcrumbs for multilevel hierarchies)
1、当网页结构超过3层时需要使用面包屑;
(多用在B2C、C2C等内容类别、级别较多的网站中)
2、面包屑一般位于页面上部,导航的下面;
3、一般用’>’或可以表示包含关系的符号表示;
国内的网站中:

Posted in 交互设计 | Tags:

引导用户完成兴趣爱好的一种方式

http://popego.com/ 一个界面相当可爱的网站
第一步:选择你感兴趣的分类

Posted in 交互设计 , 产品经理 |