My Design Journey So Far...

Page 1

My Design Journey by Asis Patel


My Journey So Far...

1st

2nd

Product Designer April 12’ - Sept 12’

Interaction

3rd

Michael Sodeau Studio 4th

UI Designer

April 13’ - May 13’

Technical Designer June 13’ - Sept 13’

Product Designer June 13’ - Sept 13’

Freelance UI/UX Designer Oct 14’ - Nov 14’

User Experience Designer July 14’ - Aug 14’

HTML & CSS


Welcome, please come in... enjoy looking around!


‘Speech Bubble’ is an app designed to help people positively reflect on their stammer and realise that it’s not just about speech.

In collaboration with...


stammering is not just about speech...

enter the community


Key Problem

A stammer affects the fluency of speech, but that is just the tip of the ice berg. The wider physiological affects of a stammer are invisible and can take over someones life.

AM ST

R E R M M E A ST STAMMMER M A T S

ER

M

Life


My Answer

‘Speech Bubble’ is a way to help people visualise their stammer. When a new users sign up they start of as a new ‘Speech Bubble’ character. The simple design is explained below.

Speech Body

Eyes

Mouth

Arms + Legs

The main body is a speech bubble.

The eyes are speech marks.

Speech Bubble has a mouth just like you.

The arms and leg makes Speech Bubble feel more alive.


How it Works

The brief was to find a way to get people to engage with their stammer in order to help them come to terms with it. Speech Bubble achieves this by offering people a way to visualise their stammer, then be able to share it and talk about it.

Br My ief

y Answer M

1

?

ntify it Ide

stammering is not just about speech...

Make the invisible visible.

3 O

Comm line u n-

ty ni

pre l Re sent ua

ion at

Vis

2

start Engage with it to get on top of it.

Sharing a problem halves it.

sign-in


ntify it Ide

pre l Re sent ua

Comm line u n-

O

Vis

3

User’s answers generates them a Speech Bubble.

User answers questions about their stammer.

Users can share and talk about their Speech Bubble.

Byron Ford

Today 01:30PM

Today 01:30PM

Talking on the phone

How were you feeling?

ty ni

2 ion at

1

Talking on the phone

people like me

comments

Mandy Taylor

5

Arthur Young

Shane Waletzko

Would you like to share?

No thanks

Yes please Time Line

To Do List

Msgs

Requests

Reflection



Reflection Process

Users reflect by answering questions about their speech and how the contributing factors such as their emotions, confidence and self esteem has affected them. This generate them a Speech Bubble.


Key Benefits

In the ‘Time Line’ feature users can see their ‘Speech Bubble’ and see how the app has helped them on micro or macro scale. There are 2520 different of Speech Bubbles so everyone can have a unique ‘Time Line’ but also be able to find users like themselves.

See Progress Overtime

2520 Combinations


Validation

Speech Bubble was highly praised by therapists, organisations, and people within the stammering community. It also made it into BSA’s summer/ autumn magazine.

“This is a great way to get people to talk and open up about their stammers. I would love to write an article about Speech Bubble for our next edition of the Speaking Out magazine!” Steven Halliday Social Media Manager British Stammering Association

“I admire Asis’ ambition for jumping into this complex issue. He has acknowledged that stammering is a system with contributing factors.” John Harrison Stammer Theorist & Co-Founder of National Stuttering Association

“Speech Bubble is a true reflection of Asis’ thorough research. He understands stammering is a confusing invisible issue thats affects everyone uniquely” Iain Mutch Regional Director, The McGuire Programme


Development of Speech Bubble As someone who has and still suffers from a stammer I know that speech is just at the tip of the iceberg. I wanted to research the hidden world of a stammer. After gathering many insights I wrote myself a brief, which resulted in the design of ‘Speech Bubble’.



01 Research

Research Plan I planned and executed my research... explore...

PROBLEMS & explore... TECHNIQUES PROBLEMS & explore... TECHNIQUES PROBLEMS & TECHNIQUES

explore...

THE explore...

ICE-BERG THE explore... ICE-BERG THE ICE-BERG

explore...

RE-CREATE explore...

A STAMMER RE-CREATE explore... A STAMMER RE-CREATE A STAMMER

whatResearch I did...

Plan

insights...

