7
TECHNOLOGY TRANSFER PRESENTS [email protected] – www.technologytransfer.it APPLICATIONS DESIGNING USABLE VISUALIZING REQUIREMENTS WEB AND MOBILE VISCONTI PALACE HOTEL - VIA FEDERICO CESI,37 ROME (ITALY) JIM HOBART MAY 2-4, 2011 MAY 5-6, 2011

Designing Usable Web and Mobile Applications

Embed Size (px)

DESCRIPTION

The convergence of Mobile and the Web is upon us. Google Maps, Gmail, Flickr and a variety of new AJAX and Rich Internet applications are a reality.

Citation preview

TECHNOLOGY TRANSFER PRESENTS

[email protected] – www.technologytransfer.it

APPLICATIONS

DESIGNING USABLE VISUALIZINGREQUIREMENTSWEB AND MOBILE

VISCONTI PALACE HOTEL - VIA FEDERICO CESI, 37ROME (ITALY)

JIMHOBART

MAY 2-4, 2011 MAY 5-6, 2011

DESIGNING USABLE WEB AND MOBILE APPLICATIONS

The convergence of Windows and the Web is upon us. Google Maps, Gmail, Flickr and a variety of new AJAXand Rich Internet applications have begun to legitimize moving beyond HTML to deliver interactive applicationsthat deliver the best of the Web and the best of the desktop experience. We will show how these techniques arechanging the way designers think about their application Designs. You will learn how to develop complex GUIsfor mixed user profiles, effectively use multimedia, implement Visual Design Patterns, and effectively developfor multiple platforms Plus, you’ll see the usability challenges introduced when these new interaction tech-niques are implemented. Learn from the experts who have been helping companies develop world-class Enter-prise applications for over a decade.We will share with you the results of user testing this new breed of application Design in our usability lab to helpyou leverage the technology and avoid the usability pitfalls. We will show you how to implement new interactiontechniques such as enhanced client-side validation, drag and drop, partial form refresh to create fast, rich com-pelling user experiences. Get a jump start on this compelling new technology to deliver highly effective applica-tion Designs for your organization.

WHAT YOUWILL LEARN

This class for Developers, end-Users, interaction Designers, and Managers explains how to apply the conceptsof human centered Design to the paradigm of Web development.

Attendees will learn how to:

• Design complex Web and Mobile applications• Design next generation applications to leverage Web Services• Design rich, interactive navigation styles• Develop effective Web 2.0 design patterns• Incorporate prototyping and use cases to validate complex design issues• Extend Web applications to the mobile platform• Create complex UI design patterns• Implement new designs standards to address these Web 2.0 and mobile design

WHO SHOULD ATTEND

• Project Managers who are responsible for establishing or managing a Web project or Internet strategy• Project Leaders who need to know proven steps for Web-enabling existing Client/Server applications•GUI Designers who need to know how and when to use the new Web controls when creating user interfaces• Software Developers who are looking to expand their knowledge Web application Design• Interaction Designers who are responsible for managing and implementing UI Design• Business Analysts responsible for documenting requirements for complex user interface applications

DOCUMENTATION

Attendees will walk away with a complete set of Web 2.0 Design examples for quickly implementing theseDesign Patterns within their organization.

ABOUT THIS SEMINAR

1.Web and Mobile DesignPrimer

• What is a Web 2.0 Application?• Examples of Web 2.0 Design• Examples of extending applica-

tions to the mobile platform

LabFix challenged applications

LabReview successful applications

2. Advanced Design Modeling

• User Profile Modeling• State Transition Models• Requirements Validation• Rapid Prototyping

LabValidate a set of design models

3. Interaction Modeling

• Understand the principles of inter-action modeling

• Learn notation for UML based in-teraction models

• Learn how to choose the bestWeb interaction model based onthe user types and tasks

LabCreate an interaction model for acomplex user-centered use case

4. Advanced Layout Principles

• Inductive interface styles• Liquid layouts• Advanced color issues• Complex form layout• Table layout principles• Error Handling

LabCreating a complex set of layoutsfor a travel application

5. Complex UI Design Patterns

