FUNDAMENTALS OF EXCEPTIONAL INTERFACE DESIGN

Don LevanVanguard Custom SoftwareCraft of FileMaker

Phil SmithFileMaker, Inc.

Teleconference InformationPlease be sure to dial into the teleconference:Toll free: (866) 699-3239Toll: (408) 792-6300

Technical Issues with WebExCall: 1-866-229-3239 (U.S. and Canada) or 916-861-3154 Question & AnswerWe will be taking questions following the presentation, please click on the Question Mark icon (Windows) or the Q&A tab (Mac) to type a question for the speakers.

How to ask a question1. Click on Question mark icon in Event Center Control Panel.

2. Enter your question and select send, then click the blue arrow

3. Hit the return button to go back to Desktop Sharing.

1

2 3

FileMaker Developers Conference 2011

August 2-5, San Diego, CAHilton San Diego Bayfront

‣ What?- Learn about the FileMaker 11 Product Line

- Over 50 sessions

- FileMaker Certification Track

- Special events and networking opportunities

‣ “Early Bird” Pricing (register by June 17, 2011)

- $1295 - Standard Package- $1949 - Gold Package

‣ Register Today www.filemaker.com/devcon

Reserve Your Hotel Room Now!www.filemaker.com/devcon

Dr. Don LevanVanguard CustomSoftware

Craft of FileMaker Workshops

Exceptional user interfaces

Exceptional user interfaces

solve the right problem, are easy to learn, and pleasurable and efficient to use.

The fundamentals of

Exceptional Interface Design

The fundamentals of

Exceptional Interface Design

TextText

The problem statement is not enough

Idea

IdeaIdeaImplementation

IdeaIdeaImplementation

IdeaImplementation

IdeaIdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaIdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaIdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaIdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaIdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaImplementation

IdeaImplementation

The fundamentals of

Exceptional Interface Design

Identify the right problem to solve.

Develop ideas.

Refine ideas.

Implement your solution.

The Design Process

Planning

Discovery

Design

Implementation

Phases of the Design Process

Planning

Discovery

Design

Implementation

Phases of the Design Process

Activity Work Product

Project briefSet expectations

Define constraints

Get commitment

Planning

About the Client

Current Situation Problems with the current situation

Project Goals Project Constraints

Not in this Project

We are not redesigning the existing contact management system (yet).

Creative Capital Project Management Tool

Creative Capital is a national nonprofit organization that supports artists pursuing adventurous and imaginative work in the performing and visual arts, film/video innovation literature, and emerging fields.

They are based in New York City. They have a small staff of 15 people in seven departments.

They have been using FileMaker since their inception in 1999.

To improve the ability of the Professional Development Department to manage an increasing number of workshops they will be offering as they grow.

To improve the ability of Creative Capital to document their impact on grantees and the community.

The system must be functional by the beginning of the busy season starting February 2011.

The project must not exceed the amount budgeted for this fiscal year.

The system must be responsive over the WAN with a dismal internet connection.

Planning

Discovery

Design

Implementation

Phases of the Design Process

Activity Work Product

Interviews

Screen captures

Videos

Photographs

Sketchboards

Identify the users

Understand the domain.

Research

Activity Work Product

Personas

Goals

Scenarios

Document the domain

Modeling

Goals Current Situation Problems with the current situationCurrent Solution Problems with the Current Solution

Sarah MooreSara is a workshop manager for Creative Capital. She has been with the organization for seven years.

She used to work full time on site, but as her music career has taken off, she has taken to working from home (with a

very slow internet connection) at odd hours.

Sarah does not feel their current system is necessarily problematic.

“I want to product the best workshops possible. ”

Produce the best possible workshops.

Develop and maintain great relationships with workshop attendees, instructors, and partner organizations.

Produce the information needed for the other departments in the least disruptive way.

While there is an existing FIleMaker contacts database, Sarah is not using it to manage workshops.

Instead they she uses Microsoft Excel and Microsoft Word to manage each workshop.

She frequently has to share documents with her co-workers via email.

