Archive for the ‘设计体验’ category

网页表单中的行为也分主次

二月 26th, 2010

原文地址:Primary & Secondary Actions in Web Forms

作者介绍:Luke Wroblewski,目前在Yahoo!担任首席设计师(Chief Design Architect),主要进行互联网、移动设备、电视等等产品线及前瞻性的客户体验整合。在这之前他曾是eBay公司平台组的用户界面设计领导者。他同时也是两本知名网页设计书籍的作者(Web Form DesignSite-Seeing: A Visual Approach to Web Usability)。

版权声明:译文转载请注明来自阿斯猫的兵工厂

译文:

最近几个月以来,我一直忙于在我的新书中通过实际测试数据来重写设计建议,这本书名叫《网页表单设计最佳练习》(Web Form Design Best Practices)。为完成这件事,我很荣幸的和伦敦的可用性专家Etre一起合作,并进行了大量的专门针对网页表单设计的眼动实验和可用性研究。其中的一项测试便是研究主要行为与次要行为之间的差异化。

主要行为与次要行为

一个典型网页表单通常包含数个“决定性”行为。例如“提交”“保存”或者“继续”等行为,他们都是被用来“完成表单”,而“完成表单”则是任何用户开始填写表单之后的主要目标。因为能够被用来触发表单中最重要的行为(完成表单),所以他们常被归为主要行为。

Typical Web Form

另一方便,次要行为的使用趋势越来越少,同时大多数通常允许用户撤销已经输入的数据。例如“取消”“重置”或“返回”之类的选项,他们代表了与用户填写表单时的首要目标刚好相反的次要行为。

» Read more: 网页表单中的行为也分主次

分类与标签的融合

十一月 12th, 2009

关于分类:

先有内容,后有分类。

大量内容出现后的信息搜寻(注意,不是使用搜索引擎进行的“搜索”)变得困难,于是有了分类的概念

现如今我们习惯于先创建分类,然后再划分内容至分类中。

分类的缺陷:

在将信息划分到某分类时可能无法完全和用户的分类需求一致。

例如我在某网站的体育版块下寻找贝克汉姆的一张穿着风衣的照片,找了半天没找到,后来发现这个照片被归入到了时尚版块。

所以我们才会在进行网站信息架构时用到“卡片分类法”,目的其实就是尽量减小最终分类与大部分用户的分类习惯之间的偏差。

» Read more: 分类与标签的融合

好用的涂鸦风格原型设计工具

十一月 11th, 2009

今天发现了一个很好用的原型设计工具,叫做Balsamiq Mockups,来自Balsamiq Studios。和常用的Visio、Axure RP等软件相比最大的特点就是涂鸦风格,并且使用起来非常简单,完全不需要了解太多技术就可以做出一个可审阅的原型图,非常适合快速设计简单的原型,同时支持即时讨论标注。

Balsamiq Mockups的界面非常简单,大量的自带元素和图标,包括网页、桌面程序中常用的各种控件元素,甚至还包括iPhone的界面控件元素。

Balsamiq  Mockups

我用过Axure RP和Visio来设计原型图。毫无疑问,要设计一个可交互的原型使用Axure RP是最合适不过的,而设计桌面应用程序(例如windows平台软件)原型则使用自带了N多Windows标准控件的Visio。但如果你只是想在头脑风暴或讨论前快速准备一个可审阅原型的话我建议你使用Balsamiq Mockups,因为它用起来十分便捷。和Axure RP

» Read more: 好用的涂鸦风格原型设计工具