SlideShare a Scribd company logo
Patterns
To Design With
Kalpana Korwar
Ashok Korwar
September 2020
Why Patterns?
• The conventional design thinking methodology is good at dissecting,
diverging…
• Basically analysis..
• But does not offer much guidance on synthesis – how to actually put
together a solution
• Beyond choosing from the alternatives generated in the divergence
phase
What is a Pattern?
• Arises from fundamental human needs, fears and concerns
• Can be woven together to weave a solution
• Which would delight a human user – Wow!
• Patterns offer a menu of choices – some may be relevant, some may
not, in a given context – put together to design the solution
A list of patterns
Based loosely on
- Christopher Alexander ‘A pattern Language’
- Murray Silverstein et al ‘Patterns for Home
- AND drawing ideas from
- COPARIS by Intellect Design Arena Ltd.
In every case..illustrate with two contexts
• 1. A software product/system
• 2. An experience/event, like the Sawai Gandharva music festival
(henceforth MF)
Pattern 1: Inhabiting the Setting
• Becoming one with the surrounding/context
• The product/experience should seem to be naturally growing out of the context it is set in..
Software product:
• Can it come on the instant I switch on my workstation?
• Can it be the natural platform for me to work on all day?
Music Festival (MF):
• Does it seem to be a natural setting for a music concert or is it a hastily-converted parking lot?
• Do the surroundings seem to encourage a music festival?
• Is it in a place where music would naturally happen?
When this happens, the human user becomes instantly comfortable with what is going to happen..
Pattern 2: Inside/outside closely interwoven
• How smoothly do the outside and inside flow into each other
Software:
• How do other apps on the workstation interact with this one? Do they look and feel complementary
to each other?
• How easily can the user navigate between the product and the platform it is on?
MF:
• Does the surrounding cityscape enter the music aangan? Does the music overflow melodically into
the outside space? Does the music inside resonate?
• Do activities around the venue flow into the venue and vice versa?
When this is done well, the user moves comfortably from outside to inside and vice
versa
Pattern 3: A sense of shelter
• Does the user feel safe, sheltered, when she is in this space?
Software :
• Cybersecurity – protection from viruses, malware but also
• A feeling of being able to focus – few distractions, no news chatter
running along the corner of the screen, no random lights blinking
MF:
• No Cars honking outside, sirens wailing, people walking and talking,
outside loudspeakers blaring
• No cold blast of wind
When the sense of shelter is achieved, the user relaxes and is able to
enjoy the experience fully
Pattern 4: Light and Shade
• We need light but a continuous glare of light would make us seek shelter –
the shade enhances the light and vice versa
Software :
• The right areas of the screen need to be highlighted, the rest kept in shade, until they
become the ones to work on
MF:
• The stage needs to be lighted up, but not the areas where the audience sits, but the
artistes also want to see the audience.. But don’t turn on the floodlights all the time,
use them discreetly and selectively
When light and shade is well-managed, the user can focus on what she needs to give
attention to
Pattern 5: Parts in proportion to the whole
• The human user enjoys having the parts of anything in the right proportion
to the whole – there is no formula, but there is a certain magic to it.
Software:
• How much space do we allocate on the screen to what?
• Are the elements of the system given resources,time, space appropriate to their
importance?
MF:
• How much time do we give different genres of music/dance?
• How much time to junior artistes? How do we allocate time between them?
• How much of an interval for people to enjoy other things in the festival?
• How much space for the exhibits, food stalls etc?
When this is achieved, the user does not get an uneasy sense that something is off
Pattern 6: Flow Through
• Each component may be great in itself, but how does the user flow
between them? Are there appropriate transition spaces/slots in
between? Perhaps she needs to gather her thoughts before moving on.
Software:
• How does the user go from one module of the system to another? Is it seamless,
intuitive, natural, follow the natural order of work/life? What happens between
modules to make the user feel at ease, unhurried..?
MF:
• Is the user given a tour of the entire festival, of the grounds, and the events?
• How does he get a sense of flow from one event to another? Exhibits to the
event on stage to the food stalls to the toilets?
When this flow is designed well, the user feels a kind of dynamic harmony, as
distinct from the static harmony of any one module or experience.
Pattern 7: Common core/Private edge
• There is an arena which every user accesses, but there are also private edges
accessible only to some..both are necessary
Software:
• the core product is used by all but the user-specific data, her profile, preferences
also matter .. How well are they marked out, how do they flow into the common
core? How much can the user alter the core?
MF:
• the audience spends most of its time sitting in their seats or hanging around the
exhibits, but there is also a back-entrance, a green room, for the
performers/artistes to have their private time, whether for quiet preparation or
to network with each other!
When these are well done, both the user and the administrators feel
comfortable and safe – their space is being respected
Pattern 8: Refuge and Outlook
• Humans beings like to feel connected with others but still cherish their
privacy
Software:
• Can I see others using the system without them seeing me?
• Can I see what other modules are running without stepping out?
MF:
• As a performer, can I see what the performer before and after me are going to
perform, so I get a sense of what I should perform? Can I see the audience
without them seeing I am peeking?
• Can I sit in the audience and not be seen by others?
• Can I munch on my snack without others seeing it?
The user would feel part of the scene, yet aloof enough to be oneself.
Pattern 9: Tangibles and Intangibles in harmony
• The tangibles should convey the same feel as the intangibles
Software:
• Am I using the right programming language? Am I building on top of the right
platform?
• Does the language match the application?
MF:
• Does the venue seem to be made of materials appropriate for a music festival or
have they used glass and concrete and made it feel like an office building?
The observer instinctively takes cues from the tangibles, about the intangibles she is going
to experience – these should not be dissonant.
Pattern 10: Finding my Way
• The user should always feel she knows where she is in the system, so
there is no possibility of getting lost
Software:
• Which module am I working on? How much more do I have to go? How much of
the task have I finished?
• Keep something coming, so I know the system is up..
MF:
• Which day is it? How many performances to go? Has the tea already run out?
• How do I navigate through today’s program?
When this is done well, the user feels in control..
Pattern 11: Easy exit and entry
• The user should feel comfortable that he can leave and get back any time
Software:
• Can I exit without losing my work, and come back to it when I have time? Will the
system tell me where I am in the process, prompt me for what I need to do next?
• Is it easy to log on to the system and log off securely?
MF:
• Can I leave in the middle of today’s program and come back later? Will my seat still
be available?
• Can I even get to the venue and get back home from the venue late at night?
The user should not feel trapped and helpless..
Pattern 12: Use Natural Language
• Talk to the user like he is a human being, not a robot
Software :
• No screaming error messages
• Use natural language, avataars if possible
• Nudge, suggest what next, don’t tell the user he did something wrong
MF:
• Don’t use artsy jargon only experts understand
• Make the novice comfortable, not just the expert
• Tell me what raaga you are going to perform!
The user feels respected and comfortable, because she understands easily what is going
on
Pattern 13: Know who the user is
• Know who I am, and where I am:
Software:
• Give priority to the CEO!
• If the user is in a low-bandwidth area, adjust the screens and flow to it.. don’t
ask me to change my password when I am in a taxi in mumbai
MF:
• Don’t treat the novice and the connoisseur the same
• Give preference to regular attendees, those who have paid for higher-priced
seats, in entry, parking etc.
The VIP needs to be treated like a VIP..
Pattern 14: Grow with the User
• As the user becomes more capable, can she unlock more and more?
Software:
• Unlock more capabilities of the system as I grow in experience and familiarity
MF:
• As I grow more familiar with the festival, can more areas be opened up to
me? Can first-time attendees be treated differently from experienced ones?
• Can there be special events, like one-on-one interactions, made available only
those capable of learning from them?
When this is done well, both experienced users and beginners feel comfortable.
Pattern 15: Keep overhead operations offline
• Don’t interrupt the flow of the experience with tasks important to the
system but not to the user
Software:
• Don’t update the system when I am in the middle of a presentation!
• Run the virus scan when I am not working on the system
MF:
• Collect my email and mobile number at the break, not just as I am eagerly
entering or leaving..
• Make announcements about CDs on sale, wrongly parked cars etc. between
performances, not in the middle of one.
The user should not feel harried, at the mercy of some faceless official force..
Pattern 16: Let the user make mistakes!
• User mistakes should never be fatal – it is never the user’s fault!
Software:
• Don’t delete all my data just because I said so.. I may have made a mistake
• Don’t blast me with error messages that mean nothing to me
MF:
• Don’t throw the user out because his mobile came on at the wrong time, or
because he clapped at the wrong time..
• Don’t bar the gates because the user is a bit late or inappropriately dressed..
The user will feel wanted, and comfortable..

