47
Restyle your Lotus Applications Why user experience design is more important than ever

Webinar: Restyle your Notes Applications

Embed Size (px)

DESCRIPTION

A webinar on Best practices of User Experience and how you use XPages to incorporate them in Lotus Applications. Presented by Gayathri Viswanathan of Maarga Systems and Durgaprasad of Peepal Design

Citation preview

Page 1: Webinar: Restyle your Notes Applications

Restyle your Lotus Applications

Why user experience design is more important than ever

Page 2: Webinar: Restyle your Notes Applications

2

Speakers

DURGAPRASAD (DP) GAYATHRI (GAAY)

Page 3: Webinar: Restyle your Notes Applications

What are we going to discuss?

The importance of User Experience design

Key drivers of UX in the enterprise space

User Experience and Lotus notes Applications

How to adopt the best practices of User Experience in Domino World through XPages?

Page 4: Webinar: Restyle your Notes Applications

4

Poll 1: Why do software projects fail?

Hard to use software has been estimated to cost the US economy $30

billion in lost worker productivity

Poor user engagement Badly defined requirements Poor communication between stakeholders Politics

Page 5: Webinar: Restyle your Notes Applications

What is a good product?

Is it useful? Does it provide value to the user?

Is it easy to use? Is it pleasant &

engaging?

Engaging

Easy of Use

Useful

Page 6: Webinar: Restyle your Notes Applications

User Experienceis the science & art of making users say ‘YES’ to all these questions.

Page 7: Webinar: Restyle your Notes Applications

Personal Transport - an Example

Core Value: Getting from point A to Point B

Go together as a family

Go AnywhereRugged,

Outdoorsy

Go FastFun, Thrills

Page 8: Webinar: Restyle your Notes Applications

If you are designing a car it is important to know,

Who are you designing for? What do they consider as

value?

Page 9: Webinar: Restyle your Notes Applications

Goals & Technology

Today

9

Future

Page 10: Webinar: Restyle your Notes Applications

10

Self Referential Design

I prefer:

Hotkeys to mouse actions

Lots of jelly bean buttons

Floating tool palettes Tiny typefaces The color green

Things your users may not want or need...

Page 11: Webinar: Restyle your Notes Applications

11

Elastic User

“The User is”

Novice needs guidance

Expert needs all in one place

Google like search Advanced search Every conceivable

feature!

Page 12: Webinar: Restyle your Notes Applications

12

A Feature List

Winchester Mystery House

Page 13: Webinar: Restyle your Notes Applications

Benefits

Organizational Reduce training costs Reduce full lifecycle development costs Employee engagement Increase customer satisfaction Quicker adoption of technologyUser

Save Time

Reduce Errors

Increase User

Productivity

Better Customer Service

Increased Customer

Satisfaction

Save Cost Higher Revenue & Profits

Page 14: Webinar: Restyle your Notes Applications

Enterprise Ux - Key Drivers

Enterprises typically focus on productivity (Utility & Usability)

1. Changing demographics ▪ Changing expectation of Millennial generation

(Expectations on design and usability carried over from their use of the consumer web/ applications)

▪ Everything is Social 2. Complexity of business processes 3. Size

Page 15: Webinar: Restyle your Notes Applications

Enterprise Ux - Key Drivers

Technology

UserBusiness

Great Products

Page 16: Webinar: Restyle your Notes Applications

Lotus Notes 1.0 !

Served their purpose

Were usually RAD Focused on

functionality and workflow than usability

You could create usable apps – but mostly didn’t.

Page 17: Webinar: Restyle your Notes Applications

8 UX Design Best Practices

Page 18: Webinar: Restyle your Notes Applications

Start with the User

Page 19: Webinar: Restyle your Notes Applications

User Profile

· Hypothetical - not real people

· Archetypal - not “average” users, but representative of usage

patterns identified in the course of qualitative field research

· Specific - name, picture, social history

Page 20: Webinar: Restyle your Notes Applications

Work Model

Inter-relationships between peopleFocuses on objects, tools, documents, usedPain points

Page 21: Webinar: Restyle your Notes Applications

Provide Visibility of System Status

Page 22: Webinar: Restyle your Notes Applications

Visibility of System Status

Page 23: Webinar: Restyle your Notes Applications

User control and Freedom

Page 24: Webinar: Restyle your Notes Applications

User control and freedom

Page 25: Webinar: Restyle your Notes Applications

Consistency and Standards

Page 26: Webinar: Restyle your Notes Applications

Consistency and Standards

Page 27: Webinar: Restyle your Notes Applications

Error Prevention

Page 28: Webinar: Restyle your Notes Applications

Error Prevention

Page 29: Webinar: Restyle your Notes Applications

Recognition instead of Recall

Page 30: Webinar: Restyle your Notes Applications

Recognition rather than Recall

Page 31: Webinar: Restyle your Notes Applications

Aesthetics – Web 2.0

Page 32: Webinar: Restyle your Notes Applications

Aesthetic and minimalistic design

Page 33: Webinar: Restyle your Notes Applications

Help users recover from Errors

Page 34: Webinar: Restyle your Notes Applications

Help users recover from errors

Page 35: Webinar: Restyle your Notes Applications

Recap….

Start with the UserVisibility of System StatusUser control and freedomConsistency and StandardsError PreventionRecognition rather than RecallAesthetic and minimalistic

designHelp users recover from errors

Page 36: Webinar: Restyle your Notes Applications

Return on Investment

User Centred Approach to the design & development of an ERP system led to,

© Deloitte Insight

300% Worker productivity

55% Training time

21% company’s upsell and cross-sell activities.

Page 37: Webinar: Restyle your Notes Applications

Poll 2

What % of your project effort do you think should be invested in UX design < 10% 10 - 15 % 15 - 30 % > 30%

Page 38: Webinar: Restyle your Notes Applications

UCD Process

38

Page 39: Webinar: Restyle your Notes Applications

Scalable User Experiences

Consistency (Internal)

Spatial arrangement of UI elements

Structure Functions/ Behaviour Terminology Icons

UI Patterns

User Interface Design patterns are recurring solutions that solve common design problems

Page 40: Webinar: Restyle your Notes Applications

Some common UI Patterns

Master DetailTable FilterTag CloudSteps left to completionActivity Streams

Page 41: Webinar: Restyle your Notes Applications

Master Detail

Page 42: Webinar: Restyle your Notes Applications

Table Filter

Page 43: Webinar: Restyle your Notes Applications

Tag Cloud

Page 44: Webinar: Restyle your Notes Applications

Steps left to completion

Page 45: Webinar: Restyle your Notes Applications

Activity Streams

Credit: myWebGate Social Software by Richie Schmid from OpenNTF

Page 46: Webinar: Restyle your Notes Applications

Useful Resources

Open NTF - http://www.openntf.org/UI Patterns - http://ui-patterns.com Interface Matters -

http://www.interfacematters.com/www.useit.com (jakob nielsens

website)http://designinginterfaces.com/patter

ns/ (jennifer tidwells pattern library)

Page 47: Webinar: Restyle your Notes Applications

Questions