to: organisations Plan whatResearch I did... speak & therapists speak to: organisations what I did... what are the key problems? & therapists available techniques? speak to: organisations what are#1: the key problems? method interviews & therapists available techniques? method #2: visits & lectures what are#1: theinterviews key problems? method WWW available techniques? method #3: reading material #2: visits & lectures method #1: interviews WWW method material method #3: #2: reading visits & lectures what I did... WWW method #3: reading material what I did... speak to: stammerers what is it like? stammerers what I did... speak methodto: #4: questionnaire what is it#5:blog like? discussions method speak stammerers methodto: #4: questionnaire speak to: non-stammerers what is it like? method #5:blog discussions what is their view? method #4: questionnaire methodto: #4:non-stammerers questionnaire speak method #5:blog discussions what is their view? speak to: method #4:non-stammerers questionnaire what I did... what is their view? method #4: questionnaire what I did... re-create the + = conditions of a what I did... stammer. the re-create + = conditions of a re-create the stammer. test 40+ non-stammerers + = conditionsgame of a method #6: stammer stammer. how does this affect people? test 40+ non-stammerers method #6: stammer game how this affect people? test does 40+ non-stammerers method #6: stammer game Conclusion how does this affect people?

? ? ? ? ? ?

Conclusion

? ? ? ? ? ? ? ? ?

insights...

insights...

insights...

insights...

insights...

insights...

insights...

insights...

design opportunities design


02 Analyse Research

I synthesised my research and narrowed down my findings to 3 key insights. This formed the basis for my initial design brief. Key Insight Stammers can be overcome providing the correct techniques are combined with self confidence and self motivation.

Key Insight People who stammer believe everyone is against them. However people that don’t stammer want to help but don’t know how. There is a disconnect between the two.

Key Insight

Cho

se

n

People who stammer can’t always say what they want to say. They are constantly having to find alternative ways to express what they want to say. Therefore they are forced to use their imagination.

Br

ief


03 Explore Initial Brief

Once the initial design brief was identified, the next step was to explore how the imagination of someone who stammers works. This was done by working alongside people who stammer and therapists.

What if stammer was a thing?

Conclusion: The imagination of someone who stammers...

“We make the stammer into this big monster in our minds. By avoiding situations, we let this imaginary monster win every time, we need to beat this monster� Iain Mutch, Regional Director The McGuire Programme

in co

lla

tion bora

..

with.


Gain

04 Testing

I set up a test to see if I could create a way for people to visualise their stammer and see if it actually made a difference. 1) Stammer Name?

WANTED

strength

working progress

-Gain

- Gain

Stammer name

your stammer is needed

2) Stammer Personality strength

working progress

-Gain

- Gain

What is your stammer called? Byron

Stamm

Arthur

Strength Progress

What are the 3 best things about your stammer?

Positive

Target

Special

3) Appearance What does it looks like on a good day? strength

working progress

(Please draw or place photo here) -Gain

- Gain

Stammer name

lp me talk “It could he tammer.” about my s

Byron

rd

-Byron Fo

Byron

- Gain

Your name

Arthur

“Stammers are invisible this would help me visualise it. -Arthur Young

REWARD Stammer name

provide me with your address below and I will re-create your stammer and send it to you in the post so you can interact with it and show it to the world Arthur

Your address

Arth


05 Final Brief

Design a tool to helps people visualise their stammer. The aim is to get people to engage with their stammer in order to help them come to terms with it.

Br My ief

1

?

ntify it Ide

Make the invisible visible.

3

Engage with it to get on top of it.

O

Comm line u n-

ty ni

pre l Re sent ua

ion at

Vis

2

Sharing a problem halves it.


06 The Theory

In collaboration with...

Through collaboration with therapists I found that stammering isn’t just about speech. It’s more about the individuals contributing factors such as their confidence, how they are feeling and the fear which causes them to hold back. My design was to be based on this theory. “Stammering is not just about speech it is a system involving the whole person.” John C. Harrison Author of ‘Redefining Stuttering’, Co-Founder of National Stuttering Association

Physiological Responses

Intentions

Emotions

The Stammer Hexagon by John C. Harrison

Beliefs

Behaviors

Perceptions


07 Exploring Ideas

What is going to be the best medium to use in order to help someone visualise their stammer?

Interactive E-Ink

Unconscious Behaviours

Stress ball Character App

Smart Watch


08 Initial Design

These were the initial steps taken to design a character to best represent a stammer.

1) Identify the characters’ characteristics.

2) Ask people to visualise how a character could represent these characteristics.

3) Choose inspiration- Letters and glyphs.

4) Concept 1 too complicated.


09 Speaking to John

In collaboration with...

I had the privilege to speak to John C. Harrison, a world leading speech and inventor DIDtheorist YOU SAY EVERYTHING YOU WANTED TO SAY? of the ‘Stammer Hexagon’. He partly explained that I Not this time pretty much everything yes everything! should be asking more general question in order to get people to open up about their stammer. DID YOU SAY EVERYTHING YOU WANTED TO SAY? DID YOU WORK WELL TOGETHER TODAY? Not this time

