主要内容
-
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、 ... ...
-
浅谈交互设计规范 2010-08-09 22:52
当产品规模大了之后就需要多个产品设计师协作完成整个产品，由于不同产品设计师之间的设计理念、设计方法、设计习惯的不同，协作完成的产品往往会导致产品一致性差，质量参差不齐。 这个时候会需要一份交互设计规范来规范和指导产品设计，从而保证产品设计的一致性，提升整体产品质量。 本文就来说一说交互设计规范应该包含的一些内容： 一、页面信息规范 页面信息规范主要指页面的静态信息应该遵循的规则，包 ... ...
-
自然而流畅——聊聊界面的切换动画 2012-07-18 17:20
在使用一些移动端的 App 或 PC 端的软件的时候，我们常常会有一些界面之间切换的操作，尤其是在移动端的设备上，因为屏幕尺寸和交互方式的特性，就更多的会出现这些切换的操作，而很突然地从一个界面切换到另一个界面会给用户带来困扰，所以在触发这些操作的同时，往往需要过渡形式的动画来引导用户是如何从一个界面切换到另一个界面的，我们来看看一些常见的界面切换的过渡方式 ... ...
-
交互组件微创新 2012-07-24 08:46
纵观交互设计发展史，就是创新的交互模式被广为接受后成为标准，旧的交互模式不断被淘汰的历史。所以交互模式发展也是一个“物竞天择，优胜劣汰”的过程。本文是09年在碳酸饮料会上做过的一次分享，当时创新的东西现在已经被广泛应用了。因为主题跟现在UX平台鼓励创新的目标一致，所以再贴一次:) 交互设计是一个创造性的工作，利用创新的方式漂亮地解决产品问题，是一个交互设计师价值的 ... ...
-
【译】手指友好型设计 - 为了更好的点击而设计 2012-03-12 14:11
玩飞镖的时候，靶心是最难射中的位置，因为靶心是整个靶面上面积最小的部分。越是小的目标，就越是难以达到。这个准则在移动设备的触摸屏幕上同样适用。 众所周知，对于触屏设备用户来说，面积小的目标比面积大的目标更难操纵。所以，在设计移动设备界面的时候，触控目标一定要充分的大，足以让用户操作 自如。但是多大才算充分呢？多大才是对于大多数用户最合适的尺寸呢？各大移动设备开发者已经认识到这个问题，最常 ... ...
-
瞬间致胜-活动专题页信息表达法则 2012-08-02 11:05
每逢节假日各种运营推广活动如星云般涌现，在众多活动中如何让你的活动页设计脱颖而出，在最短时间内hold住用户脚步。下面我们一起看一下活动页信息展示法则，帮助你的活动页提升瞬间杀伤力。 一．重要信息突出展现 ● 活动页的重要信息是：活动标题（让用户了解是做什么的活动）、奖项设置（参与能得到什么）、参与入口（进入任务流程的通道），参与规则（如何参与活动 ... ...
-
从360安全卫士卸载金山网盾看产品设计 2010-05-25 13:19
做产品的要学会分析用户心理，诱导用户按我们的意愿办事，但还得看起来像是用户做了英明的决策。该文非常多智慧的火花，收藏学 习。 闹得沸沸扬扬的“360流氓卸载金山网盾”事件中，别人关注的是国内IT界两个豪门之间的是非，其实这里面最有看头的，是学习一下360安全卫 士的产品经理如何熟练的通过产品交互手段操纵用户，打击竞争对手产品。其招式之娴熟狠辣， ... ...
-
交互设计表格 2009-11-04 22:12
说：在一个房间里丢了一根针，你需要找到它，你会用什么办法？ 答：扫把；吸铁；放大镜。。。粉笔。。。 Ok，使用粉笔？请看下图↓ 划分区块，每个找过的地方做个标志。可能不是很快找到，但绝对有效。表格能确保我们不遗漏。 ——————————&mda ... ...
-
酒店预定流程研究 2011-11-24 10:27
前段时间针对一些热门的预订类网站进行了研究，感觉大多数预订流程都离不开这3个基本类型，我把他们叫成“别墅型”，“管道型”，“菜场型” 别墅型：所有的产品都在自己家的预订流程中走完，包括产品也全是自己可控，属于自家产品，例如：携程酒店预订 管道型：将预订的内容整合到一个预订流程中，作为一个枢纽，最后再扩散到各自对 ... ...
-
Web app设计浅谈 2011-08-18 21:57
HTML5技术的强势发展，为互联网带来的最大改变就是： web从“已死”的预言中回过头来给Native app一记沉重的回马枪，web app成为举世瞩目的明星开始走在各大公司研发的时刻表中。Google 、微软、苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗，并试图建立以自己为中心的”云“服务平台，企图在web app时代到来的时 ... ...
-
为何要使用栅格系统? 2009-06-02 01:41
原文作者：markboulton.co.uk原文链接：Why use a grid?译者：Dismory 为何要使用栅格系统? 栅格设计是设计者所应具备的一项基本能力。对比例，留白以及结构的理解把握，在为任何发行平台构建栅格时都起着至关重要的作用，无论是web，印刷，还是拟真3D环境中。 （原文此段与上段重复，在此略去——译者Dismory） 我们 ... ...
-
产品交互原型设计工具分享 2010-03-15 21:51
交互设计师的一项重要工作就是进行产品原型设计(Prototype Design)。而产品原型设计最基础的工作，就是画出站点的大体wireframe(框架图)并结合批注、大量的说明以及流程图等，将自己的产品原型完整而准确的表述给产品、UI、重构/开发工程师等等，并通过沟通反复修改prototype 直至最终确认，然后进入后续的设计开发流程。 要完成以上复杂的设计和沟通工作，需要一个好的原型设 ... ...
-
用好Axure的协作功能 2011-02-17 10:37
最近一个项目里，“被迫”开始使用Axure的协作功能，为了保证版本统一和一致的输出。实践的效果不错，在时间短、质量要求高、同时又有多人参与时非常奏效。 为什么说“被迫”，这里当然是个反语，但说实话，做了这么长时间交互设计，参与过大大小小不少项目，能使用到这个功能的情况是屈指可数的。往往都是1个交互设计师对2-3产品经理，来一个需求分一个人跟， ... ...
-
关于联系人排序的思考 2012-06-06 11:52
目前，对于联系人的排序，如果不考虑对方的在线状态，一般都是按照音序排序的。所谓音序排序，也就是拼音字母的顺序：首先是按照整个拼音的首字母（26个字母从A~Z）的顺序排列，如果首字母相同，则依次按照声母顺序、韵母顺序以及音调顺序进行排列； 举个例子来说 如： 阿（a） 白（bai）：与阿相比，首字母b在a之后，所以“白”在“阿”之后； ... ...
-
Axure之锚点跳转与Title提示 2009-11-25 23:43
最近在做一个原型的时候用到锚点跳转与Title提示功能，同事看到HTML之后问我这个是怎么实现的；昨天又看到一篇文章举了个注册表单中的Title 提示示例，问这个是如何实现的，我才发现原来很多人都忽视了axure中一个很常用的组件——图片/图像映射区域（image map region）。 ... ...
