主要内容
-
智能电视UI设计那些事儿 2012-04-27 14:04
随着国际市场上Google TV的发布和国内电视厂商纷纷推出定制Android TV的脚步，一时间智能电视平台成为了众多高科技企业争相抢占的新市场。较早的智能电视平台探索者有Google TV、Apple TV和Samsung Smart TV，还有传说中将要上市的iTV。 国外一些知名服务，如Youtube、Twitter、Netflix等，均在这些平台上发布了应用。国内电视厂商多使用Andro ... ...
-
信息可视化研究范畴及案例 2012-06-19 22:37
最近在研究“信息可视化”，因此首先需要定义研究范畴。 信息可视化的定义之前有同事研究过，本文只简单摘录wiki的定义： 信息可视化（英文：Information visualization）是一个跨学科领域，旨在研究大规模非数值型信息资源的视觉呈现，如软件系统之中众多的文件或者一行行的程序代码，以及利用图形图像方面的技术与方法，帮助人们理解和分析数据。与科学可视化相比，信 ... ...
-
广告认知流程3——强化记忆 2012-08-22 23:09
之前文章中介绍了如何运用无意注意与有意注意等认知系统内的浅层加工来提升广告质量与效果。接下来，我们进入第三阶段，阶段三包括记忆与联想两方面，对信息进行深层处理主要作用是说服，即通过分析记忆与联想，运用技巧一来使用户对推广banner产生好感防止产生厌烦情绪，二来使用户易于识记与接纳推广banner中的信息，产生更高的点击意愿。 介于篇幅限制，此次先呈现记忆篇 ... ...
-
从iOS到Metro - 重新设计应用的交互... 2012-07-11 09:09
上周有幸玩了一会Metro的平板。单说视觉风格，仍是我的大菜，但真正用起来却不觉得舒畅，尤其是横向浏览内容列表的时候，视线不停的在X轴与Y轴之间切换，很快感到头晕目眩，这一切似乎比瀑布流更加凶残。 当然，仅仅是个人感受；我不想这样就得出Metro中看不中用的结论。做这篇译文大致可以代表我的立场，即相比于iOS来说，Windows这套东西确实有很多独到的精华在里面；我想通过这样 ... ...
-
交互设计中的默认值 2012-07-31 09:25
寒冷的冬日到陌生环境中往往会碰到水温调节，剧情一般是这样的：你调节到一个自认为合适的刻度，放了一段时间水后发现还是冷的，于是慢慢放大热水，几次调解后索性将热水开到最大，结果太烫，放大冷水，太冷，放小冷水，太烫，放小热水……最后合适了，咱们即使没有感冒也开始记恨这个淋浴器。比较合理的是一种叫 “恒温龙头”的产品，它给定一个用户不需要预设的默认水温： ... ...
-
你好，对话框 2012-08-14 21:21
“怎么了？”除非你对某类对话框已司空见惯，否则遇到，第一反应往往是这样的？这种体验就像你明明急着去赶车，途中却不断被拦住塞传单一样。不能否认，它是一种打断，有时甚至会成为打扰。做为设计师，虽知“打断”暂不能杜绝，但不使之变为“打扰”，却是我们该努力做到的： ① 多次打断=打扰 隔一个小时打断你一下 ... ...
-
Axure动态面板的使用 2009-05-23 23:19
1、什么是Axure的动态面板 按照Axure官方网站的解释 ：动态面板控件（Dynamic Panel）可以让你实现高级的交互功能，实现原型的高保真度。动态面板包含有多个状态（states），每个状态可包含一系列控件（你可以把一个状态理 解成一个独立的页面）。任何时候都只有一个状态（页面）是可见的，或整个动态面板可以被隐藏。结合交互动 ... ...
-
AXURE在原型设计中的应用 2010-08-27 11:06
前言 什么是原型呢？ 产品原型简单的说就是产品设计成形之前的一个简单框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。 就我个人而言，目前使用频率最多，最高效，交互效果最好的原型工 ... ...
-
界面设计中的结构设计 2012-07-05 10:19
构建界面视觉层级的元素有颜色的显著程度，图片、文字的尺寸大小，还有最基础的，内容的组织结构。 结构设计是指对界面内容进行分组，对界面中的信息、数据进行设计使之结构化呈现的过程。 好的结构设计能使界面信息传达更加清晰、快捷。那么，如果进行结构设计呢？ 结构设计———内容的分组 使用线、框、背景色来分组 这是最常见的分组方式， ... ...
-
浅析移动应用的导航模型 2012-06-10 18:45
和网站一样，移动应用也具有自己的信息架构，根据应用的性质以及核心功能界面之间的关系，来对其采用合理的信息结构，此时，移动应用的导航模型便起到了穿针引线的效果，一个好的导航将使得应用的信息架构清晰明了，且操作简单高效。 移动应用的导航模型基本包括 平铺页面、标签tab、树形列表、九宫格、以及目前较为流行的左侧列表等，以下针对几种常见的导航模型进行简要分析和比较，以帮助我们选择最合适的导航模型，提升 ... ...
-
阅读好体验的准则：100% Easy-2-R... 2012-08-03 09:18
译者：前两天看到一篇文章，觉得挺不错的，就简单翻译一下分享给大家。 大多数网站都挤满了小号的文字，使人阅读起来感到很痛苦。产生这个问题的原因是什么呢？如果我们稍作思考就会发现，没有理由将如此多的信息都硬塞进一个小小的屏幕当中。其实，这只是一个历史遗留问题，因为过去的时候屏幕真的是很小。 屏幕 VS. 杂志：100%并不大（来自Wilson Miner） 所以&he ... ...
-
合理的交互，恰当的视觉 2011-09-02 15:35
交互设计和视觉设计的重要性，业内已经达成了共识。 最近看了iphone版海豚浏览器的设计方案，正好借机再陈述一下相关的设计原则。 我想说的主要有三点： 1.交互设计受限于硬交互（硬件本身的基础交互属性），设计要在硬交互的基础上进行扩展。 2.视觉设计最首要的任务是辅助交互设计，进行恰当并谨慎的视觉引导。 ... ...
-
Change.gov -那些美丽的细节 2011-07-30 15:26
前段时间，突然想去看看奥巴马的网站是怎么设计的，于是Google到了Change.gov。 刹那间眼前一亮---简洁大气，充满了成熟之美。 一直想写篇赏析来学习下Magicwan的设计，一直拖到今天(懒惰的人啊) 一.Background 深蓝色背景，给人踏实，稳重，具有可靠信赖感。 二.Head ... ...
-
为用户的成功操作提供正面反馈 2012-07-31 09:25
炎热的天气，宅在家中拉上窗帘一边看着喵们耍宝一边做博客，这情景让我想起阿拉蕾一家。Take me down to the paradise city where the grass is green and girls are pretty. 下午茶一般的小文一篇，关于操作响应、正面反馈、用户满意、皆大欢喜一类。进入正文吧，毫无压力。 我们喜欢告诉用户他们做错了什么，我们准 ... ...
-
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 ... ...
-
关于搜索建议的两点小问题 2011-09-15 17:11
最近在做搜索设计时，发现了两个容易纠结的小问题，在这里谈谈自己的一些分析。 问题一：提交的关键字是哪个？ 凡客的这个例子中，搜索建议“时尚斜拉链”高亮显示，这个时候点击“搜索”，提交的关键字是输入框中的“s”还是“时尚斜拉链”呢？答案是“时尚斜拉链”。 ... ...
-
说说瀑布流式网站里那些可人的小细节 2012-07-05 10:06
瀑布流式布局，想必设计师们已不再陌生，随着pinterest自2011年开始走红，瀑布流式的布局被越来越多的网站所使用。花瓣网、堆糖网、布兜、发现啦，美丽说，蘑菇街，人人逛街，凡客达人等，复制Pinterest的网站在中国蜂拥而现，粗略估计已有几十家之多。 为什么选择瀑布流？既然pinterest式蜂拥而现，我们先从体验角度看，瀑布流布局为什么好？笔者浅见。随着读图时代快餐式消费的来临，瀑布 ... ...
-
Pinterest“瀑布流”的呈现方式有什么... 2012-02-09 14:05
如果是田字格，人的视觉需要从上到下、从左到右的逐块浏览——全部都看，然后大脑再筛选过滤——这更适合有目的性完整性的信息获取，比如在淘宝搜索一个商品时提供的列表或大图两种视图。但是在一些随意性浏览发现的服务中，这种有点半强迫意味的田字格相当于增加了视觉和大脑的负担，会让原本随意性的浏览变得不随意。 pinterest的信息特点决定了用户只能是大量 ... ...
-
信息设计中的“父子关系” 2012-07-29 08:29
交互设计工作核心在于信息架构和交互细节设计.信息架构包括信息分类以及信息展示逻辑设计;交互细节则多表现为控件的选择,交互效果的定义等.在信息设计中,遇到最棘手的问题就是信息量太多而显得设计结果不尽人意,那么在砍不掉需求的前提下(信息太多,也许是需求本身还有被精简的可能性),如何解决这类问题呢? 通常来说,信息设计的时候有很对可遵循的关系在,信息间互斥,.信息间相辅相成,信息间属于 ... ...
-
了解产品之评论模块 2011-08-30 14:57
评论模块对于电商来说是十分重要的。在电子商务的世界中，用户面对的是一张张产品图，看不见摸不着，已购买者的评论对于用户是否购买该商品，起着很 大的作用。怎样设计好评论模块，使评价能直观真实的反应出商品的优劣，立体的将商品呈现出来？又如何引导已购买者客观详尽的对商品进行评价？还是从了解评 论模块开始吧。 我选取了12个国内有代表性的电商网站，大致将评论模块的模式分为以下几种： 1、 ... ...