• Implement visual Design patternsto solve complex usability issues.

• Navigation Patterns- Tree Views- Global navigation- Workspaces- List management

• Search Patterns- Directed search- Interactive search- Results list

LabCreate a navigation model for acomplex transactional Web appli-cation

6. Designing with Flash andHTML5

• Emerging standards and tech-nologies

• RIA Fundamentals and Frame-works

• Complex form updates• Web vs. Mobile Strategies

7.Designing Transactional Appli-cations

• Interactive Grids• Real-Time updates• Designing for complex transac-

tions• Complex form updates• Shopping cart transactions

LabModify a Web transactional inter-face for a mobile platform deploy-ment

8. Designing Charts and Graphs

• Explain data visualization• Best Practices for charts and

graphs• Creating interactive Dashboards

LabDesign a Charting interface for a BIapplication

9.Web 2.0 and Mobile DesignStandards

• Explain why UI standards areneeded

• Identify process for defining andimplementing design standards

• Learn contents of Web 2.0 andMobile standards

10. Course Conclusion

• Course Summary• Questions and Answers

OUTLINE

VISUALIZING REQUIREMENTS

Learn how to build visualizations to quickly communicate Business requirements and set realistic user expecta-tions. You will learn a proven process for planning, creating and communicating digital wireframes to validate Busi-ness requirements and gain consensus on the proposed solution design. These are the same techniques beingused successfully on real projects for many of our Global 2000 clients and large government organizations. Imple-menting a successful prototyping process can mean the difference between success and failure in the comingyears. Learn from the experts who have been delivering success in this field for over a decade! We will show youhow to apply a proven process for identifying key Business user requirements, developing and validating user con-ceptual models, and creating visualizations that communicate the vision and help gain focus to large-scale pro-jects. We will show you how to plan and implement a visualization process to quickly define user requirements andallow product visualization to transform the way your organization designs and builds software.

WHAT YOUWILL LEARN

• Develop a detailed visualization plan• Scope visualizations based on Business drivers• Choose the best visualization method• Apply new design modeling techniques to assure usability• Develop task flows and scenarios• Define visualization content and fidelity• Transform visualizations into detailed design specifications• Create usable design patterns• Validate design decisions with visualizations

BENEFITS TO YOUR COMPANY

• Reduce risk by using early visualizations to improve requirements definition• Learn techniques for building successful visualizations• Discover a proven process for creating successful visualizations• Translate requirements into visualizations to communicate solutions

WHO SHOULD ATTEND

• Project Managers who are responsible for establishing or managing software projects• Project Leaders who need to use a proven process to build effective solutions• UI Designers who need to know how and when to leverage visualization to ensure usable designs• Developers who are responsible for implementing software projects• Business Analysts who need to translate Business requirements into usable solutions• End Users who need to understand effective visualization techniques

This class is designed for corporate and commercial Developers and Analysts that are, or plan to be, involved insoftware development projects. Anyone concerned with developing highly successful software, including indi-viduals that will gather user requirements or end-users themselves will also benefit from attending. Attendeesshould have a basic understanding of requirements gathering and software design techniques.

Please, bring your laptop to the seminar.

ABOUT THIS SEMINAR

1. Visualization Primer

• What is a visualization?• Discuss when visualizations are

best applied on projects• Discuss the purpose and best

uses for visualizations• Discuss various visualization

methods

2. Visualization ProcessOverview

• Review the visualization process- Planning- Modeling- Specification- Design- Results- Validation

• Learn techniques to implementthe process on your project

• Adapting the process to your or-ganization

3. Planning Your Visualization

• Develop a tailored visualizationplan to validate your softwareproject

• Clarifying Business Drivers- Gathering requirements- Sketching initial concepts- Creating initial wireframes

• Validating Requirements- Review sessions- Goal Identification- Usability testing

• Researching User Tasks- Developing personas- Contextual Inquiries- Task layer maps- Task dependencies- User Profiles

• Defining content and fidelity

LabReview a visualization plan andidentify ways to improve it

4. Creating Design Specifica-tions

• Identifying goals of the visualiza-tion

• Determining specification charac-teristics

