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
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• [email protected]