More Related Content

Similar to Patterns for design

Mobile UX | NYU School of Professional Studies | Spring 2016 | Week 1
Mobile UX | NYU School of Professional Studies | Spring 2016 | Week 1Mobile UX | NYU School of Professional Studies | Spring 2016 | Week 1
Mobile UX | NYU School of Professional Studies | Spring 2016 | Week 1
Liz Filardi
 
How to Effectively Lead a Focus Group by nexTier Product Manager
How to Effectively Lead a Focus Group by nexTier Product ManagerHow to Effectively Lead a Focus Group by nexTier Product Manager
How to Effectively Lead a Focus Group by nexTier Product Manager
Product School
 
Designing and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guideDesigning and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guide
Karen Church
 
How to Effectively Lead Focus Groups: Presented at Product School NYC
How to Effectively Lead Focus Groups: Presented at Product School NYC How to Effectively Lead Focus Groups: Presented at Product School NYC
How to Effectively Lead Focus Groups: Presented at Product School NYC
Tremis Skeete
 
FITC Mobile 09 Presentation: UX From Stationary To Mobile
FITC Mobile 09 Presentation: UX From Stationary To MobileFITC Mobile 09 Presentation: UX From Stationary To Mobile
FITC Mobile 09 Presentation: UX From Stationary To Mobile
Liquid Reality
 