• Choosing a visualization method

LabDevelop a visualization specification

5. Building Effective Visualiza-tions

• Choosing visualization tools• Establishing review cycles• Validating design decisions• Deploying visualizations for re-

view• Integrating collaborative designs

LabCreate a transactional visualization

6. Transforming Visualizationsinto Design Specifications

• Using Visualization to Scope de-tailed solutions design

• Creating Wireframes• Establishing Specification DesignStandards

• Synchronizing wireframes toBusiness Requirements

• Creating detailed design specifi-cations

7. Usability Testing Visualiza-tions

• Practical Usability Testing tech-niques

• Discuss when to Usability Testvisualizations

• Explore the differences for Us-ability Testing a visualization anda production application

• How to conduct a Usability Test• Interview techniques for optimal

user feedback• Translating test findings into de-

sign solutions

LabConduct a usability test for a visu-alization

8. Course Conclusion

OUTLINE

JIM HOBART

DESIGNING USABLE WEBANDMOBILE APPLICATIONS

Rome May 2-4, 2011Visconti Palace Hotel - Via Federico Cesi, 37Registration fee: € 1600

VISUALIZING REQUIREMENTS

Rome May 5-6, 2011Visconti Palace Hotel - Via Federico Cesi, 37Registration fee: € 1200

BOTH SEMINARS

Special price for the delegateswho attend both seminars: € 2600

first name ...............................................................

surname .................................................................

job title ...................................................................

organisation ...........................................................

address ..................................................................

postcode ................................................................

city .........................................................................

country ...................................................................

telephone ...............................................................

fax ..........................................................................

e-mail .....................................................................

Send your registration formwith the receipt of the payment to:Technology Transfer S.r.l.Piazza Cavour, 3 - 00193 Rome (Italy)Tel. +39-06-6832227 - Fax +39-06-6871102info@technologytransfer.itwww.technologytransfer.it

Stamp and signature

INFORMATION

PARTICIPATION FEE

Designing Usable Weband Mobile Applications€ 1600

Visualizing Requirements€ 1200

Special price for the delegateswho attend both seminars€ 2600

The fee includes all seminardocumentation, luncheon and coffeebreaks.

VENUE

Visconti Palace HotelVia Federico Cesi, 37Rome (Italy)

SEMINAR TIMETABLE

9.30 am - 1.00 pm2.00 pm - 5.00 pm

HOW TO REGISTER

You must send the registration form withthe receipt of the payment to:TECHNOLOGY TRANSFER S.r.l.Piazza Cavour, 3 - 00193 Rome (Italy)Fax +39-06-6871102

withinApril 18, 2011

PAYMENT

Wire transfer to:Technology Transfer S.r.l.Banca Intesa Sanpaolo S.p.A.Agenzia 6787 di RomaIban Code:IT 34 Y 03069 05039 048890270110

GENERAL CONDITIONS

GROUP DISCOUNT

If a company registers 5 participants tothe same seminar, it will pay only for 4.Those who benefit of this discount are notentitled to other discounts for the sameseminar.

EARLY REGISTRATION

The participants who will register 30 daysbefore the seminar are entitled to a 5%discount.

CANCELLATION POLICY

A full refund is given for any cancellationreceived more than 15 days before theseminar starts. Cancellations less than15 days prior the event are liable for 50%of the fee. Cancellations less than oneweek prior to the event date will be liablefor the full fee.

CANCELLATION LIABILITY

In the case of cancellation of an event forany reason, Technology Transfer’sliability is limited to the return of theregistration fee only.

If registered participants are unable to attend,or in case of cancellation of the seminar, thegeneral conditions mentioned before areapplicable.

James HobartMr. Hobart is an internationally recognized “User Interface Design” consultant based in Califor-nia, USA. He specializes in the Design and development of large-scale, high-volume Client/Server applica-tions. He is an expert in GUI Design for transaction processing systems and strategies for migration from char-acter-based systems to GUI and Web-based technologies. Mr. Hobart has over 20 years of software develop-ment experience and over 10 years of GUI application Design experience. Jim Hobart is president of ClassicSystem Solutions Inc.

SPEAKER