主要内容
-
浅析移动应用的导航模型 2012-06-10 18:45
和网站一样，移动应用也具有自己的信息架构，根据应用的性质以及核心功能界面之间的关系，来对其采用合理的信息结构，此时，移动应用的导航模型便起到了穿针引线的效果，一个好的导航将使得应用的信息架构清晰明了，且操作简单高效。 移动应用的导航模型基本包括 平铺页面、标签tab、树形列表、九宫格、以及目前较为流行的左侧列表等，以下针对几种常见的导航模型进行简要分析和比较，以帮助我们选择最合适的导航模型，提升 ... ...
-
小屏幕移动设备网页设计注意事项 2010-10-08 22:28
在过去，小屏幕移动设备网页通常也被称之为WAP页，或WAP站。原因是这类网页起源于一个叫WAP的无线协议。WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言（Wireless Makeup language）的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。 而如今的小屏幕移动设备，比如手机，都已经具备访问WWW的能力。其内置的浏览 ... ...
-
阅读好体验的准则：100% Easy-2-R... 2012-08-03 09:18
译者：前两天看到一篇文章，觉得挺不错的，就简单翻译一下分享给大家。 大多数网站都挤满了小号的文字，使人阅读起来感到很痛苦。产生这个问题的原因是什么呢？如果我们稍作思考就会发现，没有理由将如此多的信息都硬塞进一个小小的屏幕当中。其实，这只是一个历史遗留问题，因为过去的时候屏幕真的是很小。 屏幕 VS. 杂志：100%并不大（来自Wilson Miner） 所以&he ... ...
-
手机发送验证码的用户体验探索 2008-11-13 19:49
概念没弄清之前，不敢冒用“XX设计”、“XX结/架构”字眼。 手机发送验证码，是个最简单的例子。从用户角度讲，流程如下： 输入手机号（输入）->获取验证码（点击）->输入验证码（输入）->确认（点击） 这四个步骤中所有操作都是非选择性的，也就是 ... ...
-
中文段首不需要空两格 2010-04-22 22:33
首先要搞清楚“空两格”的意义是什么？段首空格表示段落重新开始，基本小学写作文都这么教的。但“空两格”真的就能清楚标示段落么？这个问题被放大到互联网上，尤其在对比英文段落效果后，中文段落“空两格”的传统开始受到质疑。先来看新浪博客网志页的两格例子： 1. 无空格无换行排版（下图） 2. 有空格无 ... ...
-
用Flash Catalyst做交互原型 2009-06-18 21:41
稍微试用了几天，总体上有这么几个感觉： 1.原理上与其他原型工具大同小异，基本上都是“制作分状态页面—>定义事件关联—>定义交互效果”的套路。 2.从功能上看，Fc像是ImageReady、Flash和Axure 的结合，操作形式上有Balsamiq Mockups的影子,熟悉这几款软件的同学上起手来应该是很快的 ... ...
-
Change.gov -那些美丽的细节 2011-07-30 15:26
前段时间，突然想去看看奥巴马的网站是怎么设计的，于是Google到了Change.gov。 刹那间眼前一亮---简洁大气，充满了成熟之美。 一直想写篇赏析来学习下Magicwan的设计，一直拖到今天(懒惰的人啊) 一.Background 深蓝色背景，给人踏实，稳重，具有可靠信赖感。 二.Head ... ...
-
又是为了触屏移动设备而设计 2012-02-24 16:31
印象当中，最近这些年的春天总是会带来让人觉得真心别扭的气候体验，雨和冷风就像催化剂一样，让生活和工作当中的人和事也变得异常凌乱，仿佛一团被咀嚼到完全失去味道的槟榔。November Rain前奏当中的钢琴旋律多少可以让心安然一些，一旦摘下耳机便又是个令人想要把自己的脑袋拧下来吃掉的世界。 可脑袋一旦被拧下来，就什么也无法吃的样子了，不是吗。说正事儿吧。Designing fo ... ...
-
为用户的成功操作提供正面反馈 2012-07-31 09:25
炎热的天气，宅在家中拉上窗帘一边看着喵们耍宝一边做博客，这情景让我想起阿拉蕾一家。Take me down to the paradise city where the grass is green and girls are pretty. 下午茶一般的小文一篇，关于操作响应、正面反馈、用户满意、皆大欢喜一类。进入正文吧，毫无压力。 我们喜欢告诉用户他们做错了什么，我们准 ... ...
-
合理的交互，恰当的视觉 2011-09-02 15:35
交互设计和视觉设计的重要性，业内已经达成了共识。 最近看了iphone版海豚浏览器的设计方案，正好借机再陈述一下相关的设计原则。 我想说的主要有三点： 1.交互设计受限于硬交互（硬件本身的基础交互属性），设计要在硬交互的基础上进行扩展。 2.视觉设计最首要的任务是辅助交互设计，进行恰当并谨慎的视觉引导。 ... ...
-
泛议网络表单可用性规范 2011-11-16 21:15
转载自： An Extensive Guide To Web Form Usability 作者：Justin Mifsud 小的水平有限，词不达意，忘见谅～！肯定漏洞百出，请随便耻笑指正～！ 泛议网络表单可用性规范 以下做法与你将读到的内容完全背离，那就是为你的表单点缀漂亮的按钮，颜色以及排版甚至充沛的jQuery插件，这些都无助于可用性。事实上，这么做你 ... ...
-
iOS Wow体验 - 第六章 - 交互模型... 2012-06-10 14:59
本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第六章译文精选，其余章节将陆续放出。上一篇：Wow体验 - 第五章 - 利用iOS技术特性打造最佳体验 关于本套译文分享的详情及目录结构，请参考iOS Wow体验 - 译文分享说明。 全文由C7210自发翻译(编译)，并首发于Befo ... ...
-
组件和模式 2009-04-15 00:15
组件和模式Nathan Curtis 版权所有2009年1月9日 译者：UCD翻译小组，Stan校审：远骋，Angela原文地址：http://www.uie.com/articles/components_vs_patterns 编者按:今年四月,在UIE应用高峰会议上，应我们的要求，Nathan Curtis会做一次关于实现组件和模式重用的演讲。其间，Nathan讨论了组件和模 ... ...
-
WP7交互特性浅析及APP设计探究 2011-10-28 17:05
Windows phone7是无线领域的新生力量，但是迟迟没有进入中国市场。Mango（注意WP7和mango不是一个概念）的发布带来了中文的操作系统，也让人们看到了该系统的无限可能。在此，我结合自己在进行相关应用设计的经验以及自己对WP7系统认识和理解，浅谈一下这一特别系统的交互特性。 本文索引： 涅磐重生的WP7（以及它的历史简介） WP7对比iOS和An ... ...
-
视图模式：Android ViewPager... 2012-12-12 16:02
在iOS，Android和WP三家移动平台上，iOS的可用性是目前用户接受程度最高的，但是Android和WP也有不少各自平台的设计亮点，本章主要介绍Android和WindowsPhone的两种特色视图模式：Viewpager & Pivot。而且博主很负责的说，这两种视图模式是优异于iOS平台的。 1.名词解释 Android的ViewPager Vi ... ...
-
比“以‘PRD’为唯一依据”更高效的产品设计... 2008-07-26 21:45
在上期关于信息架构的文章里我匆匆留下”一个网站不超过30个界面”的观点，有不少人表示疑问和不解。 其实这里是我未表述清楚，结合Angela在上期介绍的这个迭代过程：”任务分解(粗略) > 信息架构(主要) > 任务分解(详细) > 信息架构(详细)”。应该不难明白：事实上我所说的”30个界面”是指&r ... ...
-
浅谈“最小化”和“关闭”的交互体验 2012-12-24 20:30
随着互联网的发展，不同软件在作用不同的情况下有着不同的交互方式，下面来谈谈我们每天都接触的“最小化”和“关闭”。 按照最原始的设计意图，“最小化”是将程序暂时折叠起来，“关闭”是纯粹的程序关闭。但是现在你可以在很多客户端看到有以下这样的情况： 点击&l ... ...
-
Android和iPhone，统一还是差异化？ 2010-06-29 09:01
Android平台和iPhone平台虽然都是潜力无限的触屏系统，但是iPhone的设计风格已经成型，设计规范也得到了广泛的认可，Android平台却有很多的不确定因素，可以这样设计，也可以那样设计，没有硬性的规范，也没有顽固的用户习惯。并且由于平台具有开放性和延展性，Android系统不像iPhone，只有320*480一种分辨率、一个home键，而是根据硬件厂商的定制，可以有多种分辨率、可以有全 ... ...
-
数据可视化(三)：数据可视化及信息图形的设计... 2009-09-26 20:37
原文Data Visualization and Infographics Resources 作者 Cameron Chapman 译者：西乔 数据可视化及信息图形可以让复杂的数据集变得明了易懂。通过将数据和统计结果图形化，复杂的概念和信息可以在更短时间内呈现更多含义。 大部分数据可视化处理的对象是具体的数据或统计结果。另一些则致力于表现无形的话题，为抽象概念提供可视化的 ... ...
-
拒绝一页一页又一页 2011-10-24 10:25
手机屏幕大小有限，但应用产品功能太强大，十多个页面都装不下，于是我们总会面对一级又一级的次级界面，并迷失在其中。 而实际上，我们对一个产品的要求往往很纯粹，大多数的操作也就集中在那2,3个页面中，虽然次级界面有助于我们把握逻辑关系，但过多的页面&ldquo ... ...