ABCs of BYOD for World Languages
ABCs of BYOD for World LanguagesABCs of BYOD for World Languages
ABCs of BYOD for World Languages
scpsworldlang
 
User eXperience insights
User eXperience insightsUser eXperience insights
User eXperience insights
Marion Boberg
 
UX 101
UX 101UX 101
UX 101
Hirajaved10
 
LTUX JHB - An Empathetic Servant Leader
LTUX  JHB - An Empathetic Servant LeaderLTUX  JHB - An Empathetic Servant Leader
LTUX JHB - An Empathetic Servant Leader
ltux-jhb
 
Human Factors and User Interface Design
Human Factors and User Interface DesignHuman Factors and User Interface Design
Human Factors and User Interface Design
SaggitariusArrow
 
Testing Mobile Apps
Testing Mobile AppsTesting Mobile Apps
Testing Mobile Apps
DoNotLick
 
Natural User Interface Design for Smartphones
Natural User Interface Design for SmartphonesNatural User Interface Design for Smartphones
Natural User Interface Design for Smartphones
Ahmed Bouzid
 
More UX in our life
More UX in our lifeMore UX in our life
More UX in our life
Ciklum Ukraine
 
Active Lectures - Michelle Blackburn for TLC webinar April 2014
Active Lectures - Michelle Blackburn for TLC webinar April 2014Active Lectures - Michelle Blackburn for TLC webinar April 2014
Active Lectures - Michelle Blackburn for TLC webinar April 2014Andrew Middleton
 
Using Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR InterfacesUsing Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR Interfaces
Mark Billinghurst
 
Design Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - Presentation
MobileNepal
 
Software patterns
Software patternsSoftware patterns
Software patterns
Ashok Korwar
 
Usability reports for prototype jam Nov. 30 2015 presentation
Usability reports for prototype jam Nov. 30 2015 presentationUsability reports for prototype jam Nov. 30 2015 presentation
Usability reports for prototype jam Nov. 30 2015 presentation
Missouri Western State University
 
