主要内容
-
【译】手指友好型设计 - 为了更好的点击而设计 2012-03-12 14:11
玩飞镖的时候，靶心是最难射中的位置，因为靶心是整个靶面上面积最小的部分。越是小的目标，就越是难以达到。这个准则在移动设备的触摸屏幕上同样适用。 众所周知，对于触屏设备用户来说，面积小的目标比面积大的目标更难操纵。所以，在设计移动设备界面的时候，触控目标一定要充分的大，足以让用户操作 自如。但是多大才算充分呢？多大才是对于大多数用户最合适的尺寸呢？各大移动设备开发者已经认识到这个问题，最常 ... ...
-
用户界面设计10原则 2009-09-15 21:43
原文标题：10 User Interface Design Fundamentals 原文地址：http://carsonified.com/blog/design/10-user-interface-design-fundamentals/ 作者：Kyle Sollenberger 版权所有 翻译：UCDChina翻译小组，Roc 设计真正伟大的用户界面没有什么伟大的奥秘可言，做 ... ...
-
瞬间致胜-活动专题页信息表达法则 2012-08-02 11:05
每逢节假日各种运营推广活动如星云般涌现，在众多活动中如何让你的活动页设计脱颖而出，在最短时间内hold住用户脚步。下面我们一起看一下活动页信息展示法则，帮助你的活动页提升瞬间杀伤力。 一．重要信息突出展现 ● 活动页的重要信息是：活动标题（让用户了解是做什么的活动）、奖项设置（参与能得到什么）、参与入口（进入任务流程的通道），参与规则（如何参与活动 ... ...
-
Axure之变量的使用 2010-10-14 15:18
写在最前面：任何工具都容易造成沉迷，Axure也一样；沉迷工具有害健康，过渡钻研Axure不利于职业发展！ 本文主要想介绍一下什么是Axure中的变量（Variables），以及变量的使用场景，然后附加一个实例。 1、什么是变量 变量的全称应该是“中间变量”，变量用于在HTML原型中进行点击时的页面之间的传递和存储数据，这样变量能在页面之间保持下去。 ... ...
-
酒店预定流程研究 2011-11-24 10:27
前段时间针对一些热门的预订类网站进行了研究，感觉大多数预订流程都离不开这3个基本类型，我把他们叫成“别墅型”，“管道型”，“菜场型” 别墅型：所有的产品都在自己家的预订流程中走完，包括产品也全是自己可控，属于自家产品，例如：携程酒店预订 管道型：将预订的内容整合到一个预订流程中，作为一个枢纽，最后再扩散到各自对 ... ...
-
Android与iPhone界面布局对比 2010-07-27 23:05
上图是我根据Android和iPhone这两个平台的“生产内容型的应用程序”整理出来的界面布局示例。所对比的4个点，均是两大平台的应用程序常规界面元素。 状态栏：Android和iPhone的状态栏均在屏幕顶端的位置，原因无外乎是人的视觉流程是从上到下的。Android的状态栏，具有noti ... ...
-
触屏手机网站设计 2011-05-06 10:14
随着智能手机iphone和Android的热潮，衍生出基于Safari和Chrome浏览器的触屏手机网站Touch Screen Mobile Website。触屏手机网站在中国还属于起步阶段，从行业的现状来看，其体验参差不齐，笔者将从设备、系统、浏览器、网络、四个维度来与大家共同探讨触屏手机的网站设计： 一、设备 ·分辨率与屏幕尺寸&mid ... ...
-
关于联系人排序的思考 2012-06-06 11:52
目前，对于联系人的排序，如果不考虑对方的在线状态，一般都是按照音序排序的。所谓音序排序，也就是拼音字母的顺序：首先是按照整个拼音的首字母（26个字母从A~Z）的顺序排列，如果首字母相同，则依次按照声母顺序、韵母顺序以及音调顺序进行排列； 举个例子来说 如： 阿（a） 白（bai）：与阿相比，首字母b在a之后，所以“白”在“阿”之后； ... ...
-
大家一起来做情绪版 2008-11-11 23:10
06年Chris Moeller来华培训，让我第一次接触到情绪版，此后我对网页的视觉设计有了全新的认识。情绪版也是那次培训中我最感兴趣的部分。现在趁着碳酸饮料会这个机会，我将情绪版的资料整理了一下分享给大家。好，现在就让我们一起来和做一个情绪版吧!首先，在做之前先让我们来了解一下什么是情绪版。情绪版，英文为Moodboard,意为情绪收集版，是指对要设计的产品以及相关主题方向的的色彩，图片，影像或 ... ...
-
iPad用户体验准则 2010-04-19 10:32
本文译自《iPad User Experience Guidelines》，供个人学习之用，水平有限，难免有欠妥之处。 iPad用户体验最主要体现在内容和交互： 淡化程序UI，以便用户关注所需的内容。 美观的内容形式，富有真实感。 充分利用设备的性能来增强内容的交互性。 支持所有方位 优秀iPad程序的其中一个重要因素是 ... ...
-
电子商务网站“用户评论”模块浅析 2010-07-09 09:05
前几天在robin club 上分享到电商产品评论的设计，感觉说的不过瘾，这里博客记录一下。 在开始进行后面的产品分析和对比之前，我们来看一下之目前对商品详细页评论影响比较大的两块产品形态， 一是信息交互始祖：bbs，论坛。我们已经习惯在一层一层的楼层中阅读信息和辨别精华，针对楼主表达的思想进行 回顾和发表自己的看法，后续的人也会把之前的信息看成原本内容的一部分，所以也就有了 ... ...
-
50 个美丽且对用户友好的导航菜单设计 2009-02-28 00:37
Matt Cronin版权所有作者：Smashing magazine, Matt Cronin译者：UCD翻译小组 , JJYY原文：http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/ 对 任何网站来说，可用性都是一个重要的设计目标，而友好的导航是其中 ... ...
-
网站面包屑（breadcrumb）设计 2011-05-06 15:51
一、什么是面包屑 A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user’s location in a website or Web application ... ...
-
用户体验的交付物 2009-02-16 14:23
Peter Morville版权所有 2009年1月27日 译者：UCD翻译小组，Douis 原文地址：http://semanticstudios.com/publications/semantics/000228.php 对用户体验从业者来说，一个令人振奋的时刻到来了。对我们价值认知的提升加上科技融合以及泛媒体趋势的发展，已经给我们的工作创造了一个改变的条 ... ...
-
如何做得Banner通情达意 2010-07-26 23:01
写在前面的话 有人觉得做个banner放2张图，排几个字的事，一点技术含量都没有，像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的，其实一个banner可以研究的东西还是很多的，而且做一个banner是不难，难得是在短时间内做一个出彩的banner。门户的专题一般是编辑套模板拼成的，比较重要的专题，banner部分是由设计师来完成，一个banner ... ...
-
网页字号多大才合适？ 2009-06-25 15:56
在这个显示器百花齐放的时代，网页设计师往往需要考虑不同客户端的浏览体验。 文字大小，是用户体验中的一个重要部分。不同的分辨率，不同的显示器尺寸，不同的DPI，乃至不同的浏览器设置，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次光临都要重新缩放，总归麻烦，何况还有许多用户不知道如何缩放页面。最好还是根据用户的分辨率给用户一个比较体贴的默认字 ... ...
-
[译]Tab (选项卡)的产品设计原则及应用 2009-07-03 14:21
译者：西乔 来源：Smashing Magazine 作者：Jacob Gube Module Tabs(也称选项卡，后文中简称Tab，以更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。 （译注：本文 ... ...
-
线框图 - 原型可视化 2009-04-21 22:06
原文作者：Editorial.co.in原文链接：Wireframes - Prototyping Visualization译者：applia 当你需要为网站快速创建一个直观和可用的用户界面的时候，在写代码之前做好设计是基础。一个普遍的方法就是通过线框图来展现你的设计，线框图是一种使用线条为基本元素的绘画，与蓝图相对，像框图表现基本的导航和功 ... ...
-
四大门户iPhone手机微博横向对比评测 2010-12-29 10:25
一、登陆页(以下图片顺序均为新浪微、腾讯、搜狐、网易) 微博登录界面（新浪、腾讯） 微博登录界面（搜狐、网易） 四款iphone微博客户端从页面上看，只有网易和腾讯的支持记住用户名和密码，实际操作后就会发现，其实大家都是默认记录的。并且新浪微博支持多账户切换，默认记录为最后一个登陆的用户。外观上，除了新浪微博客户端增加了“微博广场”的内容推广对 ... ...
-
电视平台下的四向键交互原则 2011-12-28 20:33
一、划分区块 “四向”键（含确认键）与鼠标不同，它的特点是按照焦点顺序移动。所以当含有大量的内容时，需要划分成一个一个的区块，以便于进行快速定位。 在选中某一区块后，再对具体内容进行操作。 二、十字结构呈现 ... ...
