UIUX FOLIO

Page 1

PRODUCT DESIGN PORTFOLIO ‘19

AMBA



ABOUT ME


LET ME INTRODUCE MYSELF: Hi, I’m Amaani and I am currently a designer from a product background where my skills are in research + development, sketching, ideation, and 3D CAD. Throughout my time I have taken a deeper interest in user experience and interaction. I enjoy creating new concepts and following them through to the final stage. My product background enables me to transfer my skill set and design process into other areas such as graphic, UI/UX and branding.

I believe design is all around us and everything has been designed to make our lives easier and more enjoyable. For me, design is about making tasks more comfortable; but also about evolution and expanding user’s thinking. I design with the user in mind and enjoy taking risks and challenging preconceptions with new ideas.

MY PHILOSOPHY


EDUCATION

SKILLS

INDUSTRIAL PRODUCT DESIGN (BSC) SEPT 15 JUL 19 ASTON UNIVERSITY 1st Class Honours Major Project: An investigation into kitchen aids for Upper limb amputees

CAD (Solidworks) + Keyshot • Create 3D models and assemblies of products. • Designing for manufacture and prototype. • Create engineering drawings to professional standards, saving files for 3D print and laser cut. • Rendering 3D models using Keyshot and Adobe. Adobe Creative Cloud • Photoshop • Illustrator • In design • Create graphics, infographics and literature layout for print while sticking to branding. Prototyping • Lo-fidelity and hi-fidelity prototpes working with card, blue foam, laser cutters and 3D printers. Teamworking • Work effectively with a diverse group of people. • Good communication with strict deadlines. • Demonstrated throughout my university projects. • Worked in groups ranging from 4 to 12 members. Organisation & Event Planning • Incharge of events planning for the Aston inspred degree show. • Focusing on layout, awards ceremony and inventory. Collaborated with PR and Social Media team. • Ran a what does design mean to you?’ campaign. Leadership • Working as a technician I have led many workshops for students as well as planning moodules. • Willing to take charge and assign tasks based on skill set while comunicating and taking on feedback

A-LEVELS SEPT 13 VILLIERS SIXTH FORM JUN 15 Product design: A, Mathematics: C, Biology: C GCSE’s SEPT 08 VILLIERS HIGH SCHOOL JUN 13 12 GCSE’s A*-B, including Maths: A*, English: A, Science: A

WORK DESIGN TECHNICIAN ASTON UNIVERSITY ART TEACHING ASSISTANT SEK INTERNATIONAL SCHOOL MADRID WAITRESS RED IRON BURGERS SALES ASSISSTANT THE WORKS PERSONAL SHOPPER WAITROSE

APR 18 JUN 19 SEPT 17 FEB 18 JUL 17 SEPT 17 AUG 15 SEPT 15 JAN 14 JUN 14

For full information please see my CV


CONT ENTS


01 NIGHT GLOW

02 WEBSITE RE-DESIGN

03 JUNBI EGG CRACKER

04 CARPE


01


NIGHT GLOW


THE PROBLEM

HOW CAN THE SLEEP TRACKING EXPERIENCE BE IMPROVED VIA PRODUCTS AND APPS?


RESEARCH OBSERVATIONS

EMPATHY WALK

EXTREME USERS

WORD ASSOCIATION

INSIGHTS

• Hassle of wearbale products that track sleep such a smart watchesUsually taken off • May not charge phone by bed and current applications require the phone to be on charge and placed under your pillow • A quick and simple to use physical product with minimal interaction steps • Soft minimilastic form that promotes calmness and does not distract from sleep

• Main priority is to track sleep and function as an alarm clock, then followed by other features


TARGET USER AND NEEDS Extreme Users Extremely uninvolved No interest in tracking sleep As long as they feel energised there is no problem

ALARM CLOCK FEATURE MOVE AWAY FROM WEARABLE PRODUCTS

Average Have a set time for bed and wake up at a set time routine is stuck too but not strictly Probaly use an app or Apple watch/Garmin - Uncomfortable Just count hours slept Try to maintain body clock

Extremely involved Physical sleep journal Bullet jounal Fitness fanatic Dream journal Inerperest dream Struggle sleeping Note times when they wake up Note when they are stressed Identify patterns Apps don’t contain enough features for different user’s needs