[Skolkovo Robotics 2015 Day 1] Зигель Х. Communicating Robotics | Siegel H. ...
[Skolkovo Robotics 2015 Day 1] Зигель Х. Communicating Robotics | Siegel H.  ...[Skolkovo Robotics 2015 Day 1] Зигель Х. Communicating Robotics | Siegel H.  ...
[Skolkovo Robotics 2015 Day 1] Зигель Х. Communicating Robotics | Siegel H. ...
Skolkovo Robotics Center
 

Similar to Patterns for design (20)

Mobile UX | NYU School of Professional Studies | Spring 2016 | Week 1
Mobile UX | NYU School of Professional Studies | Spring 2016 | Week 1Mobile UX | NYU School of Professional Studies | Spring 2016 | Week 1
Mobile UX | NYU School of Professional Studies | Spring 2016 | Week 1
 
How to Effectively Lead a Focus Group by nexTier Product Manager
How to Effectively Lead a Focus Group by nexTier Product ManagerHow to Effectively Lead a Focus Group by nexTier Product Manager
How to Effectively Lead a Focus Group by nexTier Product Manager
 
Designing and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guideDesigning and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guide
 
How to Effectively Lead Focus Groups: Presented at Product School NYC
How to Effectively Lead Focus Groups: Presented at Product School NYC How to Effectively Lead Focus Groups: Presented at Product School NYC
How to Effectively Lead Focus Groups: Presented at Product School NYC
 
FITC Mobile 09 Presentation: UX From Stationary To Mobile
FITC Mobile 09 Presentation: UX From Stationary To MobileFITC Mobile 09 Presentation: UX From Stationary To Mobile
FITC Mobile 09 Presentation: UX From Stationary To Mobile
 
ABCs of BYOD for World Languages
ABCs of BYOD for World LanguagesABCs of BYOD for World Languages
ABCs of BYOD for World Languages
 
User eXperience insights
User eXperience insightsUser eXperience insights
User eXperience insights
 
Week 2 - Design
Week 2 - DesignWeek 2 - Design
Week 2 - Design
 
UX 101
UX 101UX 101
UX 101
 
LTUX JHB - An Empathetic Servant Leader
LTUX  JHB - An Empathetic Servant LeaderLTUX  JHB - An Empathetic Servant Leader
LTUX JHB - An Empathetic Servant Leader
 
Human Factors and User Interface Design
Human Factors and User Interface DesignHuman Factors and User Interface Design
Human Factors and User Interface Design
 
Testing Mobile Apps
Testing Mobile AppsTesting Mobile Apps
Testing Mobile Apps
 
Natural User Interface Design for Smartphones
Natural User Interface Design for SmartphonesNatural User Interface Design for Smartphones
Natural User Interface Design for Smartphones
 
More UX in our life
More UX in our lifeMore UX in our life
More UX in our life
 
Active Lectures - Michelle Blackburn for TLC webinar April 2014
Active Lectures - Michelle Blackburn for TLC webinar April 2014Active Lectures - Michelle Blackburn for TLC webinar April 2014
Active Lectures - Michelle Blackburn for TLC webinar April 2014
 
Using Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR InterfacesUsing Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR Interfaces
 
Design Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - Presentation
 
Software patterns
Software patternsSoftware patterns
Software patterns
 
Usability reports for prototype jam Nov. 30 2015 presentation
Usability reports for prototype jam Nov. 30 2015 presentationUsability reports for prototype jam Nov. 30 2015 presentation
Usability reports for prototype jam Nov. 30 2015 presentation
 
[Skolkovo Robotics 2015 Day 1] Зигель Х. Communicating Robotics | Siegel H. ...
[Skolkovo Robotics 2015 Day 1] Зигель Х. Communicating Robotics | Siegel H.  ...[Skolkovo Robotics 2015 Day 1] Зигель Х. Communicating Robotics | Siegel H.  ...
[Skolkovo Robotics 2015 Day 1] Зигель Х. Communicating Robotics | Siegel H. ...
 

More from Ashok Korwar

