主要内容
-
“确定”与“取消”按钮：如何正确排序？ 2008-11-11 20:02
Article copyright by Tom TullisTom Tullis版权所有 作者：Tom Tullis；译者：UCD翻译小组，mocha原文地址：http://measuringuserexperience.com/SubmitCancel/index.htm 引言 Web应用中“确定”和“取消&rdqu ... ...
-
如何绘制业务流程图(二) 2012-06-27 09:32
接上篇《业务流程图绘制流程分享(一)》，本篇将对上篇中间的第四部分——如何绘制业务流程图展开更多讨论。 本来写完上篇，我发现没有太多必要单纯讨论这一部分内容，因为对于很多人来讲，缺的不是具体的做法，而是做这件事情的意义以及目标性的明确。一旦对这件事情的意义和目标有深刻认同，那自然会产生较大的动力去研究How这个层次的所需方法和技能。时间管理也如此，很多时间管理技巧 ... ...
-
关于163邮箱登录框页面的改进的探索 2012-07-31 13:16
这些内容都是最近这几天收集整理了 QQ,sina,shou,hotmail,yahoo,outlook web app 和google.将其中的优点进行了整理和分析, 最后结合了163邮箱登录界面中已有的一些功能,最后制作和设计了新的登录界面.并将其整理为两张大图.本人初次制作交互流程方面的整理,不足之处还请多指教.QQ165198308 ... ...
-
界面的语言——图标与文案的二重奏 2012-10-06 12:06
文案在界面设计中的重要性不言而喻， 但如此重要的部分却仍然没有专属的职位不得不说有一些遗憾。今天特别结合自己这段时间的工作总结和之前编译过的一篇文章来谈一谈“文案”（Copy-writing)的重要性。 Facebook的“喜欢”和Google的“+1”间的区别咋看起来微不足道， 最终却足以影响到用户的行为和选择。使用合适的 ... ...
-
iOS的隐性导航设计 2011-10-03 12:26
移动设备阅读类软件最重要的特性之一就是尽可能的增大阅读面积，为此，就必须尽可能的让屏幕中的导航占到最小，甚至隐藏，手机浏览器也基本属于阅读类软件，最近流行的海豚浏览器甚至将电脑中的“鼠标手势”引入到手机浏览器中。 什么是隐性导航 下图是iOS中read it later软件的阅读界面，除了最上方的状态栏，阅读区域占满了整个屏幕，没有任何诸如“返 ... ...
-
根据用户的固有习惯来设计 2012-09-27 13:01
固有操作习惯的养成来自方方面面，其中最显著的就是那些来自最常规控件对用户的培养。在设计的过程中如果多考虑一下这些常规控件的使用习惯，会对可用性有所帮助。 想到之前优化好友选择器时的一个案例可以和大家分享一下： 原始版本 用户是这样使用的 1、点击“选择好友” ，发现展开的下拉菜单中有好友列表出现； 2、在好友列表中勾选需要的好友（如有需要做适当的反选操作）； ... ...
-
一套Axure模板 2009-05-03 19:27
最近有些同学执于钻研，把资源都深陷在了axure的效果实现上，这让人有些担心，在工具和细节上的纠缠其实是违背做原型的根本目的的，其执着精神值得肯定，但应该把它用在最需要的地方，那些重复和不必要的工作，还是让模板来吧。 现在朋友之间共有几套被传来传去的模板，个人觉得还是acleandesign.com提供的“stencil”系列最为实用，里面几乎囊 ... ...
-
线框图、原型和视觉稿的区别 2012-08-03 09:16
本文为译稿 1，对三个常见概念进行了剖析。有删节，部分段落重组。 背景 两三年以前，我发现很多搞信息技术的朋友们（非设计师）交付设计时，用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype) 和视觉稿 (Mockup) 是一个东西：表达自己创意的线框手绘设计稿。 混淆概念便带来麻烦：他们分不清用户体验设计师的作品，常常感到困惑。「这按钮他妈的怎么点 ... ...
-
关于Android引导画面的多分辨率适配 2012-08-19 13:14
本文并非关于引导画面该采用何种形式、该如何定义信息、有什么注意事项方面的介绍。 本文描述的是，引导画面该如何才能较好的适配各种分辨率，了解此处有助于更好的定义引导画面，以及保持同设计师、工程师的良好沟通。 作为产品人员，需要向不同方向延伸了解一些知识，这些知识能让沟通更顺畅。 ... ...
-
差异入微——浅析电商购物流程设计 2012-09-16 10:22
畅游在各大电商网站的你，在网购时不知曾否察觉到有些小不同？ 排开具体的商品内容、视觉样式，回忆下那些我们熟悉的商品页面… 当然，这里并不是玩大家来找茬游戏的，需要火眼金睛审视于细枝末叶。我们可以从界面的细节去体验，甚至还可以眯起眼去发现点什么。 亲，你有没有想起有哪里不同？ 好吧，揭晓答案：不同点在于商品详情页面的购买按钮。 ... ...
-
一个文本框搞定信用卡相关信息的输入 2012-12-01 14:16
大家周四下午好。打破每周日上一篇译文的规矩，临时来一发。今天刚刚看到的东西，很简短的图文，介绍了一个蛮赞的交互模式，于是把拿来把译文做掉，特别推荐给交互设计师们。走你！ 移动应用的设计师们一直在努力降低用户的输入量。屏幕太小了，手指无法精准触摸，输入过程中产生错误简直是家常便饭。输入量是无法被无限制的降低的，很多时候我们更需要考虑的是怎样使输入变得更加容易。 输入蒙板是一种限制内容格式、避免输 ... ...
-
信息架构中信息类粒化简谈（二） 2011-08-02 15:25
上一篇（信息架构中信息类粒化简谈（一））写的简单了，大家看了都没有什么感觉，好吧，我承认，我弱智了….今天写的希望大家能看上眼，哪怕一个白眼…. 说到信息架构，粒化能帮助我们较快的实现标签系统，大家知道标签系统与组织系统，搜索系统，导航系统共同组成信息架构，个人认为还要加上网站布局，因为布局本身就在指引用户的视觉并做操作引导。也算是信息架构的一个 ... ...
-
原型的构建与设计 2012-05-08 11:51
继续上一章的内容，那么怎么去组织页面元素，制作原型Demo；哪些表现层面是交互设计师该重点表达的内容，原型的制作又有哪些章法可循呢？ Ⅰ. 什么是原型? 原型的概念说的简单直白些就是用户使用产品的界面模型，原型的设计主要包括三部分：①需求内容的呈现 ②导航和链接 ③数据的交换 ①需求内容的呈现 1）文本，多媒体内容的呈现 最基础的 ... ...
-
对于手势的一些思考 2012-11-20 16:02
Clear的出现引起了大家对手势操作的热忱, Google新专利采用“连续手势”也让我们看到了个性化手势的前景。确实，手势操作能够减少界面元素，提升效率；但其不可见性，抽象性，需记忆性等特点也决定了它的弊端。如何扬长避短，根据现有手势的特点在合适的情境中使用，同时根据文化约定、实物隐喻、表音、表意等发想创新手势，而非一味地追逐跟风，值得我们思考。本文结合了珊璞之前对客户端手 ... ...
-
锦上添花——多个细节帮助你更优雅地书写页面 2012-11-28 21:46
我们常以“整齐”，“易读”，“亲切”，“易于维护”，“复用性强”等来形容一些优秀的开发者所写的代码。现在，对代码的好评还有一个更为时尚的词“优雅”，是不是听起来觉得很亲切呢？ 页面是互联网产品的表现层面，不仅讲求外观，而且会应对更新迅速的互联网产品 ... ...
-
解析应用程序UI设计的15项黄金法则 2012-04-06 10:46
作者：Jake Simpson 好友曾向我展示了最新的iPhone和iPad版《极品飞车》。游戏的渲染效果令人印象深刻，是款蓄势待发的优秀游戏。但是，游戏的前端是典型的UI设计偏差案例。但界面中有大量的属性数据等内容，它在玩家没有时间做决定时提供了过多的内容。这些内容能够显著改变他们的游戏体验，但却在玩家往往感受不到变化的时候呈现。 这促使我开始思考UI设计的黄金法则。以下是我认为创造最佳 ... ...
-
Axure动态面板的使用 2009-05-23 23:19
1、什么是Axure的动态面板 按照Axure官方网站的解释 ：动态面板控件（Dynamic Panel）可以让你实现高级的交互功能，实现原型的高保真度。动态面板包含有多个状态（states），每个状态可包含一系列控件（你可以把一个状态理 解成一个独立的页面）。任何时候都只有一个状态（页面）是可见的，或整个动态面板可以被隐藏。结合交互动 ... ...
-
AXURE在原型设计中的应用 2010-08-27 11:06
前言 什么是原型呢？ 产品原型简单的说就是产品设计成形之前的一个简单框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。 就我个人而言，目前使用频率最多，最高效，交互效果最好的原型工 ... ...
-
微博Mac客户端的设计之殇 2012-12-01 14:09
事实上，微博已经一点也不微了。 图片、视频、音乐、投票、微刊、问答等一系列的附加功能，已经让微博流动的时间线早早的远离了只有简洁文字的时代，甚至于“聪明”的中国人还发明了“长微博”这种东西，以应对每条微博140字的限制。 在长微博最开始出现的时候，那时候发长微博的人起码会在内容里留一个内容网页链接，以便内容更好的传播更好的阅读；但是现 ... ...
-
从交互设计“流行元素”中启发 2012-03-25 19:40
看过一篇文章《2012年移动应用交互设计趋势》，这两个月在忙产品2012的交互设计，很是感触。记得IM组大家在为2012忙得焦头烂额的时候，产品总监说过一句话：“你看每年的时装发布会，衣服都很夸张，但用到市场时，只会看到发布会上的一两个时尚的小元素……”交互设计也是这个样子吧，每年优 ... ...