INPUT ABOUT THE USER’S DAY STRESS, BUSY, UP EARLY

Word Association GOOD NIGHT’S SLEEP

SLEEP TRACKER APP

NIGHT LIGHT FOR ADULTS

Calm Peaceful Quiet Comfort Dream Temperature Rain

Dark Organised Notes Efficiency Minimalist Not bright colours Patterns in sleep

Minimalist Smooth Organic Natural Luxury Reading light

NOT BUSY PRODUCTS/APPS TO WAKE THE MIND

NEED TO GO BACK AND SEE DATA AND ADD NOTES

LIGHT SHOULD BE ORGANIC AND MINIMALIST


Empathy Walk Name: Ellie Female, 21, Student, Stays up late to complete work, early morning lectures, works part time, Wants to make sure she is getting enough sleep to remain healthy 7:30 AM Wake up have breakfast and get ready for 9AM lecture 9:00 AM Morning lecture 1:00 PM Head back home to have lunch 2:30 PM Have a power nap before work 3:00 PM Get ready and travel to work 4:00PM Shift at resteraunt/bar starts 10:00 PM Shift ends and travel back home 11:00 PM Late night session going over lecture notes/ exam prep/ coursework completion 2:00 AM Ready for bed Falls asleep quickly but struggles to get up in the morning On the weekend Ellie has a lie-in No work on weekends

Nap to re-enegise. Affect her sleep at night Physical work: does not want to put her body under stress Does not want her work to interfere with her studies Wants to know how much sleep she is getting

ABILITY TO ADD FACTORS SUCH AS NAPS. EXERCISE AND OTHER

Name: Jon Male, 28, office worker, 9-5 job, can’t get to sleep and wakes up during the night. Wants to keep track of sleep to identify any patterns 7:20 AM Wake up and gets dressed for work 8:00 AM Leaves for work and catches a bus 8:30 AM Gets off bus and has a to go breakfast for work 8:40 AM Arrives at office 5:30 PM Leaves the office and goes gym 7:00 PM Catches the bus back home 7:45 PM Arrives back home and prepares for the next day 9:00 PM Send out Emails, goes over work notes, any other work at home 10:30 PM Unwinds with some TV 11:00 PM Ready to sleep yet struggles to switch off Keeps track of times he gets up

EASY TO FOLLOW AND KEEP TRACK (ORGANISED)

Frustrated when he does not sleep well

Has a routine he sticks to

Is organised andlikes to be on top of things

Disturbing sleep by getting up and checking time to see when he wakes up

NON-INTRUSIVE TRACKING (SHOULD NOT WAKE YOU UP)


INITIAL IDEAS



CARD PROTOTYPES


Quick card prototypes to better understand form and how one sheet would bend to create the desired form.


DEVELOPMENT



FURTHER DEVELOPMENT



DEVELOPMENT OVERVIEW Change to a softer form with smooth curves

Sharpness at the top of the design took away from the softness of the design

A softer shape yet still not reflective of a peacful and calm night light


More feather like shape to reflect calmness and sleep

The two elements do not look cohesive. Needs to be redeisgned to look like one product

Softer more flowing shape with a more unified form

Feathers incased in a frosted glass for a softer and less cliche look. Frosted glass also allows for a softer light to be emitted


COLOUR RANGE

BLACK: Darker more sophiticated colour that can fit in most bedrooms

LIGHT GREY: Neutral and balanced colour. Softer than black


WHITE: Peaceful, pure colour. Connotates simplicity and clarity

ROSE GOLD: Metal adds a touch of luxury, more feminine colour


FINAL PRODUCT

A sleep tracker that also functions as a night light and alarm clock when paired with the app.

To use the product as a lamp simply press the button when the sleep tracker is not activated. If the sleep tracker is activated simply double tap the button.

When you are ready for bed simply activate the lamp via the app. The button will glow to indicate the lamp is ready. You can now put your phone away and once you’re ready to sleep press the button again and the lamp will track your sleep.