Meetings and reviews
Meetings and reviewsMeetings and reviews
Meetings and reviews
Ashok Korwar
 
Corporate strategy and financial policy
Corporate strategy and financial policyCorporate strategy and financial policy
Corporate strategy and financial policy
Ashok Korwar
 
8 pillars of finance
8 pillars of finance8 pillars of finance
8 pillars of finance
Ashok Korwar
 
Exchange Rates Expanded
Exchange Rates ExpandedExchange Rates Expanded
Exchange Rates ExpandedAshok Korwar
 
Crossing The 50 Crore Chasm Edited April 11
Crossing The 50 Crore Chasm Edited April 11Crossing The 50 Crore Chasm Edited April 11
Crossing The 50 Crore Chasm Edited April 11
Ashok Korwar
 
Krishnamurti And Vipassana
Krishnamurti And VipassanaKrishnamurti And Vipassana
Krishnamurti And VipassanaAshok Korwar
 
Meeting To Some Purpose
Meeting To Some PurposeMeeting To Some Purpose
Meeting To Some Purpose
Ashok Korwar
 
Meeting To Some Purpose
Meeting To Some PurposeMeeting To Some Purpose
Meeting To Some PurposeAshok Korwar
 
Patterns Of Growth Word
Patterns Of Growth WordPatterns Of Growth Word
Patterns Of Growth WordAshok Korwar
 
Your Growth Catalyst
Your Growth CatalystYour Growth Catalyst
Your Growth CatalystAshok Korwar
 
what do business plans matter..
what do business plans matter..what do business plans matter..
what do business plans matter..
Ashok Korwar
 
Developing Managers
Developing ManagersDeveloping Managers
Developing Managers
Ashok Korwar
 
The Varieties of Education
The Varieties of EducationThe Varieties of Education
The Varieties of EducationAshok Korwar
 

More from Ashok Korwar (13)

Meetings and reviews
Meetings and reviewsMeetings and reviews
Meetings and reviews
 
Corporate strategy and financial policy
Corporate strategy and financial policyCorporate strategy and financial policy
Corporate strategy and financial policy
 
8 pillars of finance
8 pillars of finance8 pillars of finance
8 pillars of finance
 
Exchange Rates Expanded
Exchange Rates ExpandedExchange Rates Expanded
Exchange Rates Expanded
 
Crossing The 50 Crore Chasm Edited April 11
Crossing The 50 Crore Chasm Edited April 11Crossing The 50 Crore Chasm Edited April 11
Crossing The 50 Crore Chasm Edited April 11
 
Krishnamurti And Vipassana
Krishnamurti And VipassanaKrishnamurti And Vipassana
Krishnamurti And Vipassana
 
Meeting To Some Purpose
Meeting To Some PurposeMeeting To Some Purpose
Meeting To Some Purpose
 
Meeting To Some Purpose
Meeting To Some PurposeMeeting To Some Purpose
Meeting To Some Purpose
 
Patterns Of Growth Word
Patterns Of Growth WordPatterns Of Growth Word
Patterns Of Growth Word
 
Your Growth Catalyst
Your Growth CatalystYour Growth Catalyst
Your Growth Catalyst
 
what do business plans matter..
what do business plans matter..what do business plans matter..
what do business plans matter..
 
Developing Managers
Developing ManagersDeveloping Managers
Developing Managers
 
The Varieties of Education
The Varieties of EducationThe Varieties of Education
The Varieties of Education
 

Recently uploaded

vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint
Alvis Oh
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 

Recently uploaded (20)

vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 

