主要内容
-
三言两语：美国雅虎首页改版 2009-07-23 22:58
昨天美国雅虎正式宣布网站首页的新版，这也算互联网一件大事，尤其是对设计的朋友们。而且现在的美国雅虎的情况也不是很好的情况下有大刀阔斧的进行改版，也算是要有一些魄力了。其实这次新版早在几个月前就已经在某位同行的博客中透露出来，不过当时没有过多注意。昨天宣布正式改版以后，上去逛了一圈，才仔细的研究了一下。总体的评价就是这次的改版就相当于Vista到Win7，也就是说内核不变，但是在交互和体验上下功夫。 ... ...
-
混乱的Android菜单 2010-06-08 10:26
Android有两种菜单：选项菜单（Options Menu）和情境菜单（Context Menu）： 选项菜单作用于全局界面，物理按键Menu弹出菜单，应用程序中将较少使用的命令放入此菜单中，或者界面中信息密度多大，部分命令无法完全显示时，可对选项菜单加以利用。使用触摸屏无法调用此功能。 情境菜单只作用于某一选项，触摸屏持续点击（Touch&Hold）才会弹出此菜单， ... ...
-
用面包屑来简化多层的tabs 2011-06-12 23:31
一个网站信息结构需要表现给用户看，这样用户才能知道当前是在哪儿，才有可能去猜测某个内容可能会在哪儿。 如何表现网站的信息结构给用户呢？ 用导航。 Tabs导航不错！ Tabs导航是一种表现形式，可以很直观的表现出当前所在的栏目和与之同级的其他栏目。 用tabs这种形式来表现导航是个很好的办法，也是很常见的。然而，如果一个网站的信息结构很复杂，层级很多，那么就经常会是tabs套ta ... ...
-
关于联系人排序的思考 2012-06-06 11:52
目前，对于联系人的排序，如果不考虑对方的在线状态，一般都是按照音序排序的。所谓音序排序，也就是拼音字母的顺序：首先是按照整个拼音的首字母（26个字母从A~Z）的顺序排列，如果首字母相同，则依次按照声母顺序、韵母顺序以及音调顺序进行排列； 举个例子来说 如： 阿（a） 白（bai）：与阿相比，首字母b在a之后，所以“白”在“阿”之后； ... ...
-
网站导航设计杂谈 2009-08-12 11:20
“网站策划中百分之七十的工作是围绕网站导航开展的”——这句话是错的。许多优秀的网站成功在导航设计，许多糟糕失败在导航设计，这个现象的确存在，但这并不意味着导航设计占有网站策划工作的绝对重心。 不是所有的网站都需要导航 策划这类思维活动，一旦形成了惯性也就失去了创造力。很多从事网站策划的朋友，总是把着眼点放在了网站的导航，殊不知很多网站 ... ...
-
瀑布流布局浅析 2011-09-15 22:31
简介 如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？ 类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。 这种布局适合于小数据块 ... ...
-
设计模式库大搜罗 2009-02-17 01:00
对于一个设计团队来说，好的设计模式库能够帮助实现规范化，从而减轻界面开发的工作量，提高一致性。而对于设计师个人来说，设计模式库有助于减少误用、滥用，以及无效的创新。 著名交互设计师Jared Spool曾总结出优秀的设计模式库应有的元素，它们包括： - 模式名称（Pattern Name） - 描述（Description） - 应用场景（Context of ... ...
-
诺基亚手机的静音模式操作的设计 2009-04-12 20:54
某日和同事闲聊，突然才得知在诺基亚手机上设置静音时，可以有一个很方便的操作方法，那就是长按 # 键，实际上长按 # 键可以用于在静音和正常模式之间进行切换。由于我经常将手机切换为静音或正常模式，因此我觉得这个操作方法很好很方便，因为普通的设置操作需要很多步骤，很繁琐。 我进而又思考，为什么我不知道这个快捷操作方法呢？是我比较笨，还是其它人也不知道吗？问了问其他同事， ... ...
-
web表单按钮的使用 2008-10-30 21:44
Article copyright by Gabriel SvennerbergGabriel Svennerberg版权所有 原作者：Gabriel Svennerberg；译者：UCD翻译小组，mysmth2003原文网址：http://www.svennerberg.com/2008/09/the-use-of-buttons-in-web-forms/& ... ...
-
Android那些事儿（二）安卓手机交互特性 2011-02-14 00:54
接上文《android那些事儿（一）成长中的Android 》。本文描述了与其它触屏手机系统和桌面系统不同的Android平台特性，这些特性需要更多的表现在我们开发的应用程序中，以保证这是一款Android手机的应用。这些特性可能对于习惯了其它手机操作系统的用户可能有不习惯的地方，需要重新学习和适应，另外在成长期中的Android系统也会存在不足，这些特性的总结有助于应用的用户体验提升。 ... ...
-
需求是如何变成产品原型的 2010-07-28 18:03
在一个互联网公司的工作流程中，产品经理（主要指偏向产品设计的产品人员）和交互设计师是这个流水线上最起点的环节，也是关系最暧昧的两个环节。说 其暧昧，是因为在很多互联网公司里面，这两个环节所做的事情是有重合的，这就意味着，他们或许也是整个流程中合作最紧密的两个环节。 相对比之下，产品经理更关注的是产品的内部逻辑、操作流程、策略等；而交互设计师更关注的是产品的易用性、流畅度和操作感 ... ...
-
手机界面常用导航设计分析 2011-04-08 23:44
所谓的交互设计，其实设计的就是人如何向机器发送指令，机器如何向人传达信息，一来一往是为交互。当要传达的信息量很少时，好办，就想Google的搜索框那样，往白底上一放就行了。但当等到信息是海量的、在一屏上难以全部呈现时，就需要有效地组织信息，将部分信息先隐藏起来，待到用户需要时再将用户引导到那里。在界面设计中，广义地来讲，从一组信息向另一组信息转移的的过程，就称之为导航。 明确了定义， ... ...
-
App加载交互-当前窗口进入新窗口 2011-11-27 21:27
App窗口的加载（如:列表窗口进入详情页的loading方式）是一个容易被忽略的问题。为什么呢？原因很多：1.大家（包括设计师）都习惯了Web端先进入新页面，后等待加载的方式，app直接沿用了；2.网速好的情况下，两种加载方式使用体验没太大差别。3.设计师、产品经理通常觉得加载是工程师该考虑的，可是除非项目时间充裕，且遇到非常有sense工程师才会有考虑提前加载。 然而，很多情况下提前加载的好处 ... ...
-
用户研究员对比原型有感 2009-12-20 21:10
一般我们会觉得，最终呈现给用户的UI是交互设计师水平的直接反映。但作为用户研究员的我，开展原型测试时接触、比较过各条产品线十多个交互设计师所做的原型，深刻体会到：原型的质量，有时更能体现交互设计师的功力——包括思维能力、组织能力以及细致程度。就比如你看一个美女穿着光鲜亮丽得体，但你得看过她家里才知道她到底是淑女还是邋遢女。 原型的质量，是指保真程度么？非 ... ...
-
对豆瓣UI的几点看法 2010-02-24 10:27
近日，豆瓣娘开始换装，萌不萌，萝卜白菜各有所爱。只是，在下觉得很不萌。那么，不懂设计的在下，仅仅纯粹出于对美的追求，想跟大家一起分享一下豆瓣娘的新首页设计是多么的混搭，多么的波西米亚布尔乔亚阿尔及利亚。嗯，首先吐槽的是配色：我说豆瓣娘啊，虽然豆瓣这种植物是粉绿粉绿的，你也不必对绿色纠结到如此地步吧，一个页面上用了这么多种绿，让我不得不怀疑你跟绿×娘是不是有神马JQ！其次是字体，只有一句 ... ...
-
令人纠结的表单设计——水平选项 Or 垂直选... 2011-03-27 08:58
在Luke Wroblewski的《Web 表单设计：点石成金的艺术》中，提到了一些非常有用的表单设计原则。 其中我最感兴趣的部分是水平选项（tab）与垂直选项（tab）的对比。 水平tab： 水平tab指的是把选项tab水平放置在面板上方。不仅显示了一组初始选项，而且还具有强调当前所处tab的强大指示作用（注：下图中，不同tab之间是互斥的关系，提交按钮在tab ... ...
-
电子商务网站收银流程设计基本指引 2011-04-10 11:32
原文链接：Fundamental Guidelines Of E-Commerce Checkout Design 1. 收银流程必须完全线性 （Your Checkout Process Should Be Completely Linear） 要点：一个步骤中嵌套另一个步骤的做法会让用户感觉迷茫和恐惧，因为它和用户完成付款时线性操作的心 ... ...
-
我们的原型设计方法 2010-03-22 21:46
根据Standish Group的“Chaos Chronicles Report ”，大约 66% 的软件开发项目不是失败，就是超出预算、超出项目时间，或是交付缩水的功能。 项目失败或亏损的前三大原因为： 缺乏使用者的参与 需求或规格不完整 需求或规格变更 白大哥在上一回的《我们的UED设计流程及方法》中也提到，一些需求管理 ... ...
-
浏览器tab的设计 2008-08-04 00:19
虽然现在IE还是主导了整个浏览器的天下，但IE靠的并非是产品设计上的优势，而是依靠windows的力量，因为绝大多数的初级网民认为IE的产品体验不妨碍他们浏览网页。从产品体验上来看，其他浏览器的tab的设计体验，是让很多IE用户倒戈的直接原因。 浏览器tab的历史 在10年以前，互联网萌芽的时候，所有的网站设计的原型都是来自于软件，IE也刚刚奠定它在浏览器世界的霸主地位，但在当时，浏览 ... ...
-
如何设计有效的布局？ 2009-09-13 13:03
该[指南]版权以及最终解释权为作者阿里巴巴（中文站）用户体验设计部 李龙（李小帅）所有，转载请注明出处。 什么是布局？“布局”是指页面内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的内容至关重要，并可以在结构外观上令用户感到舒服。如何设计有效的布局？1. 具有清晰的视觉层次。布局应当让页面各元素之间的关系和重要性一目了然。你可以通过适当使用下列属性来 ... ...
