主要内容
-
交互设计入门--了解交互设计 2012-03-12 16:10
为什么会有交互设计,交互设计能够做什么? ▎1.成功的互联网产品具备哪些要素？ ①当你的Boss需要做个产品时，它首先必须是可实现的，这也是为什么核心程序员架构师的待遇普遍较高的原因，因为他们是生产力。那么成功的产品首先要具备--可实现模型。 ②产品做出来干什么？“方便用户，让用户玩的爽？”当然不是，产品的终极目标是盈利，你的领导也只关心 ... ...
-
浅析产品新手引导设计 2012-02-28 21:27
引导设计，现在也是大家比较热衷讨论的话题，各类的web产品也都纷纷效仿起移动端的引导方式，那么我先问一下，究竟什么是引导设计呢？ 什么是引导设计？ 我们把它拆开为“引导”和“设计”，那什么是引导呢？我们可以回归到生活中去寻找答案，导游带领游客参观景点，帮助安排食宿，让游客们轻松愉快地完成他们的旅程；老师教学生更快更深入地学习知识， ... ...
-
开发者得真的去用一次自己做的东西 2009-01-22 23:57
昨天心血来潮，在Feedsky上给自己的RSS Feed插入了一些分享内容 比较让人迷茫的UI 试下来，发现效果不好，每天插入一次的频率有些过高，feed里出现的分享性内容太多了，于是想去关闭这个功能。神啊，谁教教我，怎么关闭啊。 开发者得真的去用一次自己做的东西 这点上我很同意 白鸦的观点 《装，是必须的》，你起码得装成用户用一次，看看是不是一个像我这样的小白能够快速完成你期望我 ... ...
-
确认框的设计 2011-07-27 22:10
确认框，顾名思义，对关键的用户行为进行确认，比如“询问是否删除”，“告知已删除”。根据网上的观察，发现有的网站对确认框的设计缺乏合理性。本文谈谈自己的思考。 类别 根据触发目的，确认框分为两类：询问和告知。 询问 转推的确认框 询问，类似 Javascript 里的 confirm()，即：是否去做？ ... ...
-
数据可视化(二)：数据可视化和信息图像 2009-09-26 20:36
原文Data Visualization and Infographics 作者 Cameron Chapman 译者：西乔 深蓝色字体部分为译注 数据可视化的主要目的是借助图形化手段，更高效和清晰地交流信息。但这并不意味着数据图表会因实用而枯燥，因华美而繁复。使思想能有效地传递，良好的外观和内在功能性都缺一不可。虽然设计师们还是不能很好地把握设计与功能之间的平衡，而创造出华而不实 ... ...
-
Android那些事儿（三）安卓Pad交互特性 2011-02-14 00:48
Android Pad 和Phone一样都存在多尺寸问题。对于Pad，更揪心的是屏幕比例和尺寸的多样性，这些因素直接影响着UI的表现方式。比较困惑的是我们的如何设计一个兼顾各种屏幕尺寸，分辨率，比例和方向的Android Pad应用。为此我们质问自己Android Pad 和Phone有什么差别？Android Pad 和iPad有什么区别？ 现在很难找个能代表An ... ...
-
网站导航设计模式指南 2011-02-28 11:20
在网页设计中有一些通用的交互设计模式。网站导航各种各样的通用和大家熟知的设计模式，可以用来作为为网站创建有效地信息架构的基础。这篇指南涵盖了流行的站点导航设计模式。对于每一种网站导航栏设计模式，我们将讨论它的一般特征，它的缺点，以及什么时候使用它最好。 顶部水平栏导航 顶部水平栏导航是当前两种最流行地网站导航菜单设计模式之一。它最常用于网站的主导航菜单，且最通常地放在网站所有页面的网站 ... ...
-
交互设计就是讲故事 2010-08-16 08:53
注：本文为UIGarden约稿，作者是Windy，首发在Garden7月期电子杂志，这里。 不记得什么时候，我听到了这个故事：从前有座山，山上有座庙，庙里有个老和尚，在给小和尚讲故事，他说，从前有座山…… 它很简单，也许称不上什么精彩的故事，可是给我留下了很深的印象，而且听到以后再也没忘记过，你也一定知道这个故事吧？看到它，你有什么样的感觉呢？ ... ...
-
为iOS5设计消息通知 2012-02-07 12:17
通知中心作为iOS5的重大更新内容之一，可以将用户的iOS设备里的所有的通知集中放在一个地方，大大方便用户查看和管理。如果用户收到一封新邮件、一条短信，或者是一个添加好友的请求，无论在任何界面下（包括游戏等全屏应用），用户都可以通过从屏幕顶部向下滑，将通知中心“拉下来”，用户可以在这里查看到所有的通知。所以苹果在iOS5的介绍中说到通知中心是你随时掌握最新生活资讯的绝佳途径 ... ...
-
标签与标记的区别 2011-01-03 22:45
tag和label区别的问题去年曾经在概描述和泛描述中提出过，当时的结论其实不够明确，大概“tag是泛描述，而label是概描述”的意思。近来“做”产品感触不深，但“用”产品的触动，让我似乎更清晰了tag与label之间的区别。比如会碰到这样的情况： 网易邮箱里“极速3.0”和“简 ... ...
-
Apple文案初品 2010-06-21 21:30
几天前因为iPhone4的好文案在微博上分享了一下，说如果没人研究apple文案的话，我研究。最近就一直吊着这个事儿，翻看了apple和同类消费电子产品的网页，再次真切体会到了apple文案的强大。落笔之时，自己却底气不足，充其量只敢“初品”或者“管窥”。 写给营销人、策划人。 我认为研究apple文案，要从英文网站看起，大抵因为中国站绝大部 ... ...
-
对网页宽度设计的问题应如何讨论？ 2009-04-07 03:21
在网页多宽才合适这个话题上，白鸦一开始就抛出了650这样一个数字。后来我在 GR 里面分享的时候写：【其实 650 是不准确的...或者说不够严谨。与显示器尺寸、DPI 有关。用字数也不行，与字的大小也有关。】 关于这个严谨不严谨的问题，后来在 Gtalk 上与鸦又更详细的讨论了一番。分享知识，整理如下。 1、Web 排版设计上，没有一个单位（指CSS长度单位）是可靠的。哪怕在CSS中理想化的 ... ...
-
设计道路多美好,不知前方几多愁? ——UI设... 2011-05-25 23:16
iPad划时代地将我们带入了平板电脑时代，对于传统的移动终端的设计师而言，一个拥有更大的触摸屏幕，更大空间的舞台展现在大家面前，看上去一切都是那么的美好。然而如何在iPad上设计出优秀的用户界面？相信对于设计师们的挑战与忧愁远不止屏幕放大那么简单。 1.模拟真实，沉浸其中 大的屏幕、可以触摸的操作、支持多种手势…这一切条件都为让用户能沉浸于你的设计中提供 ... ...
-
交互设计与人机交互 2009-01-06 19:49
本文来源于在我书写日志填写标签时，曾想过是否需要定义一个“人机交互”的标签到交互设计类的文章下的想法。 于是，为了弄明白问题，也把自己弄明白，我从wikipedia特地找到了两个词的定义： 交互设计，又称互动设计（英文Interaction Design，缩写 IxD 或者 IaD），是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动 ... ...
-
关于WEB登录注册系统的下午茶 2010-12-17 00:38
引子 故事发生在一个懒散的午后，笔者发现MSN在登录界面出现的时候，不能修改默认值——也就是说必须完整地输入登录邮箱，看似无可非议的设计——真的是无可非议吗？ 全部输入太麻烦，还要按SHIFT+2（输入@），为什么不能让我选择下拉呢？ 明明默认显示邮箱是hotmail，我也是hotmail啊，为什么不能直 ... ...
-
19楼的广告位-不影响用户体验的banner... 2011-07-10 22:53
对于一些房产网站和地方社区网站来说，商家在网页上的硬广是其主要盈利收入，不断增加的广告收入，同时带来不断增加的banner广告，有的甚至在首页达到三屏至多，贴内五条硬广，另外还有无处不在的悬浮广告，关不掉的对联广告等等，用户苦不堪言，但为了盈利，能有什么办法呢，19楼，作为运营最好的地方社区网站，在广告位的设置方面，我觉得为我们提供了很好的参考。在不影响用户体验的前提下，banner广告怎么放呢。 ... ...
-
表格设计你要知道的(下) 2011-11-15 22:23
接上篇，看似简单的表格真要设计好还是需要花些气力的，看看下面这些细节设计点，你是否也知道？ 5.重点在于行或者列 表格是由最简单的行、列、单元格构成的，根据浏览的目的和希望突出的信息不同，行、列、单元格都可以通过一些变化进行强调，这是将信息通过表格传达出去的最为根本的使用方式。 邮箱产品就是强调行的表格设计的典范，像Gmail、Yahoo Mail、126邮箱，这些表格没有纵向的 ... ...
-
手风琴导航(Accordion)_Yahoo... 2010-07-14 23:07
最近事情很多,工作,生活,感情,亲情…..每个人在每个方面或多或少都会收到过挫折和困难,但是请享受并面对,因为这样才是完整的生活…… 从Yahoo Pattern中学到不少东西,看这块中文信息比较少,所以打算开始翻译一下.同时因为手风琴导航这个组件在新版的客户端中也开始使用,所以先写这个. 原文地址: http://developer.ya ... ...
-
如何设计一个良好体验的用户界面（上） 2010-11-01 16:03
原文链接：http://bbs.tutu001.com/thread-72-1-1.html 当设计一个web应用程序或项目时，功能往往是首先要被考虑的。在大多数情况下，这是一件好事。 大部分人在使用的应用程序时，是因为它们是有用的，而不是因为它们看起来很漂亮。 但是，这并不意味着你可以忽略良好的界面设计。 良好的用户界面设计可以增加用户对于Web应用程序的用满意度。 良好的用户界面设计与 ... ...
-
如何快速开展简约版启发式评估 2009-04-21 13:25
启发式评估概述： 启发式评估（Heuristic Evaluation）是一种用来发现用户界面设计中的可用性问题、快速、高效、低投入的可用性方法。 启发式评估是让一小批评估人员依据启发式准则来评估界面，判断这些界面是否符合这些准则，指出其中存在的可用性问题并提出改进建议。 参加启发式评估的人员通常是可用性领域的专家（但是专家一般很难找到）、或有一定可用性知识的设计人员。 Jakob Nielsen ... ...
