主要内容
-
从iOS到Metro - 重新设计应用的交互... 2012-07-11 09:09
上周有幸玩了一会Metro的平板。单说视觉风格，仍是我的大菜，但真正用起来却不觉得舒畅，尤其是横向浏览内容列表的时候，视线不停的在X轴与Y轴之间切换，很快感到头晕目眩，这一切似乎比瀑布流更加凶残。 当然，仅仅是个人感受；我不想这样就得出Metro中看不中用的结论。做这篇译文大致可以代表我的立场，即相比于iOS来说，Windows这套东西确实有很多独到的精华在里面；我想通过这样 ... ...
-
Web导航设计二三事 2012-07-05 10:22
导航在Web中扮演一个回答用户“我是谁？”“我从哪里来?”“我到哪里去”的角色。好的导航是一个网站的主要基石。而在开始设计一个网站或者改版一个网页时，它往往是设计师第一个面临的挑战。 01 导航设计之信息架构 信息架构决定了导航的定性，在设计之前 ... ...
-
界面设计中的结构设计 2012-07-05 10:19
构建界面视觉层级的元素有颜色的显著程度，图片、文字的尺寸大小，还有最基础的，内容的组织结构。 结构设计是指对界面内容进行分组，对界面中的信息、数据进行设计使之结构化呈现的过程。 好的结构设计能使界面信息传达更加清晰、快捷。那么，如果进行结构设计呢？ 结构设计———内容的分组 使用线、框、背景色来分组 这是最常见的分组方式， ... ...
-
说说瀑布流式网站里那些可人的小细节 2012-07-05 10:06
瀑布流式布局，想必设计师们已不再陌生，随着pinterest自2011年开始走红，瀑布流式的布局被越来越多的网站所使用。花瓣网、堆糖网、布兜、发现啦，美丽说，蘑菇街，人人逛街，凡客达人等，复制Pinterest的网站在中国蜂拥而现，粗略估计已有几十家之多。 为什么选择瀑布流？既然pinterest式蜂拥而现，我们先从体验角度看，瀑布流布局为什么好？笔者浅见。随着读图时代快餐式消费的来临，瀑布 ... ...
-
移动网页设计的信息组织 2012-07-05 09:58
如何开始移动设计 对于我们中很多人来说，移动端设计是一个崭新的机会。但是，如果你过去是桌面端的网页设计师，如何将经验转换到移动网页端呢？当然，已有的一些工具，经验，技能仍然适用，只需开始思考下如何在手机上进行组织和布局。 组织架构 当你开始组织移动端界面的内容和操作时，一些可靠的信息架构准则：比如，清晰的标签（labeling），平衡的宽度和深度，妥当合理的心智模型，这些仍 ... ...
-
iOS Wow体验 - 第六章 - 交互模型... 2012-06-27 09:33
本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第六章译文精选的第二部分，其余章节将陆续放出。上一篇：Wow体验 - 第六章 - 交互模型与创新的产品概念(2) 关于本套译文分享的详情及目录结构，请参考iOS Wow体验 - 译文分享说明。 全文由C7210自发翻译(编译)，并首发 ... ...
-
如何绘制业务流程图(二) 2012-06-27 09:32
接上篇《业务流程图绘制流程分享(一)》，本篇将对上篇中间的第四部分——如何绘制业务流程图展开更多讨论。 本来写完上篇，我发现没有太多必要单纯讨论这一部分内容，因为对于很多人来讲，缺的不是具体的做法，而是做这件事情的意义以及目标性的明确。一旦对这件事情的意义和目标有深刻认同，那自然会产生较大的动力去研究How这个层次的所需方法和技能。时间管理也如此，很多时间管理技巧 ... ...
-
Banner设计“点横竖撇捺” 2012-06-27 09:17
文字，这种与人类历史几乎同步的信息表达形式，同样也是视觉传达设计中最重要、最基础的元素之一。她的历史沿革应该已经有非常多的同学做过分享介绍，这里就不再赘述。我想讲述的是字体在网页设计中的运用，她最为常见的一种承载形式：banner字体设计，这几乎是每个Web设计师都会遇到的设计内容，不论是通栏、半通栏，还是各种大大小小尺寸以及活动营销推广的页面头部，都可以看到字体设计的身影。 阿里巴巴中国 ... ...
-
一种带社会化帮助的用户手册交互设计 2012-06-25 15:30
需求分析 公司一款较为复杂的软件需要产品升级，新版本相对旧版有较多改进，同时也增加了较多的新功能。为了让用户方便地进入使用状态，需要新的用户手册，对其进行重新设计。 那么，在交互设计过程中，需要如何进行用户手册设计呢？ 对于一个新手来说，了解基本功能，是必须的。 用户看到创建一个具体实例，比简单地了解基本功能。用户在使用软件过程中，需要快速进入比较熟练的状态，他们不 ... ...
-
信息可视化研究范畴及案例 2012-06-19 22:37
最近在研究“信息可视化”，因此首先需要定义研究范畴。 信息可视化的定义之前有同事研究过，本文只简单摘录wiki的定义： 信息可视化（英文：Information visualization）是一个跨学科领域，旨在研究大规模非数值型信息资源的视觉呈现，如软件系统之中众多的文件或者一行行的程序代码，以及利用图形图像方面的技术与方法，帮助人们理解和分析数据。与科学可视化相比，信 ... ...
-
WindowsPhone8 concept:... 2012-06-19 09:11
“Livestack” 是我自己杜撰的一个单词和概念，为的是解决WP7（WindowsPhone7）上管理Livetile（瓷片）的问题。这里借鉴了iOS上创建图标文件夹的设计，同时尽量保留WP原有的界面风格和动画效果，用户可以通过长按然后拖动一个LiveTile到另一个LiveTile上来组成新的LiveTile——我把这个新的LiveTile ... ...
-
浅析Android 4.0的通知系统（附An... 2012-06-19 09:05
通过手机的通知系统，可以将应用程序的一些重要消息告知给用户。流畅、舒适、友好的应用程序离不开精心设计的消息提醒机制。但是并不是所有的通知都是用户想看的，否则只会给用户造成骚扰，所以要谨慎使用通知。 在对《Android Design》进行翻译时发现：Android系统已经提出了一些关于通知消息的设计建议，故在此分享给大家。 一、何时使用通知？ 通知主要用于对时间敏感（Ti ... ...
-
浅析移动应用的导航模型 2012-06-10 18:45
和网站一样，移动应用也具有自己的信息架构，根据应用的性质以及核心功能界面之间的关系，来对其采用合理的信息结构，此时，移动应用的导航模型便起到了穿针引线的效果，一个好的导航将使得应用的信息架构清晰明了，且操作简单高效。 移动应用的导航模型基本包括 平铺页面、标签tab、树形列表、九宫格、以及目前较为流行的左侧列表等，以下针对几种常见的导航模型进行简要分析和比较，以帮助我们选择最合适的导航模型，提升 ... ...
-
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 ... ...
-
易发现的手势操作 2012-06-08 10:41
曾几何时，计算机只能通过命令行界面来使用。想让计算机做点什么，就需要记住各种命令，并准确无误地输入。当图形用户界面流行起来之后，人们不再需要去记忆命令了。用户想要做的事情都显示在屏幕上。想要进入某个软件，只需双击图标，想要复制文件，只需右键单击然后点击复制。“记忆”逐渐被“识别”所替代。 当智能手机、平板电脑普及后，手势 ... ...
-
关于联系人排序的思考 2012-06-06 11:52
目前，对于联系人的排序，如果不考虑对方的在线状态，一般都是按照音序排序的。所谓音序排序，也就是拼音字母的顺序：首先是按照整个拼音的首字母（26个字母从A~Z）的顺序排列，如果首字母相同，则依次按照声母顺序、韵母顺序以及音调顺序进行排列； 举个例子来说 如： 阿（a） 白（bai）：与阿相比，首字母b在a之后，所以“白”在“阿”之后； ... ...
-
业务流程图的绘制流程分享(一) 2012-06-02 20:42
图1：用即时贴与白板做的简单流程图 转载请注明来处，关注我请点击：http://weibo.com/heidixie 前言：近来一段时间，忙于整理业务流程图，期间，关于流程图的绘制方法和工具也与内部团队和外部做了心得交流，恰好，个人生活也牵涉在买房，婚礼，户口迁移等流程中。不知不觉，伴随着实践与反思，个人所得的系统知识趋于完整，今儿天气极好，坐在飘窗一隅，听着间或几声鸟 ... ...
-
通过合理的指示元素引导用户发现隐藏内容 2012-05-27 14:38
天气甚好，不冷不热，微困。搞掉这篇就上房顶子发发呆。如果哪位觉得今次的图标有些许惊悚的话，欢迎在评论中吐槽，或者直接在微博上跟我念叨。 之前连续更新了两章iOS Wow体验，分别是关于应用上下文环境以及iOS技术特性这两方面的话题。今天换换脑子吧，放下移动应用这摊子事，回到Web端，遛一篇图文并茂篇幅简短的小译文，关于隐藏内容及相应的提示元素使用方式blah blah的。走着 ... ...
-
贴心的切换 减少重复操作 2012-05-22 21:43
常常在手机输入时，我下意识会先输入我想要的汉字，噼噼啪啪后才发现当前是英文输入法，于是我不得不删除这几个字母——切换回中文输入——重新输入。 这是一个典型的“切换导致重复操作”的例子。 切换在互联网产品领域的概念可以理解为:从一种页面到另一种页面后可以继续操作，通常用户为达到同一目的切换到不 ... ...
-
音乐播放App的分析与重设计 2012-05-17 13:55
一直对无线交互很感兴趣，这次就来练练手~ 本次分析评测基于iOS平台，选取了两款有代表性的音乐播放器，QQ音乐和豆瓣FM。由于这两款产品在web端就有着庞大的用户基础，有一定的用户粘性，手机端是web端的延伸，目标用户、信息架构、核心体验等等也都继承了web端的鲜明风格。这两款产品可以代两类表定位不同的音乐播放器。一种是大而全的，功能全面，可满足用户管理本地音乐、同步其他设备音乐 ... ...
