`
datoplay
  • 浏览: 1620493 次
文章分类
社区版块
存档分类
最新评论

SD杂志设计专栏:Ease-of-Use Equals Use

 
阅读更多
What’s user-centered user-interface development—and why does it matter? Developers tend to focus on functionality, forgetting that powerful tools become popular only if they’re easy to use. Here’s how to interview users, create personas and build applications that will resonate with your customers.

<!--Author Default Font Italic -->By Aaron Marcus

Picture this scene: 20 people are gathered around a conference table for a two-day meeting. Three groups, with their respective managers—developers, line-of-business staff and system users—are jockeying for proximity to the power-people, as well as time to speak. The objective? To review a first draft of screens representing use cases and detailed workflows of a new internal Web portal for an enterprise’s complex financial documents. Users will consult and manipulate this data to serve customers effectively. The data and business processes are vast and complex, including obscure, inconsistent, inherited terminology and procedures that are the inevitable accretions of mergers, reorganizations, errors and time. What’s at stake? The end customer’s as well as the system user’s satisfaction with a crucial Web-based application.

What’s right with this picture? The data analysts have done their homework—as they understand it. They’re following the best practices of comprehensive, integrated software development. They’ve identified the users, their data needs, the use cases and the flow of information—as they understand it. They’re developing templates for data display and the users’ interactions with them—as they understand it. Everyone gathered around the conference table agrees—the group seems to be getting a grip on the monster.

What’s wrong with this picture? Unless professional user-interface developers are present, several things will probably go awry, as I’ve witnessed in such pow-wows:

  • IT and business personnel are likely to dominate the discussion. One or the other is usually in charge of the process.
  • Users may feel intimidated, especially if presented with technical use-case and workflow documents.
  • Users may be talked over, talked down to or asked rhetorical questions, but not be allowed to evaluate and express what’s really right for their purposes.
  • Users may be assigned the responsibility for providing not what they need, but what the data analysts desire, and the users may not even recognize this inevitable bias toward the “back end,” not the “front end,” of the user interface.
  • More fundamentally, users may never have been asked some key questions that lead to a better understanding of their work needs.

Recently, in an informal, 30-minute gathering with users following such a meeting, I learned some key success criteria for their use of the software that had never been mentioned in any of the documents discussed at the meeting. Ferreting out this crucial information took some respectful and gentle prompting. Especially vital were the need for fast performance in working with multiple document sets sequentially and sometimes in parallel, and the need for comprehensive help systems to assist temporary staffers unfamiliar with company procedures. Even though the IT people assumed that good performance and some documentation were appropriate, they neglected to collect information that revealed how critical these user needs were.

Focus on User Experience

The International Standards Organization (ISO) defines usability as “the effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments.” I take that definition one step further to include the enjoyment or pleasure that users derive from useful human-computer communication and interaction. This last aspect, the user experience, involves usability, branding and culture. User-Centered User-Interface Development (UCUID) affects user satisfaction in ways that immediately impact the bottom line: more efficient production, fewer calls to help centers and more devoted customers.

The UCUID process consists of steps similar to those in software development: plan, research, analyze, design, implement, evaluate, document, train and maintain. But while the software development approach tends inevitably toward data-centered methods and solutions, UCUID is user-centered in theory and practice. Each of these progressive steps involves the user interface itself—its components (metaphors, mental models, navigation, interaction and appearance)—not the data or code. Each step produces knowledge that can assist with the next one. Remaining mindful of essential usability principles at each step helps to ensure the creation of usable, useful and appealing products or services. Some of the basics derive from human factors research, such as keeping things simple, clear and consistent; limiting choices appropriately; and revealing complexity at the right time. But how do you know when to show what, and to whom? Ask the user the right questions early on. It goes without saying that you should interview real users—not managers, but those in the trenches making regular, daily use of software. Then construct your user models based on the interviews followed by a detailed task analysis. Here’s how.

Interviewing

I always advise that a small group of UI developers start by interviewing users, recording observations, creating user models and presenting them effectively to the rest of the development team.

To prepare for these interviews, brainstorm a list of five to nine different user types based on known information or any contact with users—without going into detail. Plan what you want to learn from users and design a set of interview questions. Each interview may last only 20 to 60 minutes. Be prepared to take notes or capture the interviews with audio or video. Some typical high-level interview questions are:

  • Can you tell a few stories that are typical of your actual use of the system?
  • What makes a good or bad experience with such systems?
  • What are the critical success factors on which you are evaluated?
  • How are these related to your use of the system? Detailed interview questions may include the following:
  • Can you describe particular problems you were trying to solve?
  • Can you describe the people/roles involved?
  • What steps were taken to solve the problem?
  • What constraints were there (for example, time, budget and so on)?
  • What information do you need to make decisions?
  • What was produced?
  • Were you satisfied with the outcome?
  • What activities or conditions waste your time?
  • What are your typical problems, challenges, pain points and pleasure points?

In these interviews, be prepared to summarize key functions and data for the users. These may have been prepared by marketing, business or engineering staff. Be on the lookout for new, hidden and potentially valuable additional tasks and content. Typical functions might include the following:

  • Searching and browsing for desired items by content (type, brand, date/time, price or other criteria).
  • Saving named sets of items for later reuse.
  • Viewing items to be processed in some way; for example, items to be delivered.
  • Scheduling items using different delivery options (weekdays only, express and so on).
  • Viewing news and documents by subject matter of interest to the user.
  • Creating a profile of preferences that makes the software application easier and faster to use.
  • Viewing recommended and related items.
  • Viewing content details such as prices, history, special conditions, parts or special items.
  • Viewing comparisons of selected items, attribute by attribute.
  • Allowing easier methods for the user to navigate very large sets of items.

User Modeling: Creating a Profile or a Persona

User models, also called personas or profiles, enable you to do task/need analysis and quickly present your core understanding to all stakeholders. Knowing essential types of users well helps the UCUID team stay focused on the most important key stakeholders: the users.

Based on your interviews, model at least three user types—they won’t necessarily correspond directly to your interviewees, but select one primary user type as the focus of your UI development. The persona itself should resemble the following:

Title: Customer Support Representative (CSR)
Photo: (Use a stock photo to illustrate)
Slogan, name and age: “I like to talk, but I hate to write.” Susan, Age 27

My Goals (needs, desires or job responsibilities):
  • I’m willing to contribute to the knowledge base, but I want to spend as little time as possible in authoring content and still get credit.
  • The manager encourages us to report document errors.

My Environment (working circumstances, organization’s culture or customs):

  • Typically, five other applications are open during support.
  • I have a small monitor.

My Behaviors (characteristics, psychographics, expectations or usage patterns):

  • I’m a subject-matter expert for my area.
  • I hate to write, but I don’t mind writing an e-mail.
Design Implications (efficiency, learnability or satisfaction):
  • Use e-mail metaphor, which is the most familiar to the CSR.
  • To remove any obstacles, make the UI as simple as taking notes.

Personas help prevent the development team from drifting as marketing, business and engineering all voice their requirements, suggestions and complaints.

Use Scenarios and Task Analysis Based on your personas, you can write two or three realistic use scenarios to be evaluated by users and other stakeholders. Include all the tasks you can think of; consider new tasks as well as those suggested by any documents from marketing, business or engineering. Here are some suggestions:

  • What are the task dynamics (for example, the experience of the task over time)?
  • What triggers a task?
  • How interruptible is the task?
  • What tasks are performed together as an activity?
  • How often does a task occur?
  • What is the duration of the task? Are there time constraints?
  • What is the intensity or volume of work?
  • Does a task need to be completed immediately, or at will?
  • Are task reminders necessary? Which kind?
  • Is a task predictable or unpredictable?
  • Is a task continuous or disjointed?
  • Is the user multitasking? What else is going on?
  • Is a task process-driven or user-driven?

After you define the use scenario, conduct task/need analysis with your users and create worksheets that organize the tasks into groups; prioritize them as easy, moderate or difficult based on importance and frequency of use; and consider what metaphors may have emerged from your interview notes to help describe and explain them. These documents can assist you as you develop conceptual diagrams and screens that meet the challenges of the tasks for each persona.

Conceptual Design, Prototyping and Story-Telling

Based on the information in your persona, use scenario and task analysis, the UI can then be developed as a set of layouts with specific labels and data fields that account for tasks, workflow and user concerns. Although computer-based tools for high-level modeling can be used, your team and users can also employ tools as simple as sheets of paper on a wall with grouped sticky notes.

A series of one to three organizational sessions can usually develop high-level screens that accurately and meaningfully represent the user’s world. The ensuing prototype or demo can then be joined to or checked with whatever data-gathering and use-case information has been collected by traditional software development processes. In this way, top-down and bottom-up approaches meet in the middle to achieve superior usability, usefulness and pleasure for the user.

In today’s economy, even a business-critical project must be “sold” to the key stakeholders. It’s essential that UCUID teams develop engaging and compelling story-telling skills with the help of demos and prototypes that make a product vision visible, comprehensible, credible and desirable to key audiences. Your user models and scenarios will assist you again in communicating the benefits of the user interface.

These best practices of user-centered user-interface development will help you to develop easy-to-use software that’s also responsive to your user’s needs. Especially important are interviews, user profiles, use scenarios, prototypes and evaluation techniques that emphasize iterative design and studying actual users. Now you can put these practices to work. Go team!


Aaron Marcus is president of an eponymous user-interface and information-visualization design consultancy in Berkeley, California. A prolific author and lecturer, Marcus has designed and analyzed more than 400 UIs, and worked on the initial versions of AOL and Travelocity.com.
分享到:
评论

相关推荐

    Python库 | django-ease-0.1.tar.gz

    python库。 资源全名:django-ease-0.1.tar.gz

    EASE-GRID网格25km模板.xlsx

    一直在寻找easegrid对应的经纬度信息,找了好久没找到,最后只能自己下载10几个G的matlab自己生成了。按照对应经纬度和对应行列号,直接替换掉原来模板中的数据。有需要可以下载。下载评论后返积分

    aos.js动画的用法

    插件描述:aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的状态。...ease-in-out-quart

    Shy-3D立体动态相册实现代码(源代码)

    -webkit-transition:all 1s ease; } .maxbox li:nth-child(1){ -webkit-transform:translateZ(100px); } .maxbox li:nth-child(2){ -webkit-transform:rotateX(180deg) translateZ(100px); } .maxbox li:...

    geo2easeGrid:将地理坐标转换为 EASE-Grid 投影。-matlab开发

    将地理坐标转换为 25 公里的北方位角等积图的功能分辨率像素(EASE-Grid 投影或 NL)。 该投影主要用于遥感并覆盖北半球。 如果您想知道 EASE-Grid 投影到具有地理坐标的位置的相应像素。 例如,如果您想知道 EASE ...

    copy 2 clipboard with ease-2.1.0.zip

    名称:copy 2 clipboard with ease ---------------------------------------- 版本:2.1.0 作者:cage.chung 分类:实用工具 ---------------------------------------- 概述:轻松复制标签标题和网址的简单方法。 ...

    EASE-国内吸声材料数据库

    关于EASE-国内吸声材料数据库,参数主要是国内常见的材料

    USB 3.0 SPEC

    • Ease-of-use The lack of flexibility in reconfiguring the PC had been acknowledged as the Achilles’ heel to its further deployment. The combination of user-friendly graphical interfaces and the ...

    HTML5 3D相册 精美 女朋友礼物

    transition:0.6s ease-in-out; left: 65px; top: 6px; width: 40px; height: 40px; overflow: hidden; position: relative; cursor: pointer; -moz-transition: all 0.6s ease-in-out 0s; -webkit-transition: all ...

    ease-源码.rar

    ease-源码.rar

    Laravel开发-ease-request

    Laravel开发-ease-request 用于简化输入验证的Laravel包

    Marquee-React-Dwyer:用于React的全球设计的字幕组件

    animation-timing-function: ease-in ; } 100% { transform: translate(-100%, 0) ; animation-timing-function: ease-out ; }} 实时示例: : 入门通过npm安装: npm i marquee-react-dwyer例子import React, { ...

    CSS3实现网页平滑过渡效果

    -webkit-animation:moveDown 0.6s ease-in-out 0.2s backwards; -moz-animation:moveDown 0.6s ease-in-out 0.2s backwards; -o-animation:moveDown 0.6s ease-in-out 0.2s backwards; -ms-animation:moveDown ...

    AutoCAD 2019: A Power Guide for Beginners and Intermediate Users 4th Edition

    AutoCAD 2019: A Power Guide ... Moreover, every chapter ends with hands-on test drives that allow the users of this textbook to experience themselves the ease-of-use and powerful capabilities of AutoCAD.

    缓动:预置Tailwind CSS,以扩展Tailwind CSS的过渡计时功能

    安装和配置(以下步骤)后,您可以通过ease-*前缀访问新的缓动。 注意:大多数在中可用,但某些除外,因为预设在内部使用 。 ease-in-back ease-in-circ ease-in-cubic ease-in-expo ease-in-out-back ease-in-out...

    EasyTable.v16.00.for Delphi 10.4 by [CS].rar (首先在互联网上. 仅在CSDN中.)

    Unmatched ease-of-use Small footprint Storing multiple tables inside the single database file Fully compatible with standard DB-aware controls Encryption, BLOB data compression Capability of database ...

    netty-all-4.1.22.Final.jar netty最新版jar包,直接导入

    建立管理长连接、推送、通知、数据传输、自定义协议等等 ... As a result, Netty has succeeded to find a way to achieve ease of development, performance, stability, and flexibility without a compromise.

    netty-all-4.1.29.Final-sources.jar 最新版netty源码

    本jar包为最新的netty-all-4.1.29c.jar 可导入直接用 ... As a result, Netty has succeeded to find a way to achieve ease of development, performance, stability, and flexibility without a compromise.

    CompTIA PenTest+ Certification All-in-One Exam Guide (Exam PT0-001)

    Designed to help you pass the exam with ease, this definitive volume also serves as an essential on-the-job reference. Covers all exam topics, including: Pre-engagement activities Getting to know ...

    iOS 5 Essentials

    just like iOS, is built with ease-of-use in the mind. Whether you're new to iOS development, or a seasoned pro, this book will guide you through developing in iOS 5 and Xcode 4 with the same ease-of...

Global site tag (gtag.js) - Google Analytics