主要内容
-
表格设计你要知道的(下) 2011-11-15 22:23
接上篇，看似简单的表格真要设计好还是需要花些气力的，看看下面这些细节设计点，你是否也知道？ 5.重点在于行或者列 表格是由最简单的行、列、单元格构成的，根据浏览的目的和希望突出的信息不同，行、列、单元格都可以通过一些变化进行强调，这是将信息通过表格传达出去的最为根本的使用方式。 邮箱产品就是强调行的表格设计的典范，像Gmail、Yahoo Mail、126邮箱，这些表格没有纵向的 ... ...
-
下拉框和搜索输入框的二三事 2011-11-15 22:17
下拉框和搜索输入框组合是页面常用的标配之一，是串起独立页面的一种纽带。下拉框和搜索输入框的组合较多出现在行业性比较强的网站或是各种后台系统，而且会在其页面的的重要位置显示，让用户能很容易找到查找产品的入口。撇开其行业内容不谈，下拉框和搜索输入框的组合顺序和其每个独立的下拉框的内部顺序对于是否能快速精确的定位用户想要查找的内容起着至关重要的作用，同时，也将左右用户的操作次数和思考次数。 &n ... ...
-
细节思考表单交互设计之必选项思考 2011-11-03 10:16
每当页面中出现洋洋洒洒的表单，用户就会开始感到头疼，有些用户就会直接选择放弃，而我想讨论的是，如何面对表单时让用户直接注意他们需要填写的必填项，减少不需要的信息的干扰。 必选项是以什么形式出现在现如今的表单中的呢？ 1、 表单信息的表现类别 下面是一个关于web表单设计的调查报告，这个结果来源于100个令人瞩目的网站。 41%的网站使用标签右对齐 （You ... ...
-
直达电梯－导航 2011-11-03 10:13
超大信息类站点的导航条就像中药铺的抽屉，一字排开气势恢宏，分别拉开，别有洞天。 国人喜好：多！大！全！最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可见一般。至此，对比浏览了同类大型新闻信息类站点，发现中/洋；东/西，界面感受果然不同。 今天只说导航，只对比了新闻类站点： （娱乐类，设计类，个人站点导航形式多样，逻辑复 ... ...
-
社会化网络的核心，信息内容设计（上） 2011-11-03 10:13
提起社会化网络，几乎成为网络最热门的话题之一，从最早的MySpace 、facebook、twitter开始到现在，社会化热潮还在继续，无数围绕着“社会化”的应用或是产品层出不穷。Facebook的同学朋友、QQ好友、微博关注粉丝、开心校内的同事同学， “社会化网络”似乎总是和“人与人之间的关系”紧密相关，就会造成一种错觉&m ... ...
-
交互设计那些事儿（二） 2011-10-31 23:36
《交互设计那些事儿》之一完工后，承蒙各位抬爱，在微博时代被大量转发和分享，也让我收到一些邮件，询问我下篇为何还不出来？请原谅我的惰性，每个周末都给自己找了不少借口一拖再拖，上个周末又在家里养了两天的病——在此提醒朋友们，换季季节，多喝水，多休息，少生病哈。 一. 理论前提 1. 人机交互与人类信息处理机制理论 既然产品设计出来不是给设计师用的，而是给用户用 ... ...
-
WP7交互特性浅析及APP设计探究 2011-10-28 17:05
Windows phone7是无线领域的新生力量，但是迟迟没有进入中国市场。Mango（注意WP7和mango不是一个概念）的发布带来了中文的操作系统，也让人们看到了该系统的无限可能。在此，我结合自己在进行相关应用设计的经验以及自己对WP7系统认识和理解，浅谈一下这一特别系统的交互特性。 本文索引： 涅磐重生的WP7（以及它的历史简介） WP7对比iOS和An ... ...
-
移动产品设计之ios导航模式 2011-10-27 22:15
写在前面：刚开始接触移动产品设计的时候对着设计指南懵懵懂懂的感知了一下，但是还是不甚寥寥。最近读《触动人心》，发现作者对ios的导航模式的总结实在太棒了，于是写下这篇读书笔记。 导航始终是产品设计的重头戏，往往产品设计中90%的事情就是在做导航。在iphone中预置了3种可以直接使用的导航模式，平铺列表、标签页、树状结构，每种模式都配有不同的工具栏和控件。三种导航模式可以独立使用也可以混搭 ... ...
-
拒绝一页一页又一页 2011-10-24 10:25
手机屏幕大小有限，但应用产品功能太强大，十多个页面都装不下，于是我们总会面对一级又一级的次级界面，并迷失在其中。 而实际上，我们对一个产品的要求往往很纯粹，大多数的操作也就集中在那2,3个页面中，虽然次级界面有助于我们把握逻辑关系，但过多的页面&ldquo ... ...
-
全屏弹出广告交互设计探讨 2011-10-24 00:37
一、广告类型及使用场景 图片JPG或者GIF，屏位高，面积大的广告必须考虑页面加载广告后的流畅程度用于大型活动推广，频率控制在一季度或一年度一次为宜。 二、设计目标1、效果好！尽量让茶坊用户都注意到这个活动。2、干扰小！把对此活动不感兴趣的用户的干扰降到最小。 三、设计要点1、什么屏位最恰当？ 2、是否可以遮挡内容？绝对不可以！这就是为什么取消背投而采用其他广告来替代的原因，背 ... ...
-
iphone Web App 导航设计探讨 2011-10-21 10:53
最近在做iphone端Web App的项目。由于产品形式新颖，技术环境不成熟，公司给与了较宽松的研发时间。在一个月的交互设计阶段，每个环节都得到多次讨论推敲，我从中感悟颇多。导航系统的设计是一个比较典型的点，拿出来与大家分享讨论一下。 导航系统所遭遇的挑战 iphone Native App较常见的导航如下图所示： 手机屏幕底端：A、B、C、D四个tab组成该Nati ... ...
-
Android硬体键交互之“选项菜单” 2011-10-13 22:04
众所周知Android没有明确的GuideLine，虽说没有严格的规范来限制设计与创新很，但这也导致市场上的Android应用设计上的混乱。一个典型例子就是选项菜单Options Menu。 混乱的菜单 Android机器采用的硬体键来呼出菜单，这种方式在表现上隐性的，用户对于何种情况下可以呼出何种菜单没有预见性，甚至是否可以呼出菜单都没有预期。 如何解决 ... ...
-
交互设计那些事儿（一） 2011-10-09 19:54
转载请注明来处，关注我，请点击：http://weibo.com/heidixie 这是一次内部分享，新部门的同学们希望我聊聊我过去从事的交互设计，做个了面对入门者等级的PPT，和各位简单聊了聊。发到微博上，也敦促自己对交互设计从业经历做个简单总结。——类似的文章，貌似自己在三年前也写过…… 一. 什么是交 ... ...
-
手机产品设计之用户引导 2011-10-09 19:31
在手机产品的设计过程中，由于手机界面的承载能力有限，产品功能的不断膨胀，必须要在用户打开应用之后告知他某些新奇的功能，引导他完成某些主要任务流程，让用户不至于迷失在陌生应用中不知所措。帮助用户快速掌握应用的使用方法，体验到应用的乐趣，新手引导成了一个必须考虑的设计环节。 用户引导的直接目标是帮助用户更好的使用产品，终极目标是提升用户满意度。虽然，大多数情况下，我们可以通过合理的设计，尽可能 ... ...
-
文本设计的注意事项 2011-10-08 22:55
应用程序中出现的文字统称为文本，根据作用的不同可以分为标题、控件标签、补充说明、错误信息和运营文本等。文字信息是最基础的交互元素，如早期的命令行界面，用户依靠阅读和写字符与计算机交互，大量的字符需要用户记忆，图形界面增加了直观的图形交互，降低了学习成本，但文字本身传递意义最为准确，复杂的信息还是以文字描述为主，所以在界面设计中依旧重要，易于理解的文本可以提供用户的操作效率。 简洁 ... ...
-
不拘规范的iPhone优秀应用设计细节 2011-10-05 15:34
作为一个刚入行的交互苦逼女，最烦恼的事情是如何解决“iPhone原生的界面控件无法满足产品日益增长的功能需要”这个大矛盾。一方面，如果保守地采用传统的iPhone控件，不能给产品带来太多的创新价值；另一方面，如果过于突破，又害怕不能通过APP Store的审核，开发同学辛苦之后却竹篮打水一场空。纠结通过的时候，看到APP Store上有一些创新的设计 ... ...
-
iOS的隐性导航设计 2011-10-03 12:26
移动设备阅读类软件最重要的特性之一就是尽可能的增大阅读面积，为此，就必须尽可能的让屏幕中的导航占到最小，甚至隐藏，手机浏览器也基本属于阅读类软件，最近流行的海豚浏览器甚至将电脑中的“鼠标手势”引入到手机浏览器中。 什么是隐性导航 下图是iOS中read it later软件的阅读界面，除了最上方的状态栏，阅读区域占满了整个屏幕，没有任何诸如“返 ... ...
-
Android4.0最应该改进或创新的7个控件 2011-09-28 15:16
基于android2.×设计app远比基于ios平台来的百转纠结，肝肠寸断。我觉得android混乱，我认为原因就在这里——android平台自带的控件不好用，开发者不得不自己定义控件。如果需要设计android shell，我认为第一件事情就是重新定义以下的这些控件，这会让你的平台好用很多。就像你开始出牌之前，最好先摸一把好牌，这样赢的机率更高。所以这篇文章也 ... ...
-
浅析手机语音交互设计 2011-09-27 11:06
语音识别技术，也被称为自动语音识别，其目标是将人类的语音中的词汇内容转换为计算机可读的输入，例如按键、二进制编码或者字符序列。 语音识别技术作为输入方式，比按键输入和手势输入更为快捷，学习成本很低，对于非特定人连续语音识别系统的识别率达到98.73%，已经达到实用要求，具有广阔的应用前景，在手机端的应用有语音拨号、语音输入、语音命令、语音搜索和语音翻译等。 语音的技术原理比较复杂， ... ...
-
App加载(二) 当前窗口进入新窗口解析 2011-09-26 17:56
- 关于首次使用以及新开App载入默认页面查看 《App加载(一) App载入默认页面交互》 这里我们聊聊App从当前页进入新页面交互（如列表页进入详情页面） 通常两种方式 方式一：在新页面载入。（A到B，在B页载入） 这种方式沿用了传统互联网的页面载入方式，也很常用。优点：即时切换页面。适用：B页信息量大，如长篇图文混排信息页。建议：1).进入B页时不要使用空白 ... ...
