主要内容
-
信息应如何推送和展现？ 2010-12-14 19:59
写在题前：这是一篇很长的文章，我想通过在一个空间中将信息具象化，去寻找最适合的信息展现方法；研究这些无非只有一个目的——在恰当的时候，用户可以用最少的精力看到最多的、最希望看到的信息，这些看起来是变化无常的，那么固定思路做出来的产品如何能去适应这种变化？ 现在的信息如何展现？ 对于UGC类产品，面对日益膨胀的信息数量，往往会考虑去给信息设置分组（分类），试图 ... ...
-
“天涯问答”新投票规则的背后 2009-01-21 13:07
天涯作为最大的中文社区，很容易被Google看好。与天涯携手可以将其相关产品引用到到将未来的搜索整合中，同时免却大量内容管理所耗费的人力，另外也同百度知道形成了竞争性产品，如果天涯SNS平台获得巨大成功，将帮助Google大幅强化中文整合搜索功能，天涯问答、社区只是个开始，在不久的未来，Google中文搜索将有能力将搜索完全定位到个体，换句话说，通过搜索引擎， ... ...
-
电商专题设计中的常见问题 2011-04-12 01:29
前几天内部就近期的商城专题进行了一些评估，讨论了一些常见的问题。跟大家分享一下。 1 入口banner和专题头部要相呼应，不应有太大出入，可以选取相同的元素、背景等，保持视觉的延续性，以符合用户心理预期。 2 避免使用涉及到版权的字体，主标题如需使用，要对字体变形改造。 3 专题头部图片尽量控制在550px以内，以便保证在 ... ...
-
模块标签(Module Tabs)_Yaho... 2010-08-09 11:04
原文地址:http://developer.yahoo.com/ypatterns/navigation/tabs/moduletabs.html 如果页面中可用的空间很有限同时不希望页面刷新,则可以直接在内容上方放一行标签形式的链接,通过这种方式访问内容. 当前激活的面板需要有视觉标识,并且分类标题应该短,同时要小于10个.如果在使用情境中,内容不需要彼此之间同时查看,则可以使用 ... ...
-
移动网页设计的信息组织 2012-07-05 09:58
如何开始移动设计 对于我们中很多人来说，移动端设计是一个崭新的机会。但是，如果你过去是桌面端的网页设计师，如何将经验转换到移动网页端呢？当然，已有的一些工具，经验，技能仍然适用，只需开始思考下如何在手机上进行组织和布局。 组织架构 当你开始组织移动端界面的内容和操作时，一些可靠的信息架构准则：比如，清晰的标签（labeling），平衡的宽度和深度，妥当合理的心智模型，这些仍 ... ...
-
交互设计实用指南系列(11)—减少记忆负担 2010-03-20 11:39
写在前面的话 关于《交互设计实用指南》，我们最近收到很多朋友的反馈，有支持的也有批评的，在此一并感谢了，有你们的关注，我们才能走得更远。《交互设计实用指南》其实是收集和总结了交互设计上的一些问题，肯定有很多老生常谈的东西，是不是老生常谈其实不是问题，“问题在于，这些老生常谈的东西有没有被积累，有没有被传承，有没有被体系化。”（青云语） 《交互设计实用指南》的读者群涵盖了许多 ... ...
-
设计带来的消费情绪 2009-09-27 13:11
读完了International Journal of Design上刊登的论文Emotions by Design: A Consumer Perspective（作者：Ravindra Chitturi），笔记如下： --------------Fasten Your Seat Belt-------------------- 产品有两种特性：实用性(utilitarian)、享乐性(he ... ...
-
《移动设备交互设计》读书笔记[1] 2010-07-11 11:46
读书笔记，不是对书中的内容做完全的摘抄和援引，我是想把读过的内容，经过自己的理解归纳总结出来与大家分享讨论。一、如何理解移动设备移动设备是相对于不可移动的设备，这里说的不可移动设备不仅指计算机设备，可以包括游戏机，甚至普通电视机。对应的会有掌上游戏机或是移动电视机等，当然，重要的还是我们大家都在讨论的可以做移动互联网应用的多功能手机。同时，还包括一些更广义的移动设备，比如：1）可穿戴设备，目前 ... ...
-
浅谈按钮分组和位置 2010-09-13 17:25
按钮分组 按钮的分组可以让一个界面变得具有自我描述能力.在复杂的布局中，组织良好的各组按钮用以选择，而且因为很明显，这样可以很快告诉用户有哪些功能可以使用。 几个按钮放在一起，因为它们可能完成类似的功能。我们可以看范例iTunes的主窗口，四个角分别放置了一组按钮，界面中间的歌曲也有很多的行动点。加上滚动条，该界面只有有14个按钮。确实有很多的功能，不过因为视觉上和语言上的巧妙组 ... ...
-
从品牌网站看交互设计 2009-08-10 00:24
最近在研究品牌如何演绎，当然，看的时候没有忘记本行，分析了一下他们的交互设计~~ 路易威登LV 上图采用胶片展示多组信息——大片展示品牌渲染。 利用胶片或者类似相册的展示方式，能够展示更多的信息，视觉焦点放到上部，用动态或者滚动的选择方式让用户继续浏览下去。 比较适合主题醒目，品牌放大的页面。 上图采用多图展示细节方式—&md ... ...
-
慢50%也有更好的体验？ 2009-07-22 21:00
原文：50% slower but still a better experience? 作者：Martijn van Welie 译者：耿人杰 ———————————— 全文的分割线 ———&m ... ...
-
交互设计实用指南系列(2) –“有效性”之“... 2009-12-19 09:21
可及，通俗的说是“可以达到”，加上主语和宾语，在“交互设计”这个大的语境下，含义应该是“用户可以达到自己的操作目标”，这不是和“有效性—用户的操作是有效的”重复了吗？其实，在交互设计实用指南中，“可及”是一 ... ...
-
浅析表单设计的点点滴滴（一） 2012-01-07 21:24
表单，主要是负责数据采集的功能，需要访问者自己去填写，如访问者的姓名、邮箱、性别、地址、留言建议、设置密码、管理个人账户等等。时下表单无处不在，成功的表单设计不仅能提高用户的满意度，更能收集更加精确的数据，相反失败的表单设计只会收集到错误杂乱的信息，可能会最终导致潜在用户的流失。 一、组织表单的内容，给用户一个友好的引导 首先要明确的告之用户填的是一个什么性质的表单以及填完后能做 ... ...
-
形式追随内容？ 2010-03-01 20:37
今天想说的是内容和容器的关系，顺便把之前设计中碰到的问题和大家一起探讨下。我们从软件的设置说起。（这里以QQ的设置举例） 一个软件的设置（常称为系统设置）一般承载了软件所有的可配置选项。通过导航，把内容放置在不同的选项卡下面。 由于内容的划分是根据产品功能的逻辑划分，所以设计中经常碰到的问题就是：不同选项卡下面的内容多少不确定，对排版会带来很大麻烦。 正常情况如下图，& ... ...
-
设计稿标注首屏线的确定始末 2011-03-25 10:53
这是内部的一个邮件记录，分享出来听下业内同行的声音。 事情是这样的.. == 先是 A 推荐了白鸦的推到内部群： “设计师们一定要养成一个习惯：无论是原型设计还是视觉设计，一定要标注一下首屏线，明确首屏需要、可以显示到哪里。” == 然后，B 觉得这点子不错，根据内部统计系统中的操作系统、浏览器分布和屏幕分辨率等数据，结合浏览 ... ...
-
交互设计实用指南系列(8)—深广度平衡 2010-02-01 21:13
相信大家对街边林林总总的房产中介并不陌生，那么我们先看看下面这张图片。 图1 从右侧这家店的橱窗里，我们能迅速分清哪些是租房信息哪些是售房信息。因为店家很贴心的将房产信息进行归类，并且在视觉上做了一些划分，让我们对信息能一目了然。借这个小案例引出我们今天要分享的话题：深广度平衡。 1. 什么是深广度？ 其实“深广度”本身并 ... ...
-
me.com注册时的字符长度 2008-08-20 11:46
上图来自me.com的注册界面。 关于输入框的字符长度问题，me.com是这样设计的: 1、提示了最多32个字符。超过32后，你会发现输入不进去 2、在选择月份的时候，月份后面给了阿拉伯数字，便于识别 3、任何一个动作你都能得到反馈，任何一个状态你都能看到提示 . 如此细致的体验，你能做到么？ 我开始相信apple能做好me.com，能够做好互联网应用。 提问： 假设，字 ... ...
-
价格的表现形式与设计 2012-03-12 09:07
不管价格怎么表现，最敏感的还是多少钱，对用户来说这个是最关键的，所以数字又大又醒目就是最好的表现方式了么？平时在上网的时候有没有特别注意过价格的不同表现形式？ 我选了6个不同类型网站，看看他们在价格表现上有什么不同，分别是“淘宝”，“聚划算”，“携程”，“大众点评”，“ebay&rdquo ... ...
-
贴心的切换 减少重复操作 2012-05-22 21:43
常常在手机输入时，我下意识会先输入我想要的汉字，噼噼啪啪后才发现当前是英文输入法，于是我不得不删除这几个字母——切换回中文输入——重新输入。 这是一个典型的“切换导致重复操作”的例子。 切换在互联网产品领域的概念可以理解为:从一种页面到另一种页面后可以继续操作，通常用户为达到同一目的切换到不 ... ...
-
list视图方式浅析 2008-12-15 16:28
最近对list设计感兴趣，今天说的是list视图方式的设计。感觉有些细节非常有意思，拿出来跟大家讨论。 首先我们来看下windows下文件夹管理的查看模式选择（xp为例）： 这个功能带给用户更多个性化和便捷的选择。比如我选择的是图片文件夹。系统这时候自动新增加了幻灯片查看模式，非常的人性化。除此之外经常用到word软件也提供多种视图选择。 示意图： 在互联网产品中，我们也可以看 ... ...
