主要内容
-
从品牌网站看交互设计 2009-08-10 00:24
最近在研究品牌如何演绎，当然，看的时候没有忘记本行，分析了一下他们的交互设计~~ 路易威登LV 上图采用胶片展示多组信息——大片展示品牌渲染。 利用胶片或者类似相册的展示方式，能够展示更多的信息，视觉焦点放到上部，用动态或者滚动的选择方式让用户继续浏览下去。 比较适合主题醒目，品牌放大的页面。 上图采用多图展示细节方式—&md ... ...
-
豆瓣的“推荐”与“评分”的相互伤害 2009-01-10 22:00
今天开会的时候，讨论到了豆瓣的推荐，观察了一下豆瓣中的我个人的数据，无意中发现，我关注的人，推荐书影音的很少，推荐小组话题、日记、站外链接，也就是文章类却非常多。问了几个朋友，他们的友邻推荐的现状也是如此。 这勾起我的好奇心，为什么这个书影音为基础服务的网站，反倒没什么人推荐数据库项目呢？ 回想豆瓣最初其实是没有“推荐”这个按钮的，以前对数据库项目只能打 ... ...
-
浅谈按钮分组和位置 2010-09-13 17:25
按钮分组 按钮的分组可以让一个界面变得具有自我描述能力.在复杂的布局中，组织良好的各组按钮用以选择，而且因为很明显，这样可以很快告诉用户有哪些功能可以使用。 几个按钮放在一起，因为它们可能完成类似的功能。我们可以看范例iTunes的主窗口，四个角分别放置了一组按钮，界面中间的歌曲也有很多的行动点。加上滚动条，该界面只有有14个按钮。确实有很多的功能，不过因为视觉上和语言上的巧妙组 ... ...
-
豆瓣光箱设计 2009-01-10 21:41
在Think about usability (1)一文中看到作者提出一个关于豆瓣光箱设计的观点，作者Leechael给出了两张图片 上图是豆瓣现有的设计 下图是作者提出的改进建议 作者Leechael在其文章中这样说到： 第二幅图中的目标是不是比第一幅图中的效果更明显、体验也更好？在不仅是有一个条目的页面中，针对一个特定条目进行操作，光箱效果 ... ...
-
移动网页设计的信息组织 2012-07-05 09:58
如何开始移动设计 对于我们中很多人来说，移动端设计是一个崭新的机会。但是，如果你过去是桌面端的网页设计师，如何将经验转换到移动网页端呢？当然，已有的一些工具，经验，技能仍然适用，只需开始思考下如何在手机上进行组织和布局。 组织架构 当你开始组织移动端界面的内容和操作时，一些可靠的信息架构准则：比如，清晰的标签（labeling），平衡的宽度和深度，妥当合理的心智模型，这些仍 ... ...
-
《移动设备交互设计》读书笔记[1] 2010-07-11 11:46
读书笔记，不是对书中的内容做完全的摘抄和援引，我是想把读过的内容，经过自己的理解归纳总结出来与大家分享讨论。一、如何理解移动设备移动设备是相对于不可移动的设备，这里说的不可移动设备不仅指计算机设备，可以包括游戏机，甚至普通电视机。对应的会有掌上游戏机或是移动电视机等，当然，重要的还是我们大家都在讨论的可以做移动互联网应用的多功能手机。同时，还包括一些更广义的移动设备，比如：1）可穿戴设备，目前 ... ...
-
慢50%也有更好的体验？ 2009-07-22 21:00
原文：50% slower but still a better experience? 作者：Martijn van Welie 译者：耿人杰 ———————————— 全文的分割线 ———&m ... ...
-
交互模式应用(3) : Carousel 2011-07-11 22:19
图片作为描述有形事物的一种方式，不但能直接传达视觉信息，包括几何特征、形态、位置大小和色彩等，还能传递内在信息，比如意图、要求、风格、性格和计划等。现代设计中，图形的表现力一直远超其他表现形式，因此得到大多数设计师的青睐。A picture is more than thousands of words, 如何利用图片进行创作理念表达和思维传递成为设计工作中的重点之一。 在交互设计中，如何 ... ...
-
“天涯问答”新投票规则的背后 2009-01-21 13:07
天涯作为最大的中文社区，很容易被Google看好。与天涯携手可以将其相关产品引用到到将未来的搜索整合中，同时免却大量内容管理所耗费的人力，另外也同百度知道形成了竞争性产品，如果天涯SNS平台获得巨大成功，将帮助Google大幅强化中文整合搜索功能，天涯问答、社区只是个开始，在不久的未来，Google中文搜索将有能力将搜索完全定位到个体，换句话说，通过搜索引擎， ... ...
-
形式追随内容？ 2010-03-01 20:37
今天想说的是内容和容器的关系，顺便把之前设计中碰到的问题和大家一起探讨下。我们从软件的设置说起。（这里以QQ的设置举例） 一个软件的设置（常称为系统设置）一般承载了软件所有的可配置选项。通过导航，把内容放置在不同的选项卡下面。 由于内容的划分是根据产品功能的逻辑划分，所以设计中经常碰到的问题就是：不同选项卡下面的内容多少不确定，对排版会带来很大麻烦。 正常情况如下图，& ... ...
-
设计稿标注首屏线的确定始末 2011-03-25 10:53
这是内部的一个邮件记录，分享出来听下业内同行的声音。 事情是这样的.. == 先是 A 推荐了白鸦的推到内部群： “设计师们一定要养成一个习惯：无论是原型设计还是视觉设计，一定要标注一下首屏线，明确首屏需要、可以显示到哪里。” == 然后，B 觉得这点子不错，根据内部统计系统中的操作系统、浏览器分布和屏幕分辨率等数据，结合浏览 ... ...
-
价格的表现形式与设计 2012-03-12 09:07
不管价格怎么表现，最敏感的还是多少钱，对用户来说这个是最关键的，所以数字又大又醒目就是最好的表现方式了么？平时在上网的时候有没有特别注意过价格的不同表现形式？ 我选了6个不同类型网站，看看他们在价格表现上有什么不同，分别是“淘宝”，“聚划算”，“携程”，“大众点评”，“ebay&rdquo ... ...
-
浅析表单设计的点点滴滴（一） 2012-01-07 21:24
表单，主要是负责数据采集的功能，需要访问者自己去填写，如访问者的姓名、邮箱、性别、地址、留言建议、设置密码、管理个人账户等等。时下表单无处不在，成功的表单设计不仅能提高用户的满意度，更能收集更加精确的数据，相反失败的表单设计只会收集到错误杂乱的信息，可能会最终导致潜在用户的流失。 一、组织表单的内容，给用户一个友好的引导 首先要明确的告之用户填的是一个什么性质的表单以及填完后能做 ... ...
-
在线应用窗口一致化分析 2011-02-10 22:08
虽说互联网的革命总觉得势不可挡，大家都期待着，某一天，只需要一个浏览器，就可以完成平常用客户端才能完成的任务。虽然，HTML5与Chrome一度让我们看到浏览器代替操作系统的希望（via 1，2，3，4，5），但目前来看，用户同时保持两种平台的使用的状况，要持续很长一段时间。 想让用户无缝地从客户端应用转移到在线应用，我们还面临很多问题。 从逻辑上说，在线应用属于操作系统中浏览器客 ... ...
-
设计高效的faq页面（译） 2011-06-05 08:37
原文链接 这阵子没有精力完整翻译和发到译言（ 现下正渐入状态，预计写博客量会逐步提升回来），简短做一个概要翻译，为近期工作需要做一个参考。 其中提到，维护良好的faq能令用户有参与感，很有体会，当寻找一个问题，赫然发现在置顶常见第一条的时候，有一种强烈的“找到组织”的感觉。 不过，faq还有一种挑战这里没提到，在充分收集到最常提 ... ...
-
交互设计实用指南系列(11)—减少记忆负担 2010-03-20 11:39
写在前面的话 关于《交互设计实用指南》，我们最近收到很多朋友的反馈，有支持的也有批评的，在此一并感谢了，有你们的关注，我们才能走得更远。《交互设计实用指南》其实是收集和总结了交互设计上的一些问题，肯定有很多老生常谈的东西，是不是老生常谈其实不是问题，“问题在于，这些老生常谈的东西有没有被积累，有没有被传承，有没有被体系化。”（青云语） 《交互设计实用指南》的读者群涵盖了许多 ... ...
-
真链接提升可访问性 2009-07-16 10:25
前不久在在南航网站帮朋友订票，订票过程有惊无险过去了。为保险起见，我先在客票验证页查询确认已入座，并想把查询结果url直接贴在邮件里时，却发现验证结果url没变： http://sale.csair.com/ECS/products/QQSD/modules/order/checkTicket.jsp 于是，我以用户为中心的良好设想泡汤了，只好把查询url和电子票号发过去让朋友自己 ... ...
-
me.com注册时的字符长度 2008-08-20 11:46
上图来自me.com的注册界面。 关于输入框的字符长度问题，me.com是这样设计的: 1、提示了最多32个字符。超过32后，你会发现输入不进去 2、在选择月份的时候，月份后面给了阿拉伯数字，便于识别 3、任何一个动作你都能得到反馈，任何一个状态你都能看到提示 . 如此细致的体验，你能做到么？ 我开始相信apple能做好me.com，能够做好互联网应用。 提问： 假设，字 ... ...
-
界面设计中的相对时间表示法 2009-04-13 15:48
我所居住的小区中竖着一块电子显示屏，上面会轮番显示一些信息，其中的一项是天气预报。例如某天看到的天气预报的文字显示是这样的： 2月13号 10度～20度 2月14号 11度～21度 2月15号 15度～26度 这里有一个小小的可以改进之处：现代社会的人们忙忙碌碌，甚至在很多时候突然之间都不知道今天是几月几号。不信，你立刻问问自己，或身边的朋友，看他们能 ... ...
-
设计带来的消费情绪 2009-09-27 13:11
读完了International Journal of Design上刊登的论文Emotions by Design: A Consumer Perspective（作者：Ravindra Chitturi），笔记如下： --------------Fasten Your Seat Belt-------------------- 产品有两种特性：实用性(utilitarian)、享乐性(he ... ...
