kennedy ui/ux portfolio 2015
DESCRIPTION
ÂTRANSCRIPT
1
Brian KennedyDesign Portfolio 2015
2
MotiA new wearable interaction that allows for the exchange of subtle emotional cues for partners in long-distance relationships.
Brian Kennedy5 months, 2014University of Illinois Urbana-Champaign
3
Ren is a recent college graduate.He works M-S from 8am to 6pm.
Cassie is a university student.She keeps a busy, inconsistent schedule
Ren & Cassie live over 10,000km apart...
Chicago, IllinoisTokyo, Japan
4*In a survey of 100 LDR participants
60%of respondents said they
dealt with a difference in time zones
[Time differences] limit communication times, but lines up some key moment of free time.
If he has to work the whole afternoon, we aren’t able to talk. By the time he comes home from work, I’m already in bed.
Sometimes we just miss speaking to each other because the other went to bed just as the other woke up.
We would both get frustrated and it put a strain on the time we were actually talking to each other.
5
Current product-scapeIntimacy through technology
There is opportunity for a practical, device that can help build intimacy over distance.
Gimmicky
In-convenient
Meaningful
Practical
Target Solution
6
Wearable tech - Tangible user interfaces - Intimacy through technology
7
Concept Selection
Wearable bracelet that allows for communication of mood and feeling through light & color.
With wearables as the forefront of technology, how can we use them to change the way that we communicate with one another?
The product should be able to improve non-verbal communication and instill a feeling of closeness by helping to build intimacy.
8
10 “interactive” prototypes were made for user testing
9
“You don’t want people to assume that it is just a mood ring.”
“Tapping is easier than pressing or pinching. It also feels more intimate. Like a tapping language.”
“About the color…. The definition of color will change between cultures.”
“Constant communication builds trust. Technology today allows LDRs to be possible & enjoyable”
Getting prototype feedbackTo review the prototypes, I returned to talk to some of my initial interview participants to get their feedback on the concept. They told me which concepts fit best into their lifestyle and chose their 3 favourite designs.
10
Feedback analysis
Dedicated cue buttons
Square Half Dial
- -- - 0 0
- -
-
-- -
- -- - 0 0Squeeze action small --
7 1.4- 11 2State switch 21
Squeeze action large 9 2.25-1 3 3 -2
6 2- - 1 2Single button 3-
8 2.6-23 3Circular dial --
9 2.25- -2 3Touch Strap 13
Tactile strap buttons - -- - 0 0--
-
- 0 0
After compiling the data based on the multiple rankings given by the testing participants, the features of the top prototypes were taken and fused, taking into account the comments from user testing.
11
Single time display & button press
Chosen for familiarity & simplicity
Single time display & squeeze action
Dual time displays
Resolving time display & input
12
Introducing Moti
Smartwatch for communicating emotion & presence over distance
13
Signing up to use Moti
The Moti mobile app is plug’n play.
Set up your Moti watch to sync with your long distance partner.
14
Colors were chosen based on user feedback and psychological research. They can be customized by either parter at any time.
Fully customizable moods & colors
IrritatedLonging
Sad
Neutral
Enthusiastic
Calm
15
Hardware interactions
Moti watch face doubles as the main hardware button.
The color ring is a capacitative touch wheel.
16
Interaction: Sending cues
Shows your time, partner’s mood
Select mood cues to send
Single tap display
Multi-directionalgesture
Mood cue sent,return to Home
Home State
Quickly and easily send emotional cues to your long-distance partner.
17
JapanTokyo Time (UTC +9)
United StatesCentral Time (UTC -5)
18
Moti uses an included wireless charging for a cord free experience
Because the watch utilizes LEDs, bluetooth, & touch pad, it requires charging on a daily basis.
Qi wireless charging standard
19
Component overview
Inductive charging ringMagnetic adhesive backing
Lithium Ion batteryPCB / motherboard
Stainless casingRGB LED strip
Capacitative touch ringTranslucent button
Rear casing
20
A-Champs.com
A-Champs first website to establish their emerging brand in the toy market & to accomany to their soon to launch Kickstarter campaign.
Brian Kennedy, DesignerMarvin Boontjes, Developer2 Months, 2015A-Champs Ltd.
Branding & web design for A-Champs Ltd.
A-Champs
21
Branding & UI/UX Initiative
The briefCreate a website to explain ROXs gaming console to prospective buyers and spread the A-Champs brand name.
Deliverables:1. Site proposal2. Layout & wireframing options3. Design specifications for developer4. Live Website
™
22
ROXs provide endless hours of active fun.ROXs provide endless hours of active fun.
A-Champs is dedicated to improving the health and wellness of all children by making physical activity fun and exciting by delivering toys built
on the concept of offscreen active gaming.
ROXs comes pre-programmed with 8 games
that can be played alone or with friends.
The offscreen activity console to get kids moving
Power up!Power up!Power up!
Power up!Power up!Power up!
Power up!Power up!Power up!
Identifying the basics: Typography & Color
23
Active • Energetic • Enthusiastic • Vibrant
#FFAF32 #29ACD1
#2382BB
#2E6EAF#4A4A4A
#F5F5F5
#F59431
#F57B31
Color Palette
24
A-Champs.com
Priority of Home page itemsA. Our Product & mission - Link to ROXs / Kickstarter
The call to action will vary based on our progressB. Our Story / Brand / facts - Link to Brand InfoC. Learn more - Facts, Health tips
Infomation needs to be concise & glancable
5) Website Footer
Quick Links Terms of Service / Privacy Press Materials Email Opt-in
1) ROXs
What are ROXs?- How they work- How to play w/ROXs
Why buy ROXs?- 8 Active Games- Customizable gameplay- Family Fun- Easy to use
How to buy ROXs?- Link to Kickstarter
FAQ
2) About A-Champs
A-Champs Team
Mission Statement
Company Values
Background Story
4) Contact Us
Contact Info
Social Media
Email Opt-in
3) Power Up
Active Gaming Intro
A-Champs.com Site Map & Proposal
The sitemap was presented to the client before moving ahead with the wireframing. Though the site is simple in structure, the challenge was explaining the product in a concise way.
25
Wireframing & Layout
26
Navigation barResponds to screen width68 pixels tallOrange 1 #FFAF32
Navigation_Home_Up.png Navigation_ROXs_Up.png Navigation_Aboutus_Up.png Navigation_Powerup_Up.png Navigation_Contactus_Up.png
148 x 68px Each3 States
700 x 68px Total
A-Champs_Logo1.png
150 px
15 px
15 px
Header Design Specifications
27
Roboto Slab Bold22pxWhite #FFFFFF
Oxygen Regular22pxWhite #FFFFFF
Links to appropriate page on A-Champs.com
Please underline link on hover!
Oxygen Regular12pxWhite #FFFFFF
Oxygen Regular20px80% Black #58595B
Button_Facebook_Up.png Button_Twitter_Up.png Button_Insta_Up.png Button_Youtube_Up.png Button_Join_Up.png
All buttons have 3 states
Footer Design Specifications
28
Visual Design
Curry Companion
Product design targeting the high end food storage market in India. An exercise in designing for culture and connectivity.
Brian Kennedy, Loh Min Hwe5 months, 2012National University of SingaporeCollaboration with
World itchen Asia acific
31
After making home visits to learn from Indians living at different socio-economic levels throughout Singapore, we learned that eating with the hand is a common experience across India
Gentle gestures
Flowing movements
Bite-sized portions
32
Meet Bharti
“I eat with my hand at work. It’s about tradition, but it also feels more natural.”
Bharti is a professional but even in the workplace she wants to be able to eat her food in a familiar and comfortable manner.
33
Middle Class Indians
Eating with the hand
For meals away from home
Identifying user, task, & environment
34
Affordable, durable material
Stackable, secure food compartments
Heat retention is poor, difficult to reheat
Handle may limit convenience
May leak liquids & sauces
Tiffin Lunch Carrier
A commonly used meal container in India, often contains rice, curry, dal, and chapatis (spicy meats).
Two different eating experiences
35
Banana Leaf
A natural eating utensil, used for special eating occasions, emphasizes eating with the hand.
Large, flexible, waterproof
Cannot be reused
Cannot store or carry food
Food is easily accessible
Used to help cook & flavor food
36
Current products on the market only partially meet the
needs of the Indian consumer.
ElegantKitsch
High End
Low End
Glass and ceramics represent the bulk of premium kitchenware
Tupperware and Lock & Lock are prominent storage container brands
Proliferation of plastic kitchenware and storage in the lower-range
Current product-scape
37
What if we could combine the elegance of the banana leaf with the usefulness of the tiffin?
38
Initial concept ideation - Design for eating with the hand
A concept with a feasible folding mechanism, partnered with a natural pulling action was chosen.
39
Concept refinement
Concept refinement focused on improving the folding action & other functional aspects like the lid / shape.
40
Design is functional, but appears untrustworthy.
Testing insight: increase reliability
41
Wall fold mechanism redesigned to improve stability. Promotes confidence.
42
Curry Companion expands to create a larger eating surface
43
Comments on manufacturing
Candidate materialsMain shell: PolypropyleneJoints: Thermo Plastic Elastomer
Both materials... • Are food-safe • Can form complex shapes • Are highly reusable • Have excellent heat resistance
Orca engineers stated:Co-injection moulding is possible forhigh production volume, and various surface finishing.
Consider reducing the footprint to only two food sections for better mold flow to help ensure variable thicknesses are achieved.
After a consultation with...
Engineering firm, Johor Bahru, Malaysia
44
4 5
2 31
Two dividers separate portions to keep the meal fresh
45
62
Mobile User Experience InternTechnology & Innovation Center, Moline, Illinois2013, 5 Months
As a UX team member, I prototyped and made design decisions working in tandem with colleagues and external software vendors. I designed software much like the example above, for both iOS and Android platforms, created detailed spec documents, and interviewed with expert machine operators to build backend workflows for iOS applications.
63
John Deere UX Visual Branding
I designed with John Deere’s visual marketing department to create a design framework for application icons. Challenges included creating multiple icons for applications that targeted a single Deere product line, creating different visual styles for varying audiences, and adding function symbols to the icons. The icon shown to the right is an early iteration for GoHarvest.
64
User Experience InternResearch & Development Center, Singapore2012, 7 Months
Cloud Storage Market ResearchCollected data on cloud storage and file collaboration by competitors. Presented findings to development team.
What are other products doing better?Where does Autodesk 360 Desktop fit?How can I help improve the product?
First use experience was part of the research.
65
Creating software at Autodesk is about enabling users to work in a familiar and understandable way.
The product usability tests covered separate aspects of the software, including copy linked data files, AutoCAD integration, and sign-in feedback DisableD enableD
User sign in sync settings
360 Desktop folDer
Project: Autodesk 360 Usability Testing
Built and tested interactive flash based prototypes for Autodesk 360 desktop.
