主要内容
-
画好线框图的20个步骤 2009-08-31 21:45
原文作者：Clive Howard原文链接：20 Steps to Better Wireframing译者：飞琼 对于任何一个开发项目来说最大的错误可能就是没有计划。最近，有些人认为开始前无需计划，一个优秀的开发者需要的是随机应变。我敢肯定这样的做法最后注定是要失败的。 线框图是计划中的第一步也是最重要的一步。这是将创意转换成客户使用的程序的第一步。本文将要带你了解线框图整个的流 ... ...
-
在不能中寻找可能—个性相册设计的始末 2009-07-13 21:46
QZONE平台的相册功能为保证加载速度一直以来以简洁的图片排列查看模式呈现相片，随着市场上各类相册产品推陈出新，用户越来越强烈的要求个人相册的独特展示，为了给广大用户提供更炫更酷的个性体验，QZONE在2009年5月全新推出了flash动态个性相册。Vivi有幸参与了个性相册的设计，项目一期成功推出五套相册，设计过程令人意犹未尽，下面和大家晒晒项目过程中的设计体会吧。 &n ... ...
-
MockFlow – 在线Wireframe... 2009-10-16 17:32
总有朋友问起我技术方面的问题，其实技术方面的问题，问是问不来的，还是自己摸索比较好。谈起摸索，就必须有一些好用的工具来配合，今天给各位介绍个新上市的在线软件 – MockFlow 是一个在线的Wireframe编辑器，我注册试用了下，整体感觉还比较轻便。 MockFlow 是由 A Produle Systems (P) Limited. 公司提供的一个在线软件，当然 ... ...
-
在屏幕上设计键盘 2012-04-25 09:22
手机都变触屏的了，手机上的键盘也不可避免的成了虚拟键盘。在屏幕上设计虚拟的键盘会遇到些什么问题？ —————————————————————&md ... ...
-
文字的减法 2008-07-26 23:21
认知心理学家Donald A. Norman将人类的行动分解成七个阶段： 1. 确定目标 2. 确定意图 3. 明确行动内容 4. 执行 5. 感知外部状况 6. 解释外部状况 7. 评估行动结果 这七个阶段发生在人类所采取的每一个行动时。 比如最近降温，你想要保持身体的舒适感（确定目标），所以就得加一件衣服（确定意图），于是你决定去衣柜里看看哪件衣服适合今天穿（明确行 ... ...
-
用户的声音(2) - 搜索关键字 2009-04-23 19:18
有一个地方，客户很真心诚意地回答了”我在找什么“这个问题。 这个神奇的地方就是搜索框。 首先，是外部搜索引擎的搜索框。 用户在Google，Baidu里面输入他想要的东西，你的网站链接出现在了搜索结果（或者广告列表）里面，用户点击它来到了你的网站。 Mars可能输入的是”5D Mark II&rdq ... ...
-
淘宝网首页改版 2008-08-07 15:37
昨天半夜发现淘宝改版了，今天仔细看了一下： 1.强化了搜索的作用，有点提前和百度较量的意思，现在不把用户习惯放到站内搜索上，以后等百度上线了再搞就吃亏了~ 2.整体页面简洁了不少，分类有所缩减，不过位置有所提高，老用户找分类会受影响，个人觉得还有调整的余地，除了拼音索引之外也可以增加其他的索引方式。可能是为了配合第一项的改动吧 3.重要功能在导航上做了突出 4.几个浮动层切换居然还保留了，有横的有 ... ...
-
企业门户设计的几点经验 2010-07-05 23:42
本人上半年有幸参与友商网的门户优化和伙伴门户的设计，因为算是部门的重要任务，自然需要投入些心力来分析设计。作为企业门户的设计，从一个设计师和交互师的角度，我首先是考虑到它的易用性，美观度，功能性，模块化，延展性。在一些细节的交互和技术的实现复杂度上，我们都需要做一些细致的分析和权衡。互联网产品有它自身 ... ...
-
把导航系统做薄 2008-07-27 16:50
和朋友讨论时，我提到过一个观点，所有框架层设计中，最核心的是导航设计。最近更看到有国外同行提出“80%的可用性是导航！”因为良好的导航可以保证用户找到任何信息。也就是说，提供到达的可能，远比如何到达的可用重要。 我习惯把导航分为一维、二维、多维来简单理解，一维对应线性结构，二维对应分层结构，多维对应无序结构。这么说可能比较抽象，其实都已经是耳熟能详的应用，分别举例阐述 ... ...
-
优秀设计所绽放的魅力（这样的flickr） 2008-07-26 22:46
我是Flickr的死忠fans，虽然我很久之前就开始在blog里不遗余力的介绍flickr，可以，一说到优秀的设计，我还是想把那些话再一次的搬出来讲给大家听，因为，flickr真的很棒！ 1. 最浪漫的问好。Flickr每天都会用一种不同国家的语言向您问好！然后对你说：现在你知道怎么用xx语说”你好”了！–这是一种多棒的体验，仿佛一位浪漫的男友，每天 ... ...
-
如何制定文字语言规范 2008-07-26 23:22
本期话题注意界面上的文字引来了非常多的讨论，可以看出网站界面上的文字正是大家比较关注的问题，而且比较实际。比如千鸟的内容呈现建议、奇遇的文本达意和可用性、子条的文字的辨识度和可读性，可以讲都是界面文字规范，千鸟的文章更适用于内容编辑，奇遇和子条的文章更适用于设计师。 在实际产品设计过程中，可以逐渐的形成这样的文字语言规范，目的是让产品设计的参与人员能够统一认识，和重视文字在设计中的重要 ... ...
-
互联网表单设计-第四章 标签(3) 右对齐标签 2009-03-23 05:46
右对齐标签 右对齐标签同样具有输入框与标签相邻的优点，因此也能快速填完（图4.6）。但右对齐布局造成左侧不齐，降低快速扫描表单问题的效率。西方人习惯从左往右阅读，他们的眼睛喜欢沿左侧移动。 图4.6 http://www.flickr.com/photos/rosenfeldmedia/2366428975右对齐标签的优缺点。 如果标签文字宽度变化，右对齐标签会产 ... ...
-
有感于老冒兄BLOG界面调整 2008-11-27 18:38
在UCDChina上，看到老冒的一篇文章“和白鸦兄探讨UCDChina的留言设计”。老冒按自己对于留言模块的理解，把自己的BLOG界面布局与留言模块做了调整，如下图所示： 单从视觉设计与可用性的角度，看由留言模块引发的界面调整，个人感觉这样的调整不理想，有一些问题： 1、主、次要功能权重颠倒： 能看到这个页面的浏览者，大多数是先看到文章的标题（搜索引擎、BLOG文 ... ...
-
交互设计师的能力之一：概括 2009-02-04 08:41
经常会有人与我探讨：交互设计师所具备的能力有哪些？MSN上不便于深入解释，就在博客里谈一下吧。 我认为交互设计师除去基本的审美、原型设计，逻辑思维，追求细节，沟通这几项基本能力之外。最重要的能力之一，莫过于“概括”了。 犹如绘画，好的作品不是从一开始就将每一个细节都精雕细琢的。通常1.打线稿，勾勒轮廓；2.再上调子、突出明暗关系；3.进行大面积上色；4.边画 ... ...
-
让导航更轻便些 2012-03-07 17:36
导航是互联网产品中应用最广泛的基础元素之一，引导用户了解到网站的内容结构进而找到所求。作为基础控件，导航看起来简单，但却是产品设计中最复杂繁琐的一部分。因为我们想要让网站结构更清晰、想要向用户传达所有的信息，所以就赋予了导航越来越多的内容，使他们庞大异常，十分纠结。简化了，用户无法了解到页面结构以及自己的处境，产生困惑；复杂了，导航臃肿不堪，层峦叠嶂，既不美观也不好用。 那么，在清晰的 ... ...
-
Android 4.0设计初体验 2012-07-27 15:46
Android系统是目前智能移动设备中增长速度最快的平台，但App的设计却没有形成自己的风格，绝大都数都是ios风格的移植适配。Google 在去年的10月份发布了Android 4.0 的界面规范，在样式、控件上都做了非常个性化的革新，但由于Rom的多样化，设备的不统一，新的4.0设计规范并没有得到广泛的普及。但以移动设备更新换代的速度，Android 4.0将会是趋势，与ios ... ...
-
看FACEBOOK新群组是如何与其他功能交相... 2010-10-08 22:39
本文来自一名读者的匿名投稿，译自How Facebook Groups Integrates With Other Core Apps: News Feed, Events, Mobile做好事不留名，非常感谢你的投稿。期待你为我们带来更多精彩的译文。 Facebook最近新推出的群组（Group）功能并不是一个完全孤立的产品，它与既有的功能之间是相互整合联接的。本文将介绍新群组功能是 ... ...
-
我来设计支付宝的登录窗口 2008-10-21 22:21
先看一下现在支付宝的登录窗口： 支付宝现在的登录窗口 从我实际的使用来看，这个登录窗口存在两个明显的缺陷： 不支持保存支付宝帐户的Email地址，每次登录都要重新输入，哪怕这个电脑就是我一个人使用的。 一定要我输入验证码，为什么一定要输入呢？ 我的设计如下: 我建议的登录窗口 提供“私人电脑” ... ...
-
美图秀秀交互再设计 2011-07-16 17:40
出于职业习惯，使用一款产品时总会不自觉地对其设计进行分析。当打开美图秀秀时，我知道，我又开始了。 美图秀秀是厦门美图科技有限公司旗下的一款产品，分别有 PC 客户端， Android, iPhone 应用。公司旗下还有其它几款产品：美图看看——免费看图软件，美图拍拍——摄像头自拍软件，美图淘淘——网店图片批理处理 ... ...
-
首页设计的可用性和PET 2011-02-17 11:06
网站的首页是一个让人头疼的东西。有时它看起来很简单：首页就是网站内容的整合，一个产品经理随便从网站里拿点东西出来，就能堆出一个看上去靠谱的首页。也正因此，它往往非常麻烦：很多人都可以发表自己的见解，而这时交互设计师的一些手段（比如流程图、概念图等），在面对首页设计时也难派上用场，以致最终陷入到无尽的争执中。所以，本文希望寻找一些实用的方法一定程度上帮助设计师来决策，也让大家在争执过程也有 ... ...
