主要内容
-
触屏手机网站-炫版交互设计 2011-05-22 00:53
触屏手机网站和非触屏手机网站区别在于，前者使用手指点击注重点击体验， 而后者是使用手机物理按键注重选取规则，触屏手机屏幕增大，可以显示更多的内容，但内容密度不宜过大否则不便点击，一般人的食指点击的区域约为7*7 mm 拇指点击区域约为8*8 mm，各大门户也分别推出适应触屏手机的高端版本，下面将会从手机网站最常使用的二个交互功能来分析3G门户炫版和其他门户的区别。 手机 ... ...
-
游响停云——iPhone QQmusic设计... 2011-05-18 12:42
1. 写在前面 经过android QQmusic的洗礼后，我们将战场转到了iOS平台，这是一个更加封闭、竞争更加激烈、要求更为严格的战场。国际版图上，spodify、last.fm、pandora已酣战多时，大陆战场更有摸手、九天、豆瓣fm、虾米早早加入。姗姗来迟的iPhone QQmusic如何后来居上？这是我们继android后在iOS平台上的又一次尝试，我们总结了中间跌跌撞撞、折腾不 ... ...
-
关于信息架构的改版 2011-05-16 17:38
关于图虫的改版，里面的用户讨论应该很多，但是从官方产品团队看来，其实他们原来的产品结构，比我们还要好一些，之所以要改版，也是因为整个产品形态不够轻巧，现在的新版本，是向轻的方向发展，个人中心内容减少，主要突出了大家的互动内容，而与自己相关的资料，大量感少，收到一个入口或者另开一个新区域，比如小组就开了一个新的区域，放在顶栏上叫我的小组，这样首页和小组分开，各自各的纯粹。 最近在改网易 ... ...
-
点点VS推他 2011-05-12 09:11
前段时间，点点开放注册（4月7号）后我就进去了，我注册的时间是4月10号，光看，不说话。 5月6号我拿到推他的邀请码，进去之后发现页面布局操作之类都非常熟悉，跟点点非常相像，毕竟是同一个模板（tumblr）造出来的。上个周末很有兴致地把玩这两个网站，越用越是发现两者的不同，随着时间的推移，点点和推他肯定会走两条相异的路。 下面就把我对比出来的结果供大家参考。 一、网站背景 点点源自许朝 ... ...
-
如何在iOS与Android间移植APP 2011-05-11 09:04
除了像"I am rich"这种定点打击苹果烧包族的APP外，大多数应用都会尽量覆盖包含尽可能多的用户。这就需要考虑在iOS和Android两种主流操作系统间移植的问题。如果为各个平台量身定做界面，就能让用户利用以往的使用习惯快速学习。但为多个平台设计各异的界面毕竟是需要工作量的。如何才能在跨平台移植的时候只做那些最有必要的工作呢？兵不打无准备之仗，先来看看iOS与Androi ... ...
-
由一个登陆框联想到的用户体验改进方法 2011-05-08 23:16
下午与部门同学进行话题讨论，关于电子邮件营销中的产品设计，期间的谈话引起一些思考，在这里记录下来。 一个产品的细节 在交流中我举出一些关于电子邮箱输入框的细节问题，例子举得是MobileMe网站me.com的登录输入框的设计。比较下面两张图，会发现变化。 MobileMe默认 ... ...
-
网站面包屑（breadcrumb）设计 2011-05-06 15:51
一、什么是面包屑 A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user’s location in a website or Web application ... ...
-
让界面更加清爽 2011-05-06 15:28
夏日要到了，酷热的天气，灿烂的阳光，想在夏日里获得众人的目光和赞美，快试试小白介绍的几招，一起打造清爽的夏日装，让在一切更加舒服，有活力。 嗯…咳咳。这是说视觉界面上设计的事，无论是web、移动或客户端，要想视觉更加清爽下面的建议都会有帮助的。 1.让布局更有空间感 脱掉！嗯…对的… 要想清爽，就得把身上多余的衣物，一层一层的脱掉！ 在一个有限 ... ...
-
触屏手机网站设计 2011-05-06 10:14
随着智能手机iphone和Android的热潮，衍生出基于Safari和Chrome浏览器的触屏手机网站Touch Screen Mobile Website。触屏手机网站在中国还属于起步阶段，从行业的现状来看，其体验参差不齐，笔者将从设备、系统、浏览器、网络、四个维度来与大家共同探讨触屏手机的网站设计： 一、设备 ·分辨率与屏幕尺寸&mid ... ...
-
不畏弹窗遮望眼 2011-05-03 14:03
只是说一个在手机端小的交互细节而已。 在Web端做表单设计设计师考虑更多的事情是表单的布局方式、表单的提示语言、表单的长度、甚至表单的判定状态。这些东西有无数的人写了无数的文章。但是在手机端，对于表单的设计似乎没见太多的讨论。即使有讨论，设计师们也把目光集中在了如何精简表单上，但是对用户输入的关注却很少。 在移动端产品设计上，一个应用是否足够友好不仅仅取决与其自身的功能对用户是否足 ... ...
-
20个改变网站用户体验的方法 2011-04-23 19:15
1。 更多的“注册ID”选项 在注册表单中可以给用户更多的选项：比如可以使用“电子邮件，用户名，ID”等多种格式的用户名进行注册。此外注册过程要尽量方便，比较好的例子如下面的图片，注册时只需要输入一个密码即可，在第一登陆后才会需要你输入一个用户名 2. 更多&ldqu ... ...
-
对话对话框—浅析windows系统对话框规范 2011-04-21 00:24
“对话框”是让用户执行命令、向用户提问、向用户提供信息或进度反馈的辅助窗口。对话框由标题栏（用于标识对话框所来自的命令、特性或程序）、主标题说明（以解释用户在该对话框中的目标）、一些位于内容区域的控件（用于呈现选项）及提交按钮（以指出用户如何能够提交任务）组成。典型的对话框形式如下图1所示： （图1） 在Windows操作系统中运行的软件应该遵照Wi ... ...
-
手机用户忘记密码后的流程设计 2011-04-21 00:22
在我们手机网站上有一个“忘记密码”的功能，用户可以通过之前绑定的手机号来“找回”自己的密码。这本来是一项很好的服务，但是昨天用了一下却发现好的服务被不好的流程所影响。 在我们之前的流程中，用户的基本流程是：先输入用户名，再输入该用户名对应的绑定手机号，然后我们发送一个验证码到用户绑定的手机号，用户通过这个密码获得我们重置后的新密码。这个流程乍 ... ...
-
如何为手机界面设计提示消息 2011-04-20 14:01
BulaBula罗列各种提示方式之前，我觉得有必要先思考一下消息提示之于用户的本质。毕竟知其然只是表面，知其所以然才能融会贯通运用自如。虽然可能让人觉得有点远，但应该会对理清逻辑很有帮助。 故事要从一只狗和一只老鼠的心理学实验讲起。巴普洛夫发现，若长期在喂狗之前摇铃铛，以后只要晃铃铛，狗就流口水。铃声勾起了狗进食的欲望。此称之为“经典条件反射”。斯金纳 ... ...
-
可用性案例分析 2011-04-16 16:28
可用性一直是交互设计的重头。以下就自己的理解，写写对尼尔森《十大可用性原则》的感想。《十大》原文请见参考资料。 本文对各项原则进行了再理解与意译，与常见翻译的版本不同；这也正是我在鼓励和推动互联网中文普及与标准化所做的重要努力之一。 一、状态可见原则 用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。“即时”是指，页面响应时间 ... ...
-
电商专题设计中的常见问题 2011-04-12 01:29
前几天内部就近期的商城专题进行了一些评估，讨论了一些常见的问题。跟大家分享一下。 1 入口banner和专题头部要相呼应，不应有太大出入，可以选取相同的元素、背景等，保持视觉的延续性，以符合用户心理预期。 2 避免使用涉及到版权的字体，主标题如需使用，要对字体变形改造。 3 专题头部图片尽量控制在550px以内，以便保证在 ... ...
-
网页中空格的烦恼 2011-04-11 11:49
相信认真做过网页设计(Web Design)，或者关注过页面设计的同行都对“空格”不陌生。“空格”属于一类细节，很容易被忽略，但又比较影响效果，更麻烦是很不好控制。此问题总结的想法，来自“知乎”上梁海的提问，以及对他提供专业答案的反思和总结。 就所提问题而言，我目前还是坚定的“不空格”派系，我不否 ... ...
-
电子商务网站收银流程设计基本指引 2011-04-10 11:32
原文链接：Fundamental Guidelines Of E-Commerce Checkout Design 1. 收银流程必须完全线性 （Your Checkout Process Should Be Completely Linear） 要点：一个步骤中嵌套另一个步骤的做法会让用户感觉迷茫和恐惧，因为它和用户完成付款时线性操作的心 ... ...
-
手机界面常用导航设计分析 2011-04-08 23:44
所谓的交互设计，其实设计的就是人如何向机器发送指令，机器如何向人传达信息，一来一往是为交互。当要传达的信息量很少时，好办，就想Google的搜索框那样，往白底上一放就行了。但当等到信息是海量的、在一屏上难以全部呈现时，就需要有效地组织信息，将部分信息先隐藏起来，待到用户需要时再将用户引导到那里。在界面设计中，广义地来讲，从一组信息向另一组信息转移的的过程，就称之为导航。 明确了定义， ... ...
-
按钮的去与留 2011-04-06 21:30
在产品设计的过程中，更多的考虑往往并不是还需要新增什么功能。在开发的过程中，总能想到各种各样的新功能，新的想法也不断涌现，偶尔也会遇到一些想当出色的想法。但对于一个产品而言，太多的功能或许并不是一件好事，尤其是那些用户几乎用不到的超前功能，盲目的加上去只会令人产生困扰。这个时候，我们更需要的就是对产品做减法，去掉那些不必要的功能。但是减法，往往更是一个令人头痛的问题。 其实个人一直觉得，& ... ...
