主要内容
-
小屏幕的设计经验 2010-06-01 21:59
现在是时候发展移动银行的未来了。通过认识公交上班族、商务旅行者、从事各种繁忙工作的母亲和因为不 同的使用目标而以来移动设施的人使我们开始意识到它。 当然银行会在智能手机上持续一点点的减少看上去无止境复制桌面经验的过程。你能持续去要求设计师和工程师来减少独立的屏幕和工作流程来使他们的iphone和黑莓手机使用界面更加友好。但是移动设备与互联网是一个完全不同的 频道。直接缩小互联网上的内 ... ...
-
Iphone与Android 对比分析浅谈 2010-06-01 21:49
自从Iphone横空出世，就以简单易用，并功能强大，作为智能手机的代名词，直到Google推出Android 平台，才棋逢对手；自此作为两款经常拿来一起比较的手持移动平台，做了粗略分析比较； 1. 开发平台 目前开发智能手持平台设备的app相对来说已经比较简单。以Android手机Nexus One为例，它的处理器有1GHz，内存则有512MB，跟开发客户端应用的感觉已经很类似 ... ...
-
表格的UI交互模式指南 2010-05-31 20:27
许多人都认同这样一个现象：表格虽然是用户界面设计中的一个重要部分，但是它们却经常会被忽视。表格应该显示让用户更易读，更易扫视，更易比较的结构化数据，但在很多情况下，表格数据却显得模糊不清。这就是很多人不喜欢表格的原因。 用户的日常工作经常使用表格，但是谁会需要让他们崩溃的东西呢。要改变这样的现状，下面给出一些使表格易用的指南。 行交替样式Alternating rows sty ... ...
-
信息架构中的常见模型-2 2010-05-31 19:53
上一期分享了三种基本的交互模型，双面板选择、画布工具条、向导（wizard），本期讨论的交互模型并不局限在一个页面上的信息结构，它们分别是：响应式出现和嵌入式连接。 1. 响应式出现 一个页面要显示很多内容，但是其中一部分内容不太重要，我们希望用户界面变得简单，但又不得不把内容放到界面当中，在这样的情况下，可以把重要的内容显示出来,并把其他内容隐藏，用户可以通过一个简单的操作访问隐 ... ...
-
交互设计的故事性：无言胜有声 2010-05-31 13:49
中文是一种奇妙的文字，同样的文字，不同的语气，断句，声调，标点，传达出来的信息可能完全不同。还记得百度欺负google的这则视频么？简简单单二十余字，被演绎成了三种不同的表达，由此可见，文字也未必是最稳妥的表达方式：视频地址：http://www.it86.cc/interview/2007/0303/3.shtml 对于信息的传递，文字是最为简单的做法，但对于接收方来讲，未必最易理解和记 ... ...
-
细节成就卓越——浅析iPhone用户界面设计... 2010-05-27 16:00
作为一款革命性产品，iPhone（这里泛指iPhone和iPod touch，当然还有iPad）为我们带来了许多意想不到的创意和惊喜。过去两个月多的时间里，我们认真地咀嚼《iPhone Human Interface Guidelines》，感悟字里行间透露着的苹果的细致与智慧。兴奋、激动之余，有太多的惊喜想与大家分享。但无论从时间上还是精力上，130页的完整套餐肯定会让所有的人吃不消。 ... ...
-
交互设计的类型与难点 2010-05-26 01:11
广义的交互设计，包括人与人之间发生的事情，比如你去一个店里消费，营业员给你拿物品找钱等；人与物发生的事情，你去试用一些(PMC)便携消费电子产品产生的一些交互过程；以及物与物或自动化发生的一些事情，这些都可以称为互动交互，交互的过程大致都是这样，区别在于人、物(机器或物品)产生的不同层级类别的体验。现在(HCI)人机交互领域发展的最好的无疑是互联网web2.0甚至web3.0呼之欲出的交互，基于图 ... ...
-
思维导图之用我 2010-05-25 23:27
思维导图是我生活和工作中不可缺少的重要部分，她的使用场景有很多种，午休时间，我想和大家分享一下我使用思维导图的经验，是以抛砖，意在引玉。 读书笔记与知识管理 相信很多同学都有用导图来做读书笔记的习惯，恐怕这也是导图被用得最之泛的一个功能了。我也不例外，我在读一些逻辑性强或技术性的图书时习惯使用导图来做笔记，笔记内容主要是图书的细化版大纲，再加上自己的一些评注。除了读书，我在网上看一 ... ...
-
使用线框图来简化你的产品设计流程 2010-05-25 23:22
绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素，是网站内容布局的基本视觉表现方式，是网站开发过程中一个重要的步骤。 一、线框图的好处： 让项目组成员在初期就可以对网站有个清晰明了的认知 能激发设计师想象力，使其在创作过程中有更多发挥空间 给开发者提供一个清晰的架构，让他们知道他们需要编写的功能模块 让每个 ... ...
-
移动设备的表单设计 2010-05-25 17:56
移动设备的表单设计相比桌面受到很多限制：屏幕小、网络慢、输入困难等。因此在设计移动应用和网站时，应尽量减少表单的数量。同时如果某些地方确需要用户输入，应多尝试让他们通过点击选择，比如多选项、复选框、选择菜单、列表等，替代易用性差的文本框。 限制往往能带来创新，移动表单也不例外。移动设备的局限促使开发人员和设计师寻找更好的方式提供快捷和易用的输入方式。这些领域的创新反过又被应用于桌面互联网， ... ...
-
从360安全卫士卸载金山网盾看产品设计 2010-05-25 13:19
做产品的要学会分析用户心理，诱导用户按我们的意愿办事，但还得看起来像是用户做了英明的决策。该文非常多智慧的火花，收藏学 习。 闹得沸沸扬扬的“360流氓卸载金山网盾”事件中，别人关注的是国内IT界两个豪门之间的是非，其实这里面最有看头的，是学习一下360安全卫 士的产品经理如何熟练的通过产品交互手段操纵用户，打击竞争对手产品。其招式之娴熟狠辣， ... ...
-
“京东商城”新版界面分析 2010-05-24 22:45
京东商城正在酝酿改版，目前已经放出了新版登录页（下图1）。与旧版登录页（下图2）相比，新版登录界面有非常明显的变化，下面就分析一下这些变化的优劣，并给出一种改进方 案。 好的地方 去掉了多余的元素。主导航、广告、底部的帮助信息都去掉了，这一页从两屏直接变成了一屏，信息大大简化，可以让用户快速完成操作，非常好的改进。 去掉多余的颜色。整体非常干净，不像之前红 ... ...
-
移动界面设计点滴(2)——Flow大局观 2010-05-18 18:31
Mobile UI design tips—— the overall view of flow 在移动设计中，我们需要完善的功能flow，对它认知的价值使得flow在整个设计开发过程中始终走在前面。完善的flow不仅令功能产品更加易用，带来良好的用户体验，与此同时，也有助于提升开发效率，不到位的flow将带来设计与开发的反复，使团队蒙受损失。 良好的移动产 ... ...
-
页面元素的表达状态：常态，暂态 2010-05-18 15:08
常态：元素在页面上始终显示；暂态：元素需要鼠标悬浮，点击，或者聚焦等事件，才能触发其显示；当事件发生改变时，比如鼠标移出或者焦点消失，则元素可以再次隐藏； 生活中的人们不断地遇到这样那样的问题，然后就会萌生各种各样的感觉，比如“为什么不告诉我”，“现在应该怎么做”，或者“原来是这样，我以前不知道的&rdquo ... ...
-
大尺寸多点触控会给人机交互带来哪些变化？ 2010-05-18 10:07
photo by Daniel.[V] 被遗忘的交互界面： 关于 iPad 的人机交互原则，苹果说： 内容和交互性是王道。 (Content and interactivity are paramount in the iPad user experience. ) 他们认为，好的 UI (User Interface) 应当 ... ...
-
为线框图多留点时间 2010-05-17 09:41
线框图是交互设计师必不可少的产出物，它在交互设计师的工作中扮演了如此重要的角色，以至于交互设计师经常被认为是个画线框图的，但是无论是设计师本人还是项目组成员，对于线框图存在的意义未必有足够的认识。 项目为何需要线框图？ 为什么不缩短周期，直接跳转到视觉设计呢？ 对于设计师而言，疑问一样存在： 线框图给我们带来什么价值？ 在我们想进行线框图培训时，疑问有： 不就是画个草图吗？ ... ...
-
表格可读性提升分析 2010-05-17 09:07
前边写了个大框架，好像有点笼统，因为没有各点的图文分析。最近用表格比较多，本文具体对表格可读性的提升做个系统总结，顺便把Readability Framework更新到了v1.1。如下图： 追溯表格(Table)的历史，最早设计师们喜欢用表格来布局，因为可视化简单直观，从而大大降低了web design的技术难度。在错误理解表格的基础上，不仅用错，而且模糊了表格的真正用途。到后来web ... ...
-
也说导航设计 2010-05-16 04:46
最近在UCDCHINA上看一些电子商务设计的东西，因为手头一个项目就是如此。发现最新一期的话题是“导航设计”。我觉得结合最近的一些思考，有很多想法是可以说一说。 说到电子商务的导航， 很多人都会指向2个电子商务网站，淘宝和亚马逊。但是以此来设计电子商务网站的导航，其实是不准确的，因为在不同商品数量级上，淘宝和亚马逊的做法，不一定合适现在的电子商务网站。 1.海量商品 ... ...
-
介绍几款iPhone手机原型设计的工具 2010-05-16 00:56
一、iPhone Mockup http://iphonemockup.lkmc.ch/ 可绘制简单线框图（Illustration）和手绘风格线框图（Pencil）两种风格的原型。组件都可以任意拖动，放到合适的位置。但是由于是在线软件，可能在安全保障上会有些欠缺，而且有些类似于沙盘的形式，不知道什么时候还会消失。优点是可以协同创作。 二、Balsamiq Mockups ... ...
-
电子商务搜索LIST页面用户体验设计 2010-05-15 13:21
改版背景 创建专业的电子商务垂直搜索，以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要，对原有的零批(小额批发)搜索进行改版，改造为适合行业搜索交易频道，便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作。 项目组成员将对现有的功能需求，信息架构，视觉色彩，用户体验等，做多视角、多纬度的分析。力求在168 ... ...
