Being Guided
Care Never Sleeps
Design Thinking
1
Ian H Smith
Chairman and Director
Being Guided
ian.smith@beingguided.com
+44 7785 264 957
In the Cloud
Being Guided
Care Never Sleeps
Design Thinking
2
What is Design Thinking?
The transformation of
existing conditions into
preferred ones.
Herbert Simon
The 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.
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
Creating the Solution
Discover
Optimising Form Design
Being Guided
Care Never Sleeps
Design Thinking
Innovation Applied
22
Creating the Solution
Discover
Optimising Workflow
Being Guided
Care Never Sleeps
Design Thinking
Innovation Applied
23
Creating the Solution
Design
Meaningful Journey
Progressive Disclosure
Being Guided
Care Never Sleeps
Design Thinking
Innovation Applied
24
Creating the Solution
Design
Iterative Process
Agile Method
mmm
Research
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 Optimisation
2. Goals and User Persona Profiling
3. Object Modelling and Selection
4. Wireframes and Visuals
5. Prototyping
6. User Testing
7. Manufacturing
ERP
CRM
SRP
PSA
Touch
Being Guided
Care Never Sleeps
Design Thinking
Innovation Applied
27
Process Leaning and Optimisation
A trade-off between number of screens
and 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 Components
Reusable Frameworks and Blueprints
ERP
CRM
SRP
PSA
Touch
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 Journey
Progressive Disclosure
Lean, but Engaging and Relevant!
Being Guided
Care Never Sleeps
Design Thinking
Innovation Applied
35
Diverse Talent
Back-End Developers
Business Analysts
Data Scientists
Ergonomists
Front-End Developers
Graphic Designers
Interaction Designers
Project Managers
Psychologists
Statisticians
Technical Architects
Being Guided
Care Never Sleeps
Design Thinking
Innovation Applied
36
Technology Enablers
Platform
Back-end Business Logic
Works in the Serverside
No Code Visual Development
Microsoft C# Code
Front-end Business Logic
Works in the Clientside (Browser)
Low Code Visual Development
JavaScript Code
Being Guided
Care Never Sleeps
Design Thinking
Innovation Applied
37
Technology Enablers
Develop Deliver

Design Thinking - Overview - 05 August 2014

  • 1.
    Being Guided Care NeverSleeps Design Thinking 1 Ian H Smith Chairman and Director Being Guided ian.smith@beingguided.com +44 7785 264 957 In the Cloud
  • 2.
    Being Guided Care NeverSleeps Design Thinking 2 What is Design Thinking? The transformation of existing conditions into preferred ones. Herbert Simon The Sciences of the Artificial (1969) “ “
  • 3.
    Being Guided Care NeverSleeps Design Thinking 3 What is Design Thinking … in the Cloud? The simplification of IT.
  • 4.
    Being Guided Care NeverSleeps Design Thinking 4 Is this your IT user experience?
  • 5.
    Being Guided Care NeverSleeps Design Thinking 5 Software firms can learn from Web designers.
  • 6.
    Being Guided Care NeverSleeps Design Thinking 6 Generation Y are your decision-makers now. And they will not put up with a bad user experience.
  • 7.
    Being Guided Care NeverSleeps Design Thinking 7 6 Design Principles #1. Just Enough #2. Reusable Logic #3. Any Device #4. Fierce Reduction #5. Meaningful Journey #6. Progressive Disclosure
  • 8.
    Being Guided Care NeverSleeps 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.
  • 9.
    Being Guided Care NeverSleeps 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.
  • 10.
    Being Guided Care NeverSleeps 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.
  • 11.
    Being Guided Care NeverSleeps 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.
  • 12.
    Being Guided Care NeverSleeps 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.
  • 13.
    Being Guided Care NeverSleeps 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.
  • 14.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 14 Simplifying a Complex Process Forms WorkflowPeople mmm
  • 15.
    Being Guided Care NeverSleeps Design Thinking 15 Remember: #6. Progressive Disclosure Avoid Cognitive Overload! In Each Screen View – Just Enough – Relevant to Each User Persona or Role
  • 16.
    Being Guided Care NeverSleeps 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
  • 17.
    Being Guided Care NeverSleeps 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.
  • 18.
    Being Guided Care NeverSleeps Design Thinking User Experience-Oriented 18 Form n Any Device
  • 19.
    Being Guided Care NeverSleeps 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.
  • 20.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 20 Creating the Solution Discover Design Develop Deliver
  • 21.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 21 Creating the Solution Discover Optimising Form Design
  • 22.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 22 Creating the Solution Discover Optimising Workflow
  • 23.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 23 Creating the Solution Design Meaningful Journey Progressive Disclosure
  • 24.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 24 Creating the Solution Design Iterative Process Agile Method mmm Research Prototype Test User Experience (UX) Design
  • 25.
    Being Guided Care NeverSleeps Design Thinking 25 Design Method: User Experience Design.
  • 26.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 26 Design Method 1. Process Leaning and Optimisation 2. Goals and User Persona Profiling 3. Object Modelling and Selection 4. Wireframes and Visuals 5. Prototyping 6. User Testing 7. Manufacturing ERP CRM SRP PSA Touch
  • 27.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 27 Process Leaning and Optimisation A trade-off between number of screens and amount of process or task steps.
  • 28.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 28 Goals and User Persona Profiling Next Experience Looking For Motivation Last Experience Not Looking For Demotivation
  • 29.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 29 Object Modelling and Selection Prebuilt Business Logic .JS Widgets and Components Reusable Frameworks and Blueprints ERP CRM SRP PSA Touch
  • 30.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 30 Wireframes and Visuals
  • 31.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 31 Prototyping
  • 32.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 32 User Testing
  • 33.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 33 Manufacturing Agile Method Research Prototype Test Low Code No Code
  • 34.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 34 Rethink, Don’t Shrink Responsive Web Design (RWD) Screen Real Estate v. Cognitive Overload! Meaningful Journey Progressive Disclosure Lean, but Engaging and Relevant!
  • 35.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 35 Diverse Talent Back-End Developers Business Analysts Data Scientists Ergonomists Front-End Developers Graphic Designers Interaction Designers Project Managers Psychologists Statisticians Technical Architects
  • 36.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 36 Technology Enablers Platform Back-end Business Logic Works in the Serverside No Code Visual Development Microsoft C# Code Front-end Business Logic Works in the Clientside (Browser) Low Code Visual Development JavaScript Code
  • 37.
    Being Guided Care NeverSleeps Design Thinking Innovation Applied 37 Technology Enablers Develop Deliver