The department is planning to increase the number of workshops they will be managing. Sarah can see it will difficult to do so with the current tools.

Scenario

Sarah MooreSaras is a workshop manager for Creative Capital. She has been with the organization for seven years.

She used to work full time on site, but as her music career has taken off, she has taken to working from home (with a

very slow internet connection) at odd hours.

Sarah does not feel their current system is necessarily problematic.

“I want to product the best workshops possible. ”

Sarah sits down at her desk to review the state of the current projects.

Scenario

Sarah MooreSarah is a workshop manager for Creative Capital. She has been with the organization for seven years.

She used to work full time on site, but as her music career has taken off, she has taken to working from home (with a

very slow internet connection) at odd hours.

Sarah does not feel their current system is necessarily problematic.

“I want to product the best workshops possible. ”

While setting up a new workshop, Sarah starts a new set of tasks that she knows she will have to complete to successfully produce the workshop.

(Sarah noted that there is a common list of tasks they most complete for each of their different types of workshops).

Activity Work Product

Requirements:

Data needs

Functional needs

Constraints

User Experience Attributes

Derive requirements

Secure commitment

Requirements Definition

Scenario Derived Requirements

Sarah MooreSarah is a workshop manager for Creative Capital. She has been with the organization for seven years.

She used to work full time on site, but as her music career has taken off, she has taken to working from home (with a

very slow internet connection) at odd hours.

Sarah does not feel their current system is necessarily problematic.

“I want to product the best workshops possible. ”

Sarah sits down at her desk to review the state of her current projects. She has only an hour and needs to hit the most pressing issues in each of her upcoming projects.

She must be able to view the set of her current projects.

She must be able to filter the projects by their status.

She must be able to see at a glance the status of planning for the workshop.

Scenario Derived Requirements

Sarah MooreSarah is a workshop manager for Creative Capital. She has been with the organization for seven years.

She used to work full time on site, but as her music career has taken off, she has taken to working from home (with a

very slow internet connection) at odd hours.

Sarah does not feel their current system is necessarily problematic.

“I want to product the best workshops possible. ”

While setting up a new workshop, Sarah starts a new set of tasks that she knows she will have to complete to successfully produce the workshop.

(Sarah noted that there is a common list of tasks they most complete for each of their different types of workshops).

Add a set of tasks to a project all at once.

Maintain lists of task “templates” that she can apply to a project.

Planning

Discovery

Design

Implementation

Phases of the Design Process

Activity Work Product

Lo-fi sketches

Prototypes

ERD

Develop the structure of the interface.

Develop the data model.

Confirm usability of your solution.

Framework Definition

Scenario Derived Requirements

Sarah MooreSarah is a workshop manager for Creative Capital. She has been with the organization for seven years.

She used to work full time on site, but as her music career has taken off, she has taken to working from home (with a

very slow internet connection) at odd hours.

Sarah does not feel their current system is necessarily problematic.

“I want to product the best workshops possible. ”

Sarah sits down at her desk to review the state of her current projects. She has only an hour and needs to hit the most pressing issues in each of her upcoming projects.

She must be able to view the set of her current projects.

She must be able to filter the projects by their status.

She must be able to see at a glance the status of planning for the workshop.

Lets look at FileMaker

Activity Work Product

Interface specifications

Style guides

Polish the interface.

Detail Design

Lets look at FileMaker

Planning

Discovery

Design

Implementation

Phases of the Design Process

Activity Work Product

Technical specifications

Develop the implementation plan.

Technical Design

Activity Work Product

Completed application or feature

Make it work

Programming

Craft of FileMaker Workshops

http://fmcraft.com

March 9th - 11thAtlanta, GA

April 13th - 15thSan Francisco

don@vanguardcs.net

FileMaker Resources

Find an Authorized Trainer in your area• www.filemaker.com/support/training/

authorized_trainers.html

Purchase FileMaker Products• store.filemaker.com

View Other FileMaker Webinars• www.filemaker.com/support/webinars

Attend or host a Craft of FileMaker Workshop• fmcraft.com - (917) 842 - 2911• don@vanguardcs.net