主要内容
-
我不喜欢豆瓣新首页的几点 2010-02-24 10:23
1. 我不喜欢顶上的灰色条，像乌云压顶，总是在吸引我视线。可能是这个灰色太深太单调的关系，甚至感觉有些粗糙，像半成品。我抱着试一试的心态在PS里简单用#f5f5f5这个灰色试了一下，个人感觉要舒服很多。2. 我不喜欢“我说”的输入框点进去之后突然弹开变大，像张开血盆大口。我猜想是为了节省空间，才不一开始就放一个大输入框在那里。但是这个长大的过程如果能加入一些动画，例如滑下去 ... ...
-
数据可视化是怎样创造出来的 2009-09-27 21:04
我多次被炫目的数据可视化或信息图形震惊，在我知道这些图片背后的数据来源和创造历程后，更是为之诧异不止。它涉足制图学、图形绘制设计、计算机视觉、数据采集、统计学、图解技术、数型结合以及动画、立体渲染、用户交互等。相关领域有影像学、视知觉。空间分析、科学建模等。 这是创造性设计美学和严谨的工程科学的卓越产物。用极美丽的形式呈现可能非常沉闷繁冗的数据，其表现和创作过程完全可以称之为艺术。所以我翻 ... ...
-
交互设计是一种思维过程 2012-05-02 21:41
最近常常收到一些童鞋们的来信，经常询问的问题集中在：如何成为一位交互设计师？应该学习那些软件？ 我有时候不知道如何开始回答，大约在心中觉得交互设计师是一个对综合能力要求很多的职业，无法“说一不二”。工具固然很重要，现在很多大企业的设计部门都在制定设计标准，规范性的软件工具掌握越来越受到关注。 不过，我以为然设计师要少些“匠气”，多思考&ldq ... ...
-
怎样设置密码保护问题 2009-02-12 11:05
密码保护是注册过程中的关键环节，尤其是对帐户安全级别比较高的网站，尤其在账号被盗或者涉及安全登录等问题的情况下，密码保护问题作为用户身份识别信息，来通过帐号异常登录（如密码被盗，被封帐户被封等）等权限认证。最近做项目才发现这里有很多细节问题，严重影响了用户的体验，总结了以下几点关键因素，跟大家探讨。 一、安全性 & ... ...
-
这些糟糕的设计（电梯篇） 2008-07-26 22:20
因为担心和别人找的茬撞个正着，所以这次就不写网站的糟糕设计了，说说身边一个越来越重要的代步工具——电梯，它的糟糕的设计吧。如果你是整天挤完公车挤电梯的上班族，以下的情景你应该有同感： No.1 电梯快关门时，有人朝电梯跑来，对着站在门口的你大喊：“等一等！！”情急中，你很热心地打算帮人家按开门键，结果电梯迅速关上，气的赶到门口的人 ... ...
-
UCDChina书友会话题之“浏览器” 2008-07-29 03:14
浏览器虽然天天用，却从来没想过它的发展。第一次参加UCDChina的活动，本来想提前做些准备，但是根本徒劳，因为主持人已经拟好了一些可扩展话题，赞一下！ 大家讨论中谈的最多的是FF，对于它的好处不用多谈，缺点目前就是兼容性了，作为一个网站工作者，我也非常汗颜，在开发阶段，针对不同的浏览器拉长工作进度是我们都不愿意看到的（协议呢？标准呢？）。因此喜欢FF的人不得不在几个浏览器中来回切换，还好，这只 ... ...
-
打动用户的需求 2009-10-08 20:23
今天在邮箱里面看到虫子给我推荐的周鸿伟产品秘笈 打动用户的产品需求，我非常欣赏这句话，每次讨论网站的方向时，我都会问大家一个问题，用户在完成目标的情况下为什么一定要用你的网站，为什么一定要使用你的服务 周鸿伟有几句话说的很好总结如下 无论你的想法高明或者不高明，都不如用户的选择高明 伤其十指，不如断其一指。在产品方向上一定要先学会做减法，而不是做加法。 假期的时候和liza姐、pi ... ...
-
利用卡片分类进行信息架构 2008-07-26 12:48
信息架构是为了让用户简单高效的找到所需信息的一种对信息的组织方式，具体表现在网站的分类、导航，也包括部分页面的结构和呈现方式。 卡片分类法（Card Sorting）是一种以用户为中心的方法，可以观察出用户如何理解和组织信息。顾名思义，就是将信息（概念、条目、内容、小分类等）分别写在一张张的卡片上，然后归类。既可以事先提供固定的分类，也可以由志愿者自己创建分类。通过卡片分类，可以了解用户 ... ...
-
导航设计中的信息结构 2010-11-24 23:27
在进入今天的主题之前，我们先来探讨导航的重要性，并分析一下门户网站中导航的表现。 导航直接影响到公司的财政收入 导航会给我们带来哪些好处？导航不光只是提供信息获取的途径，它的设计优劣会直接影响到整个公司财政收入。下面我们看一个例子（以下内容来自alibaba李凡的《设计师的商业意识》）： alibaba大致的广告价格 上图反映了阿里巴巴网站大 ... ...
-
交互设计专业推荐书籍整理(一) 2009-06-15 20:50
整理前言:什么书籍能帮助交互设计师更好学习交互设计,提升实战能力呢?曾经也读过很多关于交互设计与用户体验的国外书籍,但想针对实战的书籍确实比较少.交互设计是设计学科的一个分支,设计的最高境界为禅意最高境界,通俗点说就是设计的精髓有时候真是只可意会不可言传.”对设计的感觉是经过多年经验积累出来.”-腾讯视觉晋兄如是说.即使这样,我想前人走过的路,总结的经验,总会给后人予以启示 ... ...
-
心理模型 2009-05-12 18:03
今天在GOOGLE上查图片资料，这一幕真让我纠结啊： 使用【向前】【向后】这种说法，就默认了有一个对比坐标，那就是当前显示的4张缩略图。 点击【向前】展示的是，在搜索结果中排列在当前缩略图之后的图片。 点击【向后】展示的是，在搜索结果中排列在当前缩略图之前的图片。 真拗口，用图片说明： 这让我想到了，读书时期老师在上课的时候常常说的一句话：把书翻到后一页（下一页）。 在翻书这件事情上，后一页和 ... ...
-
商品评论的Tag模式 2010-03-31 09:58
本文想表达的主要意思是，目前电子商务网站的商品评论系统的门槛都太高，不利于调动用户点评的积极性，作为产品设计师应该想办法来降低这个成本，让更多用户更自愿的去评论。 这是再次扯起商品评论这个话题了，09年12月的UCD书友会话题就是“商品评论的设计”，当时我在引导讨论的时候主要涉及到的是很具体的问题，并没有做太大的发散，现在继续来扯…. 在商品评 ... ...
-
餐厅忌用冷光源 2009-12-16 22:43
年初某天和朋友路过一家新开的餐馆，我开玩笑说“这家餐馆可能过不了多久就要挂掉”。朋友问“你吃过？很难吃？” 我说我没进去吃过，朋友叱嘴白了我一眼。话说光阴似箭，后来夏天还没有过完，一天路过时发现这家餐馆已经关门改头换面了。 不是半仙我会算命，确有些巧合，但之所以当时那么说，原因之一是那家餐馆所有照明都是惨白的日光灯。 站在心 ... ...
-
UCD书友会12月号总结 2009-12-21 21:56
上周六下午，UCD书友会深圳站12月号继续开展活动，此次主题“商品评论的设计”，由来自友商网的朱国林和大家分享“商品评论设计”过程中的思考要点和设计价值，然后第二部分我快速演示了一遍年会上的“手机的界面设计时代”的演讲稿，给未能参加年会的朋友一个补充。 对于商品评论这个细节问题，由于我现在没做电子商务的终端应 ... ...
-
[分享]白社会VS开心-对比评测-UI分析 2009-06-14 17:16
个人主页 1、导航极赞，且采用了少见的跟随窗口滚动的方式。由于整体配色清淡一致的缘故，这样也不觉得打搅，不过就牺牲了导航常用的深色系，使导航不够醒目，利弊参半。我猜测原因是这样的：为了及时通知消息（当页面拉到较低位置的时候），又要把标签栏走马灯的提示效果让给Web im，只好让导航条跟着滚了。 找人的输入框容易被误解为“找好友”，其实是全 ... ...
-
banner广告条设计的经验分享 2011-03-23 22:47
banner广告又叫旗帜广告，在几乎所有的网站中都能见到，也是目前最常用的一种网站广告形式。不过对于banner的设计相关文章并不多，其实在这种横幅banner中设计的好坏对于广告效果的影响是很大的，本文将介绍几种总结出的banner设计经验 本文来源：http://www.tutu001.com 1，banner广告在网页中的第一感觉：对于网站广告条的目的就是吸引用 ... ...
-
网站tab导航的设计 2008-11-10 02:36
之前有写过一篇浏览器的tab设计，这回说说网站的tab设计。 一说到tab很自然地就想到了导航、信息架构。随着网站信息结构的复杂化，选择tab似乎是性价比最高、结构传递最明确的导航方式。这也是其中面包屑导航方式衰弱的重要原因。 如果你想用tab的方式构架你的网站，搞明白下面几个问题，或许对你怎么设计会有帮助。 用tab解决什么问题？ 在设计tab之前，先要搞清楚为什么用tab ... ...
-
各大网站注册流程解析 2011-07-19 16:38
1、简而精的流程，尽可能让用户一步到位操作完成，如果不能一步完成，则需要分划出清晰的注册导航，引导用户填写 复杂的注册流程，首先应该考虑简化。用户在填写复杂的注册表单时常出现反感心理，对网站的使用抱有不满，给用户下一次的操作带来不利的影响。应该让用户满意而归，对网站的应用产生好感，带来下一次的光临；下面分析下目前几种类型的注册页面的流程设计： 支付宝注册页面： ... ...
-
APP上的分类信息的布局方式 2011-06-07 13:36
本文总结了一些app的分类信息的布局方式。以后发现其他样式了会继续更新，欢迎补充。 1，九宫格，如大众点评、人人网、facebook等。 2，每个分类平铺成条，如淘宝，凡客，京东、QQ美食，非常清晰。 3，下拉选择框，如维络城、QQ美食、百度身边，主要在于对信息进行筛选时使用。 4，大图滑动，如凡客、时光网等。 5，图片平铺，如百度身边、淘宝 ... ...
-
Tab式位置导航变体 2008-11-10 02:29
Geoff Teehan 的一篇 The Tabbed Breadcrumb Navigation 介绍了一种新颖的、综合了 Tab 导航的 Breadcrumb（一直找不到合适的中译，位置导航？您的位置？还是面包屑？），如下图： 图中不错的表达了网站的层次、结构，单独来看很有新意。Yahoo! 在运用这招的时候加入了一些变化，参见 Yahoo! Food、Yahoo! Sp ... ...