partly

pretty much everything

DIDYOU YOUWORK SAY EVERYTHING YOU WANTED DID WELL TOGETHER TODAY? TO SAY? John C. Harrison Author of ‘Redefining Stuttering’, Not this time pretty much everything everything! It was a very bumpy partlyrough in patches almost completelyyes smooth ARE YOUAssociation FRIENDS TODAY? Co-Founder of National Stuttering It needs work (panic)

We got through

friends

:D :D :D :) :) :) :( :( :(

:( :( :( :( :( :( :( :( :(

BLOCKED UP It needs work (panic)

We got through

We are a perfectly smooth team!

FULL

Did y wha ou work t YO U w togethe emotions r ante d to to say s onse say? affect resp

almost completely smooth

friends

SAME QUESTION PUT DOWN EXCESS BAGGAGE (PHYSICAL QUESTION)

We are a perfectly smooth team!

Emotions

Empty

...

Best friends (Relaxed)

The Stammer Hexagon by John C. Harrison

Behaviours2.

Empty Rough

Rough

Smooth

Rough

Smooth

High Smooth

:( :(

:) :)

HT

G

LI

Low Rough

High

Panic + Sadis your team spirit Relaxed + Happy Q3 How today?

+

Perceptions

Beliefs Beliefs inform perceptions

3. TEAM SPIRIT Are you friends today?

Low

Panic + Sad

:(

EMOTIONAL (MENTAL QUESTION)

Low

Panic + Sad

High

High

Relaxed + Happy

:)

Starting to bond or not??

3. TEAM SPIRIT THE AIM

Full Smooth

Q2 How well did you perform together?

Low

Did you work together to say what YOU wanted to say?

Full

PERFORMANCE

3. PERFORMANCE TEAM SPIRIT 2.

Feels rewarded! did it’s job

PERFORMANCE (TEAM QUESTION)

Full

Full

1. SUCCESS

em HEAVY dri otio ve ns be ha vio urs 2. 1. PERFORMANCE SUCCESS

this

Intentions

RE

LA

XE

D

PANICING

hin t of

It needs work (panic)

1. SUCCESS

Empty Empty

Best friends (Relaxed)

ARE YOU FRIENDS TODAY? Physiological

Responses We got through friends

Q1 How successful was your speech today?

We are a perfectly smooth team!

Best friends (Relaxed)

DID YOU WORK WELL TOGETHER TODAY?

ARE YOU FRIENDS TODAY? It was a very bumpy rough in patches

Questions simplified...

yes everything!

“The hexagon is an integrated system. It was a very bumpy rough inCombine patches almost completely smooth the points and ask more general questions.”

Relaxed + Happy


10 Development

In collaboration with...

I took the simplified questions forward and explored how a character could best represent them. Throughout this process I seeked industry advice which I gained from an animator, an illustrator, and a graphic designer.

JJ

JJ


Working For Blueprint... During my 99 days at Blueprint I did a series of Adobe Illustrator renders which featured in a client engagement package. This was made to attract new clients, demonstrating to them the skill and level of execution delivered by Blueprint.



OK

1 1

GHI

7PQRS

*

2 ABC

3 DEF

5 JKL

6 MNO

8 TUV

9 WXYZ

0 +





The brief was to design a portable speaker which also supplies the highest achievable sound rendition. I designed two speakers that would suit the lifestyle of a target consumer. I felt the speakers should be able to accompany someone going to work as well as going on a holiday.



Concept 1 : Work Hard

Sensor-Automatic Turn On

Volume Control

22mm

26mm

222mm 2 Flat Electrostatic Speakers

Rubber Grip- Transfers Bass Vibrations

Charging/Updating

Connect Anywhere

Good Mid-High Range Case Provides Bass

On/Off/Sleep


Concept 2 : Play Hard




Non Literal Product Design a product that has no function yet invites the user to interact with it through its suggested form alone.


Non-Literal Product Design a product that has no function yet invites the user to interact with the product through its suggested form alone.


My Inspiration Unstable objects - when something appears unstable, it can make you feel uneasy and instinctively want to touch it...


Mini Cv



The Final Product An unstable form that needs support from it’s intersecting rods to remain stable...

clear grip points adjust rods...

see rods intersect

colour to help lining up rods ...changes the rest position


During my internship in a creative art studio I worked on series of live briefs for high end clients, helping to develop my visualisation skills.



Brief: Illustrate Yourself

My first brief was to do an illustration of myself, so I could fit in with the rest of the Paul Windle Studio cast.

1. Sketch

2. Clean-up sketch

3. Scan in sketch

4. Photoshop line work

5. Add base colour


6. Add shading

7. Add materials

8. Finally add facial hair


Brief: Illustration For DisneyŠ

Disney a regular client came to the studio, asking to have a series of CJI characters turned into 2D illustration. I was given this brief.

1. Import CJI Artwork

2. Outline Artwork

3. Create blank shapes


4. Fill with colour


Brief: Design a Wild West Cast

This was for a project bid. The whole team contributed to help design a wild west cast for a new computer game.

Sketch it...


Paint it...


I designed a four-piece table set to accompany the previously released ‘Noughts & Crosses Stools’. They are now on sale at Modus Furniture and feature in their London Showroom.


Noughts and Crosses Bar Table — RRP £720.00 Noughts and Crosses Nought High Table — RRP £650.00 Noughts and Crosses Nought Coffee Table — RRP £870.00 Noughts and Crosses Nought Coffee Table — RRP £770.00 Showroom — 28-29 Great Sutton Street London EC1V 0DS T +44 (0)207 490 1358 london@modusfurniture.co.uk Modus Furniture Photography©


Client: Modus

Brief: Design 4 tables types all slightly different, which can accompany the previously released ‘Noughts and Crosses Stools’



Launched at:


seen on...


I worked at...

I was the floor plan assistant at this show. This involved making floor plan adjustments on a daily basis, dimensioning the site etc. I also met my first client Barbara Chandler. I did the layout and branding for her photography exhibition at the show.


designjunction PhotographyŠ


I did the floor plans...



330mm

Sign 2

690mm

1114mm 330mm

285mm

1114mm

160mm

160mm

Sign 3

50mm

50mm

1500

Sign 4

1114mm

690mm

192mm

Sign 4

centre

1114mm

designjunction 2013: joy of design Room 3 of 3 - Wall A+B

Sign 3 Sign 4 (one each on opposite walls and opposite sides)

Sign 2


Barbara Chandler

Design Writer & Photographer London Evening Standard

“Asis was invaluable - so efficient at measuring up, then drawing up plans, then turning the dimensions into inches for his aged client. He came up with a cracking good logo which included designing the vinyls and their placement. I am so grateful for that, as it's an area in which I am completely unfamiliar-Thank you Asis I couldn’t have done it without you” -Barbara Chandler

Barbara Chandler Photography©


The ATM Experience I set myself a UI/UX challenge to re-think the brand communication of Natwest, whom I bank with. I analysed their most common access point, their ATM and visualised how they could make them more friendly.


+ Friendly Factor


01 Enter PIN (existing)

Doesn’t Feel Welcoming

Poor Navigation-What do customers press once their PIN is entered?

Patronising- Over emphasis on the customers need to cover their PIN can come across as patronising.


01 Enter PIN (re-design)

Friendly Language

A Space For Your PIN

Navigation Marker Proud Slogan Visible - Showing customers the intentions of Natwest.

Friendly Reminder

+ Friendly Factor


02 Main Menu (existing)

Feels Robotic + Too Formal

Too Many Options

User Journey Not Considered-it is not considered how the user is going to use the service.

No Release Card?


02 Main Menu (re-design)

+ Friendly Factor

Personally Greeted

Friendly Language

£

£

Minimal Options ?

Clear

Exit Option


03 Balance (existing)

Unfamiliar Language - What Does OD Mean?

Misleading Numbers- this number appears less than the balance amount. Can’t Print Statements? No Account Advice- The customer is in their overdraft how long do they have to pay it off?


03 Balance (re-design)

Balance Re-Phrased For Clarity Print Slips Balance Advice Available- An extra communication channel to help customers. In this case they could give overdraft advice.

Easy Navigation (Exit + Return)

+ Friendly Factor


In My Spare Time... Other things I do to keep myself busy.



Anthony Forsyth

Alex Underwood

David Parkinson

Simon Scott-Harden

Victor Martinez

Ian Hewitt

John Elliot

James Thomas

Mic Porter

Neil Smith

Laura Warwick

David O’ Leary Derek Anderson

Howard Fenwick Mark Bailey

Thank you to all of the staff at Northumbria University





65 MILE RUN Me and my friend Jimmy set ourselves a challenge to run home to Otley from Blackpool. I just couldn't resist doing some graphics to promote the run and help raise money for our chosen charity GoodGym!


Start Blackpool

65 miles

Harrogate

Skipton

1

Preston

Ilkley

Clithroe

day

Finish

Colne

Otley Bradford

Blackburn

Leeds


Junior UI/UX Designer — +44 (0) 7873 585 411 hello.asispatel@gmail.com cargocollective.com/asispatel


Thank you for visiting please stay in touch



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.