Design Thinking - Overview - 05 August 2014

Being Guided

Care Never Sleeps

Design Thinking

1

Ian H SmithChairman and DirectorBeing Guided

[email protected]+44 7785 264 957

In the Cloud

Being Guided

Care Never Sleeps

Design Thinking

2

What is Design Thinking?

The transformation ofexisting conditions intopreferred ones.

Herbert SimonThe Sciences of the Artificial (1969)

““

Being Guided

Care Never Sleeps

Design Thinking

3

What is Design Thinking … in the Cloud?

The simplification of IT.

Being Guided

Care Never Sleeps

Design Thinking

4

Is this your IT user experience?

Being Guided

Care Never Sleeps

Design Thinking

5

Software firms can learn from Web designers.

Being Guided

Care Never Sleeps

Design Thinking

6

Generation Y are your decision-makers now.

And they will not put up with a bad user experience.

Memo:

to the CIO

Being Guided

Care Never Sleeps

Design Thinking

7

6 Design Principles

#1. Just Enough#2. Reusable Logic#3. Any Device#4. Fierce Reduction#5. Meaningful Journey#6. Progressive Disclosure

Being Guided

Care Never Sleeps

Design Thinking

8

#1. Just Enough

In pursuit of a simpler, more user-friendly IT, retaining legacy software and surround it with new

apps can seem like a safer bet, and sometimes, it might be the right decision to sweat more from

existing IT assets. However, when you look at Design Principle #2, you may find that existing IT

systems are way over-engineered, and deceptively expensive to maintain.

Being Guided

Care Never Sleeps

Design Thinking

9

#2. Reusable Logic

In the cloud today, you have Platform-as-a-Service (PaaS) and mobile Backend-as-a-Service

(mBaaS) as powerful examples of prebuilt business logic that can eliminate 80% or more of the

underlying IT infrastructure you need to create and run next generation enterprise and mobile

apps.

Being Guided

Care Never Sleeps

Design Thinking

10

#3. Any Device

Creating enterprise or consumer cloud apps that work with any PC, tablet or smartphone device.

This means embracing Responsive Web Design (RWD) and in the future, with the emergence of the

Internet of Things, this will extend to many other devices, including sensors and wearables.

Being Guided

Care Never Sleeps

Design Thinking

11

#4. Fierce Reduction

Fierce Reduction starts with the user experience as the Meaningful Journey through the Workflow

and Forms for a particular app. This is where eliminating all unnecessary elements also relates to

applying the principles of Meaningful Journey and Progressive Disclosure.

Being Guided

Care Never Sleeps

Design Thinking

12

#5. Meaningful Journey

By defining users as a set of roles and in turn, thinking of software as an expression of a process,

each process features a set of tasks, where the enterprise or consumer cloud app must guide the

user through a Meaningful Journey to complete a set of tasks.

Being Guided

Care Never Sleeps

Design Thinking

13

#6. Progressive Disclosure

This is a well-established interaction design technique especially important to enabling Fierce

Reduction in the pursuit of simplifying enterprise and consumer cloud apps. As in Web design,

Progressive Disclosure is all about sequencing actions within each screen: enabling software to

intuitively work the way people think and work - and avoiding cognitive overload.

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

14

Simplifying a Complex Process

Forms WorkflowPeople

mmm

Being Guided

Care Never Sleeps

Design Thinking

15

Remember: #6. Progressive Disclosure

Avoid Cognitive Overload!

In Each Screen View – Just Enough – Relevant to Each User Persona or Role

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

16

Simplifying a Complex Process

Form 1

Form n

In Parallel, In Sequence

G G G G G G

Above Organisational Boundaries

Being Guided

Care Never Sleeps

Design Thinking

17

IT silos are a curse in the digital enterprise!

We need the vertical to go horizontal in IT: enabling end-to-end processes.

The cloud is the only way to go – above a single organisational boundary.

Being Guided

Care Never Sleeps

Design Thinking

User Experience-Oriented

18

Form n Any Device

Being Guided

Care Never Sleeps

Design Thinking

19

Tablet-first User Experience Design.

Touch, tap, pinch, swipe … not just mouse clicks.

Think tablet and smartphone as the most important user devices.

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

20

Creating the Solution

Discover Design Develop Deliver

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

21


Discover

Optimising Form Design

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

22


Discover

Optimising Workflow

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

23


Design

Meaningful Journey

Progressive Disclosure

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

24


Design

Iterative Process

Agile Method

mmmResearch

Prototype

Test

User Experience (UX) Design

Being Guided

Care Never Sleeps

Design Thinking

25

Design Method: User Experience Design.

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

26

Design Method

1. Process Leaning and Optimisation2. Goals and User Persona Profiling3. Object Modelling and Selection4. Wireframes and Visuals5. Prototyping6. User Testing7. Manufacturing

ERP

CRM

SRP

PSATouch

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

27

Process Leaning and Optimisation

A trade-off between number of screensand amount of process or task steps.

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

28

Goals and User Persona Profiling

Next Experience

Looking For

Motivation

Last Experience

Not Looking For

Demotivation

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

29

Object Modelling and Selection

Prebuilt Business Logic.JS Widgets and ComponentsReusable Frameworks and Blueprints

ERP

CRM

SRP

PSATouch

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

30

Wireframes and Visuals

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

31

Prototyping

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

32

User Testing

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

33

Manufacturing

Agile Method

Research

Prototype

Test

Low Code

No Code

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

34

Rethink, Don’t Shrink

Responsive Web Design (RWD)Screen Real Estate v. Cognitive Overload!Meaningful JourneyProgressive Disclosure

Lean, but Engaging and Relevant!

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

35

Diverse Talent

Back-End DevelopersBusiness AnalystsData ScientistsErgonomistsFront-End DevelopersGraphic DesignersInteraction DesignersProject ManagersPsychologistsStatisticiansTechnical Architects

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

36

Technology Enablers

Platform

Back-end Business LogicWorks in the ServersideNo Code Visual DevelopmentMicrosoft C# Code

Front-end Business LogicWorks in the Clientside (Browser)Low Code Visual DevelopmentJavaScript Code

Being Guided

Care Never Sleeps

Design Thinking

Innovation Applied

37

Technology Enablers

Develop Deliver