There is also an alarm option where you can slect a time frame and the alarm will go off during your lightest period of sleep to ensure you wake up refreshed. The alarm will wake you up gently along with a dim light. Press the button again to switch off the alarm. In the morning view your stats on your mobile app and make note of any other information such as dreams, or activities that would have affcted your sleep such as exercise or alcohol.



PROTOTYPE



WIREFRAME SKETCHES



WIREFRAME SKETCHES CONTINUED



WIREFRAMES - DIGITAL



APP SCREENS





USER JOURNEY

ACTIONS Sing up -create an account Log in and start THOUGHTS I don’t have an account Is the sign up process long This is easy to understand EMOTIONS Hopeful Intrigued Neutral

ACTIONS Fills in details and confirms

ACTIONS Fills in email and password

ACTIONS Goes through steps and sets up lamp

THOUGHTS Easy to understand Basic information What if I already have an account? Can I have more than one account?

THOUGHTS What if I forgot my password? I can’t rememebr my email What if I already have an account?

THOUGHTS What if I have already set up my lampp? Can I skip this step? What if I get stuck and need help?

EMOTIONS Pleased Neutral

EMOTIONS Neutral PAIN POINTS Forgotten Email

EMOTIONS Neutral PAIN POINTS Skip button Extra help link


ACTIONS Confirms set up

ACTIONS Select level on slider for questions

THOUGHTS I know I’m reaching THOUGHTS the end due to the dots Do I have to do this, I at the bottom just want to track my sleep? EMOTIONS Can I Skip? Satisfied This is really useful, more personalised EMOTIONS Impatience Impressed

ACTIONS Wait for score to calculate THOUGHTS I’m glad I can see how long I have to wait EMOTIONS Neutral

ACTIONS Interpret score THOUGHTS What if I have a low score?- How do I improve? How often is my score calculated? EMOTIONS Neutral PAIN POINTS How do I move on to next part? Slide? Tap? Comfim button?


USER JOURNEY CONTINUED

ACTIONS Set an alarm Select alarm window Activate night light THOUGHTS Easy to see the activate button What if my alarm changes by accident Is my alarm time confirmed EMOTIONS Concerned

ACTIONS Fills in details Skip

ACTIONS Make dream notes View insights

ACTIONS Select dream emotion Make any notes

THOUGHTS I’m glad there is a skip button Easy to select icons What if something isnt on your list? Can I add it in?

THOUGHTS Easy and straight forward Is there a notification on my phone or lamp so I know it is tracking?

THOUGHTS Simple and straight forward

EMOTIONS Pleased Neutral

EMOTIONS Unsure PAIN POINTS Sign of life required

EMOTIONS Neutral


ACTIONS View Insights THOUGHTS All information in one place is convenient EMOTIONS Satisfied Pleased

ACTIONS Select day to view dream

ACTIONS Select day to view insights

THOUGHTS Easy to use and understand Is there an average dream emotion for the month? EMOTIONS

THOUGHTS Good general indication in circles What if I forgot to track my sleep? Can I add my own notes?

Neutral Satisfied

EMOTIONS Neutral Curious

ACTIONS Interpret score Select month to view score Keep track of months THOUGHTS Nice colour scheme easy to follow Can I change years? Are there tips on how to improve my score? EMOTIONS Intrigued


NEXT STEPS BASE

Increase the circumfrence of the base of the night light for better stability

APP TESTING

Move onto user testing to gain feedback on app interactions

ADDITIONAL FEATURES

Based on initial feedback users would prefer these addidtional features: • Add to your sleep diary if you forget to track your sleep • Extra notes section so users can make notes on their sleep as well as dreams • Confirmation of alarm or ability to repeat on certain days, instead of setting the alarm every night



02


WEBSITE RE-DESIGN


THE PROBLEM

1 WEEK USER INTERFACE PROJECT “RE-DESIGN OUR COMPANY WEBSITE” OPEN BRIEF


METHOD

INSIGHTS

• Current website difficult ot navigate due to lack of clear menu

Straight to screen

Sketch

• Ability to click for more information is desired

• Need menu instead of in page links to navigate

• Small company so personalisation and friendly feel desired Adobe Xd • Minimal, clean website that sticks to company branding Quick 1 week project


CURRENT WEBSITE



RE-DESIGNED WEB SCREENS