Patterns for design

  • 1. Patterns To Design With Kalpana Korwar Ashok Korwar September 2020
  • 2. Why Patterns? • The conventional design thinking methodology is good at dissecting, diverging… • Basically analysis.. • But does not offer much guidance on synthesis – how to actually put together a solution • Beyond choosing from the alternatives generated in the divergence phase
  • 3. What is a Pattern? • Arises from fundamental human needs, fears and concerns • Can be woven together to weave a solution • Which would delight a human user – Wow! • Patterns offer a menu of choices – some may be relevant, some may not, in a given context – put together to design the solution
  • 4. A list of patterns Based loosely on - Christopher Alexander ‘A pattern Language’ - Murray Silverstein et al ‘Patterns for Home - AND drawing ideas from - COPARIS by Intellect Design Arena Ltd.
  • 5. In every case..illustrate with two contexts • 1. A software product/system • 2. An experience/event, like the Sawai Gandharva music festival (henceforth MF)
  • 6. Pattern 1: Inhabiting the Setting • Becoming one with the surrounding/context • The product/experience should seem to be naturally growing out of the context it is set in.. Software product: • Can it come on the instant I switch on my workstation? • Can it be the natural platform for me to work on all day? Music Festival (MF): • Does it seem to be a natural setting for a music concert or is it a hastily-converted parking lot? • Do the surroundings seem to encourage a music festival? • Is it in a place where music would naturally happen? When this happens, the human user becomes instantly comfortable with what is going to happen..
  • 7. Pattern 2: Inside/outside closely interwoven • How smoothly do the outside and inside flow into each other Software: • How do other apps on the workstation interact with this one? Do they look and feel complementary to each other? • How easily can the user navigate between the product and the platform it is on? MF: • Does the surrounding cityscape enter the music aangan? Does the music overflow melodically into the outside space? Does the music inside resonate? • Do activities around the venue flow into the venue and vice versa? When this is done well, the user moves comfortably from outside to inside and vice versa
  • 8. Pattern 3: A sense of shelter • Does the user feel safe, sheltered, when she is in this space? Software : • Cybersecurity – protection from viruses, malware but also • A feeling of being able to focus – few distractions, no news chatter running along the corner of the screen, no random lights blinking MF: • No Cars honking outside, sirens wailing, people walking and talking, outside loudspeakers blaring • No cold blast of wind When the sense of shelter is achieved, the user relaxes and is able to enjoy the experience fully
  • 9. Pattern 4: Light and Shade • We need light but a continuous glare of light would make us seek shelter – the shade enhances the light and vice versa Software : • The right areas of the screen need to be highlighted, the rest kept in shade, until they become the ones to work on MF: • The stage needs to be lighted up, but not the areas where the audience sits, but the artistes also want to see the audience.. But don’t turn on the floodlights all the time, use them discreetly and selectively When light and shade is well-managed, the user can focus on what she needs to give attention to
  • 10. Pattern 5: Parts in proportion to the whole • The human user enjoys having the parts of anything in the right proportion to the whole – there is no formula, but there is a certain magic to it. Software: • How much space do we allocate on the screen to what? • Are the elements of the system given resources,time, space appropriate to their importance? MF: • How much time do we give different genres of music/dance? • How much time to junior artistes? How do we allocate time between them? • How much of an interval for people to enjoy other things in the festival? • How much space for the exhibits, food stalls etc? When this is achieved, the user does not get an uneasy sense that something is off
  • 11. Pattern 6: Flow Through • Each component may be great in itself, but how does the user flow between them? Are there appropriate transition spaces/slots in between? Perhaps she needs to gather her thoughts before moving on. Software: • How does the user go from one module of the system to another? Is it seamless, intuitive, natural, follow the natural order of work/life? What happens between modules to make the user feel at ease, unhurried..? MF: • Is the user given a tour of the entire festival, of the grounds, and the events? • How does he get a sense of flow from one event to another? Exhibits to the event on stage to the food stalls to the toilets? When this flow is designed well, the user feels a kind of dynamic harmony, as distinct from the static harmony of any one module or experience.
  • 12. Pattern 7: Common core/Private edge • There is an arena which every user accesses, but there are also private edges accessible only to some..both are necessary Software: • the core product is used by all but the user-specific data, her profile, preferences also matter .. How well are they marked out, how do they flow into the common core? How much can the user alter the core? MF: • the audience spends most of its time sitting in their seats or hanging around the exhibits, but there is also a back-entrance, a green room, for the performers/artistes to have their private time, whether for quiet preparation or to network with each other! When these are well done, both the user and the administrators feel comfortable and safe – their space is being respected
  • 13. Pattern 8: Refuge and Outlook • Humans beings like to feel connected with others but still cherish their privacy Software: • Can I see others using the system without them seeing me? • Can I see what other modules are running without stepping out? MF: • As a performer, can I see what the performer before and after me are going to perform, so I get a sense of what I should perform? Can I see the audience without them seeing I am peeking? • Can I sit in the audience and not be seen by others? • Can I munch on my snack without others seeing it? The user would feel part of the scene, yet aloof enough to be oneself.
  • 14. Pattern 9: Tangibles and Intangibles in harmony • The tangibles should convey the same feel as the intangibles Software: • Am I using the right programming language? Am I building on top of the right platform? • Does the language match the application? MF: • Does the venue seem to be made of materials appropriate for a music festival or have they used glass and concrete and made it feel like an office building? The observer instinctively takes cues from the tangibles, about the intangibles she is going to experience – these should not be dissonant.
  • 15. Pattern 10: Finding my Way • The user should always feel she knows where she is in the system, so there is no possibility of getting lost Software: • Which module am I working on? How much more do I have to go? How much of the task have I finished? • Keep something coming, so I know the system is up.. MF: • Which day is it? How many performances to go? Has the tea already run out? • How do I navigate through today’s program? When this is done well, the user feels in control..
  • 16. Pattern 11: Easy exit and entry • The user should feel comfortable that he can leave and get back any time Software: • Can I exit without losing my work, and come back to it when I have time? Will the system tell me where I am in the process, prompt me for what I need to do next? • Is it easy to log on to the system and log off securely? MF: • Can I leave in the middle of today’s program and come back later? Will my seat still be available? • Can I even get to the venue and get back home from the venue late at night? The user should not feel trapped and helpless..
  • 17. Pattern 12: Use Natural Language • Talk to the user like he is a human being, not a robot Software : • No screaming error messages • Use natural language, avataars if possible • Nudge, suggest what next, don’t tell the user he did something wrong MF: • Don’t use artsy jargon only experts understand • Make the novice comfortable, not just the expert • Tell me what raaga you are going to perform! The user feels respected and comfortable, because she understands easily what is going on
  • 18. Pattern 13: Know who the user is • Know who I am, and where I am: Software: • Give priority to the CEO! • If the user is in a low-bandwidth area, adjust the screens and flow to it.. don’t ask me to change my password when I am in a taxi in mumbai MF: • Don’t treat the novice and the connoisseur the same • Give preference to regular attendees, those who have paid for higher-priced seats, in entry, parking etc. The VIP needs to be treated like a VIP..
  • 19. Pattern 14: Grow with the User • As the user becomes more capable, can she unlock more and more? Software: • Unlock more capabilities of the system as I grow in experience and familiarity MF: • As I grow more familiar with the festival, can more areas be opened up to me? Can first-time attendees be treated differently from experienced ones? • Can there be special events, like one-on-one interactions, made available only those capable of learning from them? When this is done well, both experienced users and beginners feel comfortable.
  • 20. Pattern 15: Keep overhead operations offline • Don’t interrupt the flow of the experience with tasks important to the system but not to the user Software: • Don’t update the system when I am in the middle of a presentation! • Run the virus scan when I am not working on the system MF: • Collect my email and mobile number at the break, not just as I am eagerly entering or leaving.. • Make announcements about CDs on sale, wrongly parked cars etc. between performances, not in the middle of one. The user should not feel harried, at the mercy of some faceless official force..
  • 21. Pattern 16: Let the user make mistakes! • User mistakes should never be fatal – it is never the user’s fault! Software: • Don’t delete all my data just because I said so.. I may have made a mistake • Don’t blast me with error messages that mean nothing to me MF: • Don’t throw the user out because his mobile came on at the wrong time, or because he clapped at the wrong time.. • Don’t bar the gates because the user is a bit late or inappropriately dressed.. The user will feel wanted, and comfortable..