RE-DESIGNED WEB SCREENS CNTD




SCAN ME TO SEE WEBSITE PROTOTYPE https://xd.adobe.com/view/04749857-227d-4515-68f3-dbfc500d0f10-7245/


03


JUNBI


THE PROBLEM

HOW CAN THE RELATIONSHIP BETWEEN THOSE WITH ONE FUNCTIONING HAND AND THE KITCHEN BE IMPROVED?


RESEARCH FOCUS GROUP

INTERVIEW

CASE STUDIES

PRODUCT ANALYSIS

INSIGHTS

• Cracking an egg was rated as the most difficult task by the focus group • Used without any assistance to promote independence

• A product that can be used without prosthetics as many upper limb amputees don’t wear them

• Manually powered (no electronics) to provide sense of accomplishment

• Steer away from current cold, clinical products which indicate the user has a disability


TARGET USER AND NEEDS Focus Group Data 1

SOMETHING TO HOLD EGG IN PLACE

esf

NO SHELL CREATE POSITIVE EXPERIENCE

REDUCE MESS


Interview Results “They’re very uncomfortable to wear, it’s almost like a gun holster. They found it was rubbing their armpit and uncomfortable, so they didn’t really bother with upper limb as much” OT

USED WITH NO PROSTHETICS

“You don’t really want a massive piece of equipment that does 60 million jobs because you don’t need 60 million jobs in one go” OT

PERFORM ONE FUNCTION WELL

“Thats why some people refuse to have them because they look dreadful...People don’t want their house to look like a hospital. More choice would be great, but you’re limited to what is available on the NHS.” OT

AESTHETICALLY PLEASING

“At the end of the day you just want people to be as independent as possible, without carers.” OT

USE INDEPENDENTLY

Product Mapping 1

2

3

4

1. Bulky and plain (no personality)

AESTHETIALLY PLEASING

2. Better aesthteics but still clinical and very bulky

REDUCE SIZEBETTER ERGONOMICS

3. Not equal force applied, function needs improving

FUNCTION IS PRIORITY

4. Better aesthetics but still requires two hands

USE WITH ONE HAND


INITIAL IDEAS

Yellow dots represent user voting

Improving an existing products

Materialising mechanisms into products


Slicing the top of the shell off

Create a small hole for egg to pour out

2 in 1 bowl and egg cracker so egg falls directly in bowl for mixing

Cracking an egg in half. Trainee one hand egg cracker to teach technique


MECHANISM DEVELOPMENT

Initial prototype to test cutting the shell

Testing rig to experiment with different blades and angles


1

The handles were made smaller

4

The grip was then added which would push the blade in and allow it to spring back

2

A 3D printed blade holder was created. There are various holes to test different positions of hinges

5

The grip and blade holder made as one (lateral movement)

7

3

With the best position identified a CAD model was mocked up

6

A hinge was created above the blade holder

8

The previous design meant the spring would not compress later- The final mechanism included three of the grips that are shown ally. The spring was removed to save space and an elastic band above. A hook added for the elastic band to attach to. These added. would snap onto a ring which the grip would rotate around.


FORM DEVELOPMENT





FINAL PRODUCT



USER INTERACTION





FEATURES


1 2

No bulky suction cups, instead a weighted ring and textured silicone base

Lip allows the two halves to move concentrically and has stops to indicate the shell has been completely cut Lip also catches any residue and prevents it from dripping down product or worktop

3 4 5

Keeping the grips pressed keeps hold of the cut shell to throw directly into bin

Silicone keeps grip of the egg shell while pouring and accomodates for different sized eggs Blades are concealed and only protrude when grips are kept pressed

6 7 8

Easy to wash: Pour water in and shake or run blades under tap

Designed with form in mind to steer away from current products that are ‘cold, clinical and bulky, or products that indicate the user has a disability’ Stainless steel to add a feel of affordable luxury and accents of metal are currently in trend Soft tactile silicone to provide a welcoming feel and promote interactions Intuitive design created by colour, material and texture


FUNCTIONAL PROTOTYPE




SCAN ME TO SEE THE EGG CRACKER IN ACTION https://www.youtube.com/watch?v=1_DDyK0wO7Q


NEXT STEPS GRIPS

By pressing one grip,the other two grips automtocaaly also move in.

FORM

Create a more ergonomic shape to sit on the palm for comfort.

ALLIGNMENT

Having an external visual element that lets the user know when the two halves are correctly alligned and in the starting position.

BLADE

Changing the blade to a double ended blade to allow the blade to cut in either direction and be more comfortable for users who prefer turning anticlockwise.

DIFFERENT SIZED EGGS

Have a mechanism at the base which could adjust the size of the cavity. Rotate the metal ring and this would adjust the size of the inner cavity. This would work kind of like a camera lens opening and closing. The user would simply place the egg in, rotate till the cavity grips the egg and then crack the egg.


SHELL REMOVAL

The previous solution also addresses the issue of using a finger to pull out the shell. Once the egg contents have been tipped out the user can simply rotate the metal ring to loosen the grip on the egg shell. This can then be tipped out into a bin or bowl.

CLEANING

The top needs to be redesigned so that the inside has a ‘wall’. This allows for easy cleaning and stops mess.


04


CARPE


THE PROBLEM

DEVELOP A HAND DRYER THAT CHALLENGES EXISITNG ASSUMPTIONS IN SEARCH FOR BETTER FUNCTION


RESEARCH OBSERVATIONS

5 WHYS

VALUED OBJECTS

INSIGHTS

• Consumer concern over hygiene of public hand dryers

• Inconvenience of drying hands not fitting in with gym routine

• Frustration of having to leave machines to go dry hands

• Impatience with long hand drying procedures and times

• Users commonly wipe their hands on their clothes while working out CURRENT METHODS


TARGET USER AND NEEDS Current situation/Observations Chalk

Not allowed in public gyms | Messy | Breathe in residue

Wipe hands on clothing

Wipe hands on leggings or shirt | Leave you feeling dirty

Personal towels

Nuisance to carry around the gym | Constant wiping | Where to place towel? Floor? On machine?

Gym antiseptic and tissue

Need to leave your machine | Then need to dispose of tissue

REDUCE MESS

HYGIENIC

PORTABILITY

NOT LEAVE MACHINE

Top 3 Valued Objects Listen to music | Comfort | Helps focus | Personal | Preference of music

PERSONAL

Improves performance | Personal | Portable | Fits with routine; no need to go somewhere else for a drink

IMPROVE PERFORMANCE

Makes you feel good | Frame of mind | Comfortable | Nice to the touch | Breathable | Status

NICE TO THE TOUCH


5 Whys WHY do you bring your own towel to the gym? So I can wipe away my sweat and wipe down machines

WHY do you wipe your hands on your clothes? Because it’s easy and convenient

CONVENIENCE

WHY? It’s hygienic. I don’t want to use a machine someone has sweated on

WHY? It’s hygienic because I use my own towel. I’m more comfortable with my own towel. Also I’m not spreading sweat around

HYGIENE

CONTROL

WHY? I don’t have to move away and my clothes are always on me

WHY? I’m working out where the equipment is. I don’t mind moving between exercises though

WHY? A communal towel would make me feel dirty. This way I have control over my towel and how I use it

WHY? Leads back to hygiene. People have different hygiene habits.

WHY? That way it doesn’t affect my routine

WHY? I’m already in the mindset, I use moving from machines as a way to catch my breath.

FIT ROUTINE

“It’s just a nuisance when my hands get sweaty, it makes me feel dirty because I’m using shared equipment and I’m not going to go all the way to the toilet to wash and dry my hands while I’m working out” Claire (23), Avid gym user


INITIAL IDEAS


QUICK PROTOTYPES







When the solution needs refilling it is possible to wash/soak the product in warm water to clean it, before adding the next batch of solution. This increases Carpe’s longevity.


NEXT STEPS PACKAGING

Concerns were raised over Carpe becoming dirty or dust sticking to the solution. The solution is quick evaporating, however if Carpe’s original packaging could be retained and used as a case to prevent any unwanted secretion.



Behind every product is a story, which I’d love to share with you...


“

So feel free to get in contact with me


AMAANI AMBER AHMED AHMEDAMAANI@YAHOO.COM 07578370245


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.