+ All Categories
Home > Design > Jen Ng | UX / UI Design Portfolio

Jen Ng | UX / UI Design Portfolio

Date post: 16-Jul-2015
Category:
Upload: jen-ng
View: 436 times
Download: 2 times
Share this document with a friend
17
jen ng UX / UI DESIGNER • PORTFOLIO [email protected] 347 262 2891 jenng.com
Transcript
Page 1: Jen Ng  |  UX / UI Design Portfolio

jen ng U X / U I D E S I G N E R • P O RT F O L I O

h i @ j e n n g . c o m • 3 4 7 2 6 2 2 8 9 1 • j e n n g . c o m

Page 2: Jen Ng  |  UX / UI Design Portfolio

P R O J E C T S

M E N T O R M AT C H • A S I T E F O R M E N T O R S / M E N T E E S

P L AT F O R M : We b s i t e

R E S E RV E • A D I N I N G A P P

P L AT F O R M : We a r a b l e Te c h n o l o g y

T H E S T R A N D • A D I G I TA L P O P - U P S T O R E

P L AT F O R M : M i c ro s i t e

N Y C S A F E • A S A F E T Y A P P

P L AT F O R M : i P h o n e A p p + We a r a b l e Te c h n o l o g y

Page 3: Jen Ng  |  UX / UI Design Portfolio

N Y U • P O D F O R U M . O R GR E S E RV E

P R O J E C T: [ W E A R A B L E S ] F O R C L I E N T T h e R e s e r v e A p p l e Wa t c h a p p i s a c o l l a b o r a t i o n w i t h t w o o t h e r U X D e s i g n e r s & a t e a m o f We b D e v e l o p m e n t C o n s u l t a n t s . O u r d e s i g n a c c o m p a n i e s t h e e x i s t i n g n a t i v e m o b i l e a p p , a p e r s o n a l c o n c i e r g e f o r c re a t i n g s e a m l e s s d i n i n g e x p e r i e n c e s .

D U R AT I O N : 2 w e e k s

C H A L L E N G E S : D e s i g n i n g f o r a s m a l l i n t e r f a c e , a d h e re n c e t o A p p l e ’s H u m a n I n t e r f a c e G u i d e l i n e s , a n d d e s i g n i n g f o r a d e v i c e t h a t w a s n ’ t a v a i l a b l e f o r t e s t i n g .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , c o m p e t i t i v e a n a l y s i s , c o n t e x t u a l i n q u i r y, p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a w a t c h a p p t h a t n o t i f i e s d i n e r s o f t h e m o s t e s s e n t i a l i n f o r m a t i o n . N o t i f i c a t i o n s i n c l u d e c o n f i r m i n g s h o u l d e r t i m e s , a c c e p t i n g / d e c l i n i n g a l t e r n a t e r e c o m m e n d a t i o n s a n d r a t i n g r e s t a u r a n t s .

N E X T S T E P S : C o n t i n u e t e s t i n g w i t h n a t i v e a p p a n d m o n i t o r u s e r s ’ i n t e r a c t i o n s w i t h t h e w a t c h o v e r t i m e , e x p a n d o n w a t c h f e a t u re s .

PROTOTYPE: APPLE WATCH

Page 4: Jen Ng  |  UX / UI Design Portfolio

N Y U • P O D F O R U M . O R G

37 SURVEYS

12 INTERVIEWS

BUSINESS SUCCESS STORIES

ITUNES APP

REVIEWS

COMPARATIVE ANALYSES

COMPETITIVE ANALYSES

R E S E RV E

RESEARCH SOURCES

P R O J E C T: [ W E A R A B L E S ] F O R C L I E N T T h e R e s e r v e A p p l e Wa t c h a p p i s a c o l l a b o r a t i o n w i t h t w o o t h e r U X D e s i g n e r s & a t e a m o f We b D e v e l o p m e n t C o n s u l t a n t s . O u r d e s i g n a c c o m p a n i e s t h e e x i s t i n g n a t i v e m o b i l e a p p , a p e r s o n a l c o n c i e r g e f o r c re a t i n g s e a m l e s s d i n i n g e x p e r i e n c e s .

D U R AT I O N : 2 w e e k s

C H A L L E N G E S : D e s i g n i n g f o r a s m a l l i n t e r f a c e , a d h e re n c e t o A p p l e ’s H u m a n I n t e r f a c e G u i d e l i n e s , a n d d e s i g n i n g f o r a d e v i c e t h a t w a s n ’ t a v a i l a b l e f o r t e s t i n g .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , c o m p e t i t i v e a n a l y s i s , c o n t e x t u a l i n q u i r y, p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a w a t c h a p p t h a t n o t i f i e s d i n e r s o f t h e m o s t e s s e n t i a l i n f o r m a t i o n . N o t i f i c a t i o n s i n c l u d e c o n f i r m i n g s h o u l d e r t i m e s , a c c e p t i n g / d e c l i n i n g a l t e r n a t e r e c o m m e n d a t i o n s a n d r a t i n g r e s t a u r a n t s .

N E X T S T E P S : C o n t i n u e t e s t i n g w i t h n a t i v e a p p a n d m o n i t o r u s e r s ’ i n t e r a c t i o n s w i t h t h e w a t c h o v e r t i m e , e x p a n d o n w a t c h f e a t u re s .

Page 5: Jen Ng  |  UX / UI Design Portfolio

N Y U • P O D F O R U M . O R G

“Mandarin Oriental's pillars say 'We will record customers’ preferences in order to surprise and delight guests.’”- KELLY / 22 Y.O. / REGIONAL SALES MANAGER / NYC

CONCIERGES • DINERS • TECH ENTHUSIASTS

- JON / 23 Y.O. / STUDENT / NJ

“After using my smart watch for a while, I figured out which apps had features that suited my needs. Then I used my watch differently according to the new functions I discovered.”

“Concierges should be good listeners, taking note of your preferences without having to ask a laundry list of questions.”- VICTORIA / 28 Y.O. / AUDIO ENGINEER / HOUSTON

R E S E RV E

INTERVIEW HIGHLIGHTS

P R O J E C T: [ W E A R A B L E S ] F O R C L I E N T T h e R e s e r v e A p p l e Wa t c h a p p i s a c o l l a b o r a t i o n w i t h t w o o t h e r U X D e s i g n e r s & a t e a m o f We b D e v e l o p m e n t C o n s u l t a n t s . O u r d e s i g n a c c o m p a n i e s t h e e x i s t i n g n a t i v e m o b i l e a p p , a p e r s o n a l c o n c i e r g e f o r c re a t i n g s e a m l e s s d i n i n g e x p e r i e n c e s .

D U R AT I O N : 2 w e e k s

C H A L L E N G E S : D e s i g n i n g f o r a s m a l l i n t e r f a c e , a d h e re n c e t o A p p l e ’s H u m a n I n t e r f a c e G u i d e l i n e s , a n d d e s i g n i n g f o r a d e v i c e t h a t w a s n ’ t a v a i l a b l e f o r t e s t i n g .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , c o m p e t i t i v e a n a l y s i s , c o n t e x t u a l i n q u i r y, p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a w a t c h a p p t h a t n o t i f i e s d i n e r s o f t h e m o s t e s s e n t i a l i n f o r m a t i o n . N o t i f i c a t i o n s i n c l u d e c o n f i r m i n g s h o u l d e r t i m e s , a c c e p t i n g / d e c l i n i n g a l t e r n a t e r e c o m m e n d a t i o n s a n d r a t i n g r e s t a u r a n t s .

N E X T S T E P S : C o n t i n u e t e s t i n g w i t h n a t i v e a p p a n d m o n i t o r u s e r s ’ i n t e r a c t i o n s w i t h t h e w a t c h o v e r t i m e , e x p a n d o n w a t c h f e a t u re s .

Page 6: Jen Ng  |  UX / UI Design Portfolio

N Y U • P O D F O R U M . O R G

VIBRATING NOTIFICATIONS ARE ESSENTIAL & EFFECTIVE SOLUTION • Save for core call-to-actions

ACCESSIBLE NOTIFICATIONS ADD CONVENIENCE SOLUTION • Keep content concise enough for

quick glances

BRAND LOYALTY • PURCHASES WITHIN SAME OS SOLUTION • Make watch extension available for

Android and iPhone users

SIMPLIFIED USAGE OVER TIME SOLUTION • Keep features to a bare minimum with

easy onboarding

R E S E RV E

KEY TAKEAWAYS

P R O J E C T: [ W E A R A B L E S ] F O R C L I E N T T h e R e s e r v e A p p l e Wa t c h a p p i s a c o l l a b o r a t i o n w i t h t w o o t h e r U X D e s i g n e r s & a t e a m o f We b D e v e l o p m e n t C o n s u l t a n t s . O u r d e s i g n a c c o m p a n i e s t h e e x i s t i n g n a t i v e m o b i l e a p p , a p e r s o n a l c o n c i e r g e f o r c re a t i n g s e a m l e s s d i n i n g e x p e r i e n c e s .

D U R AT I O N : 2 w e e k s

C H A L L E N G E S : D e s i g n i n g f o r a s m a l l i n t e r f a c e , a d h e re n c e t o A p p l e ’s H u m a n I n t e r f a c e G u i d e l i n e s , a n d d e s i g n i n g f o r a d e v i c e t h a t w a s n ’ t a v a i l a b l e f o r t e s t i n g .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , c o m p e t i t i v e a n a l y s i s , c o n t e x t u a l i n q u i r y, p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a w a t c h a p p t h a t n o t i f i e s d i n e r s o f t h e m o s t e s s e n t i a l i n f o r m a t i o n . N o t i f i c a t i o n s i n c l u d e c o n f i r m i n g s h o u l d e r t i m e s , a c c e p t i n g / d e c l i n i n g a l t e r n a t e r e c o m m e n d a t i o n s a n d r a t i n g r e s t a u r a n t s .

N E X T S T E P S : C o n t i n u e t e s t i n g w i t h n a t i v e a p p a n d m o n i t o r u s e r s ’ i n t e r a c t i o n s w i t h t h e w a t c h o v e r t i m e , e x p a n d o n w a t c h f e a t u re s .

Page 7: Jen Ng  |  UX / UI Design Portfolio

N Y U • P O D F O R U M . O R G

3:08

Dismiss

Edit Offer

Keep Waiting

Reserve

Carbone

Hi, Evelyn! You mentioned being interested in eating at Carbone, and I have a table for 2 tonight at 6:30 PM. Would you like it?”

This offer expires at 3:38 PM today.

Let’s Do It

SPECIAL OFFER

P ICTURED : [ l e f t t o r i g h t ] N a t i v e A p p s c re e n s h o t , A p p l e Wa t c h w i re f r a m e

R E S E RV E

FEATURE IDEASSURPRISE OFFERS

P R O J E C T: [ W E A R A B L E S ] F O R C L I E N T T h e R e s e r v e A p p l e Wa t c h a p p i s a c o l l a b o r a t i o n w i t h t w o o t h e r U X D e s i g n e r s & a t e a m o f We b D e v e l o p m e n t C o n s u l t a n t s . O u r d e s i g n a c c o m p a n i e s t h e e x i s t i n g n a t i v e m o b i l e a p p , a p e r s o n a l c o n c i e r g e f o r c re a t i n g s e a m l e s s d i n i n g e x p e r i e n c e s .

D U R AT I O N : 2 w e e k s

C H A L L E N G E S : D e s i g n i n g f o r a s m a l l i n t e r f a c e , a d h e re n c e t o A p p l e ’s H u m a n I n t e r f a c e G u i d e l i n e s , a n d d e s i g n i n g f o r a d e v i c e t h a t w a s n ’ t a v a i l a b l e f o r t e s t i n g .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , c o m p e t i t i v e a n a l y s i s , c o n t e x t u a l i n q u i r y, p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a w a t c h a p p t h a t n o t i f i e s d i n e r s o f t h e m o s t e s s e n t i a l i n f o r m a t i o n . N o t i f i c a t i o n s i n c l u d e c o n f i r m i n g s h o u l d e r t i m e s , a c c e p t i n g / d e c l i n i n g a l t e r n a t e r e c o m m e n d a t i o n s a n d r a t i n g r e s t a u r a n t s .

N E X T S T E P S : C o n t i n u e t e s t i n g w i t h n a t i v e a p p a n d m o n i t o r u s e r s ’ i n t e r a c t i o n s w i t h t h e w a t c h o v e r t i m e , e x p a n d o n w a t c h f e a t u re s .

Page 8: Jen Ng  |  UX / UI Design Portfolio

N Y U • P O D F O R U M . O R GT H E S T R A N D

MOCK-UP: MICROSITE

P R O J E C T: [ M I C R O S I T E ] C A S E S T U D Y A m i c ro s i t e f o r T h e S t r a n d , a n N Y C l i t e r a r y i n s t i t u t i o n . A s t h e s o l e U X / U I D e s i g n e r , I d e s i g n e d f o r a n a s s i g n e d p r i m a r y p e r s o n a + t w o s e c o n d a r y p e r s o n a s , w h i l e e d i t i n g t h e e - c o m m e rc e s i t e ’s i n v e n t o r y t o 1 0 0 i t e m s .

D U R AT I O N : 1 w e e k

C H A L L E N G E S : C o n s o l i d a t i n g a s t o re w i t h “ 1 8 m i l e s o f b o o k s ” i n t o a c u r a t e d i n v e n t o r y o f 1 0 0 p ro d u c t s .

P R O C E S S : R e s e a rc h [ b r a n d r e s e a rc h , c o m p a r a t i v e a n a l y s i s , c o m p e t i t i v e a n a l y s i s , c o n t e x t u a l i n q u i r y ] , c a rd s o r t i n g , i n f o r m a t i o n a rc h i t e c t u re , w i re f r a m i n g , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a b r a n d e d , 1 9 5 0 s -t h e m e d , v i r t u a l p o p - u p s t o re f e a t u r i n g 1 0 0 i t e m s w i t h a n e m p h a s i s o n b r i n g i n g t h e o n l i n e e x p e r i e n c e o f f l i n e v i a s o c i a l m e d i a , a n i n - s t o re p i c k - u p o p t i o n a n d P R s t r a t e g y.

N E X T S T E P S : C o n t i n u e t e s t i n g w i t h u s e r s t h a t f a l l o u t s i d e o f t h e s p e c i f i e d p e r s o n a s , a s w e l l a s w i t h i n . R e f i n e t h e d e s i g n f o r t h e d e s k t o p a p p a n d e x p l o re p o s s i b i l i t i e s f o r r e s p o n s i v e d e s i g n s .

Page 9: Jen Ng  |  UX / UI Design Portfolio

N Y U • P O D F O R U M . O R GT H E S T R A N D

PERSONA STUDY

P R O J E C T: [ M I C R O S I T E ] C A S E S T U D Y A m i c ro s i t e f o r T h e S t r a n d , a n N Y C l i t e r a r y i n s t i t u t i o n . A s t h e s o l e U X / U I D e s i g n e r , I d e s i g n e d f o r a n a s s i g n e d p r i m a r y p e r s o n a + t w o s e c o n d a r y p e r s o n a s , w h i l e e d i t i n g t h e e - c o m m e rc e s i t e ’s i n v e n t o r y t o 1 0 0 i t e m s .

D U R AT I O N : 1 w e e k

C H A L L E N G E S : C o n s o l i d a t i n g a s t o re w i t h “ 1 8 m i l e s o f b o o k s ” i n t o a c u r a t e d i n v e n t o r y o f 1 0 0 p ro d u c t s .

P R O C E S S : R e s e a rc h [ b r a n d r e s e a rc h , c o m p a r a t i v e a n a l y s i s , c o m p e t i t i v e a n a l y s i s , c o n t e x t u a l i n q u i r y ] , c a rd s o r t i n g , i n f o r m a t i o n a rc h i t e c t u re , w i re f r a m i n g , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a b r a n d e d , 1 9 5 0 s -t h e m e d , v i r t u a l p o p - u p s t o re f e a t u r i n g 1 0 0 i t e m s w i t h a n e m p h a s i s o n b r i n g i n g t h e o n l i n e e x p e r i e n c e o f f l i n e v i a s o c i a l m e d i a , a n i n - s t o re p i c k - u p o p t i o n a n d P R s t r a t e g y.

N E X T S T E P S : C o n t i n u e t e s t i n g w i t h u s e r s t h a t f a l l o u t s i d e o f t h e s p e c i f i e d p e r s o n a s , a s w e l l a s w i t h i n . R e f i n e t h e d e s i g n f o r t h e d e s k t o p a p p a n d e x p l o re p o s s i b i l i t i e s f o r r e s p o n s i v e d e s i g n s .

Page 10: Jen Ng  |  UX / UI Design Portfolio

N Y U • P O D F O R U M . O R GT H E S T R A N D

PERSONA COMPARISON

P R O J E C T: [ M I C R O S I T E ] C A S E S T U D Y A m i c ro s i t e f o r T h e S t r a n d , a n N Y C l i t e r a r y i n s t i t u t i o n . A s t h e s o l e U X / U I D e s i g n e r , I d e s i g n e d f o r a n a s s i g n e d p r i m a r y p e r s o n a + t w o s e c o n d a r y p e r s o n a s , w h i l e e d i t i n g t h e e - c o m m e rc e s i t e ’s i n v e n t o r y t o 1 0 0 i t e m s .

D U R AT I O N : 1 w e e k

C H A L L E N G E S : C o n s o l i d a t i n g a s t o re w i t h “ 1 8 m i l e s o f b o o k s ” i n t o a c u r a t e d i n v e n t o r y o f 1 0 0 p ro d u c t s .

P R O C E S S : R e s e a rc h [ b r a n d r e s e a rc h , c o m p a r a t i v e a n a l y s i s , c o m p e t i t i v e a n a l y s i s , c o n t e x t u a l i n q u i r y ] , c a rd s o r t i n g , i n f o r m a t i o n a rc h i t e c t u re , w i re f r a m i n g , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a b r a n d e d , 1 9 5 0 s -t h e m e d , v i r t u a l p o p - u p s t o re f e a t u r i n g 1 0 0 i t e m s w i t h a n e m p h a s i s o n b r i n g i n g t h e o n l i n e e x p e r i e n c e o f f l i n e v i a s o c i a l m e d i a , a n i n - s t o re p i c k - u p o p t i o n a n d P R s t r a t e g y.

N E X T S T E P S : C o n t i n u e t e s t i n g w i t h u s e r s t h a t f a l l o u t s i d e o f t h e s p e c i f i e d p e r s o n a s , a s w e l l a s w i t h i n . R e f i n e t h e d e s i g n f o r t h e d e s k t o p a p p a n d e x p l o re p o s s i b i l i t i e s f o r r e s p o n s i v e d e s i g n s .

Page 11: Jen Ng  |  UX / UI Design Portfolio

N Y C S A F E

P R O J E C T: [ I P H O N E + W E A R A B L E S ] C A S E S T U D Y N Y C S a f e i s a c o l l a b o r a t i o n w i t h a n o t h e r U X D e s i g n e r w h e re o u r d e s i g n s f o r t h e i P h o n e a n d A p p l e Wa t c h a r e u s e d f o r t h e p re v e n t i o n , i n t e r v e n t i o n , a n d r e c o v e r y f r o m s e x u a l & p h y s i c a l a s s a u l t s t a r g e t e d t o w a rd s t h e L G B T Q c o m m u n i t y a n d w o m e n .

D U R AT I O N : 1 w e e k

C H A L L E N G E S : D e s i g n i n g f o r t w o d i f f e r e n t d e v i c e s w i t h s e a m l e s s f e a t u re s i n t e g r a t i o n . I n t e r v i e w i n g a b o u t s e n s i t i v e i s s u e s i n v o l v i n g r a p e a n d p h y s i c a l a s s a u l t s f o r r e s e a rc h .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a n A p p l e Wa t c h a p p f u n c t i o n i n g a s a p a n i c b u t t o n f o r e m e rg e n c y a l e r t s w i t h a i d o f t h e i P h o n e a p p f o r o n b o a rd i n g a n d ro u t e p l a n n i n g . A P I i n t e g r a t i o n t o p u l l d a t a i n a b o u t o p e n b u s i n e s s e s a n d t r a f f i c v o l u m e .

N E X T S T E P S : M o re u s e r t e s t i n g a n d c o n t e x t u a l i n q u i r i e s . R e s e a rc h w a y s o f r e a c h i n g 9 1 1 t h ro u g h t h e w a t c h .

Bryan Huchinsx3

Safety happens throughprevention, intervention and

recovery.

SAFE

Verizon 11:25 PM 100%

GET STARTED

Bryan Huchinsx3

Please select a 4-digitcombination code.

This wi l l be used to unlock your phone when you check

in safely at a destinat ion.

1 2 3 4

PASSCODE SETUP

Verizon 11:25 PM 100%

NEXT

SAVED LOCATIONSHome

Verizon 11:25 PM 100%

Where are you going?

Enter AddressCurrent Location

HOME 27 VAN DAM ST

15 minutes1 mile

x0x2

x2

20 minutes1.3 miles

x8

x5x4

25 minutes1.8 miles

x1

x2x3

SAVED LOCATIONS

Home

Verizon 11:25 PM 100%

Where are you going?

Enter AddressCurrent Location

MY SHARED NETWORK

NEXT

RECENT CONTACTS

Tyler Melvielle

+ EMERGENCY CONTACT

Rachel Boden

Mom

Verizon 11:25 PM 100%

KELSEY’S ROUTE

20 minutes 1.3 miles

ALARMCHECK IN

Bryan Huchinsx3

Enter passcode to letyour contacts know thatyou’ve safely arr ived at

your destinat ion.

GLADYOU’RESAFE!

Your connected userswil l get a confirmationthat you’re home safe.

GOOD NIGHT!

Close

Verizon 11:25 PM 100%

MOCK-UP: IPHONE

Page 12: Jen Ng  |  UX / UI Design Portfolio

MOCK-UP: APPLE WATCH N Y C S A F E

P R O J E C T: [ I P H O N E + W E A R A B L E S ] C A S E S T U D Y N Y C S a f e i s a c o l l a b o r a t i o n w i t h a n o t h e r U X D e s i g n e r w h e re o u r d e s i g n s f o r t h e i P h o n e a n d A p p l e Wa t c h a r e u s e d f o r t h e p re v e n t i o n , i n t e r v e n t i o n , a n d r e c o v e r y f r o m s e x u a l & p h y s i c a l a s s a u l t s t a r g e t e d t o w a rd s t h e L G B T Q c o m m u n i t y a n d w o m e n .

D U R AT I O N : 1 w e e k

C H A L L E N G E S : D e s i g n i n g f o r t w o d i f f e r e n t d e v i c e s w i t h s e a m l e s s f e a t u re s i n t e g r a t i o n . I n t e r v i e w i n g a b o u t s e n s i t i v e i s s u e s i n v o l v i n g r a p e a n d p h y s i c a l a s s a u l t s f o r r e s e a rc h .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a n A p p l e Wa t c h a p p f u n c t i o n i n g a s a p a n i c b u t t o n f o r e m e rg e n c y a l e r t s w i t h a i d o f t h e i P h o n e a p p f o r o n b o a rd i n g a n d ro u t e p l a n n i n g . A P I i n t e g r a t i o n t o p u l l d a t a i n a b o u t o p e n b u s i n e s s e s a n d t r a f f i c v o l u m e .

N E X T S T E P S : M o re u s e r t e s t i n g a n d c o n t e x t u a l i n q u i r i e s . R e s e a rc h w a y s o f r e a c h i n g 9 1 1 t h ro u g h t h e w a t c h .

Page 13: Jen Ng  |  UX / UI Design Portfolio

M E N T O R M AT C H

MOCK-UP: WEBSITE

P R O J E C T: [ W E B S I T E ] H A C K AT H O N C H A L L E N G E M e n t o r M a t c h b r i n g s m e n t o r s a n d m e n t e e s w i t h i n t h e s a m e o r g a n i z a t i o n t o g e t h e r t h ro u g h c o m p l e m e n t a r y p ro f e s s i o n a l e x p e r i e n c e s , b a c k g ro u n d s a n d i n t e re s t s . I w o r k e d w i t h a P ro d u c t M a n a g e r a n d t h re e We b D e v e l o p e r s a s t h e s o l e U X / U I D e s i g n e r .

D U R AT I O N : 2 w e e k s

C H A L L E N G E S : E s t a b l i s h i n g a n d a p p l y i n g t h e M V P t o p u s h t h ro u g h t o a l i v e s i t e . Wo r k i n g w i t h a t e a m w i t h v a r i e d s c h e d u l e s a n d n o p r i o r w o r k i n g h i s t o r y o r r e l a t i o n s h i p .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a w e b s i t e w i t h p r i o r i t i z e d f e a t u re s b a s e d o n q u a l i t a t i v e & q u a n t i t a t i v e re s e a rc h .

N E X T S T E P S : R e c r u i t m o re m e m b e r s a n d c o n d u c t u s e r t e s t i n g a n d c o n t e x t u a l i n q u i r i e s . I n t e g r a t e s e c o n d - s p r i n t f e a t u re s a n d t e s t .

Page 14: Jen Ng  |  UX / UI Design Portfolio

M E N T O R M AT C H

P R O J E C T: [ W E B S I T E ] H A C K AT H O N C H A L L E N G E M e n t o r M a t c h b r i n g s m e n t o r s a n d m e n t e e s w i t h i n t h e s a m e o r g a n i z a t i o n t o g e t h e r t h ro u g h c o m p l e m e n t a r y p ro f e s s i o n a l e x p e r i e n c e s , b a c k g ro u n d s a n d i n t e re s t s . I w o r k e d w i t h a P ro d u c t M a n a g e r a n d t h re e We b D e v e l o p e r s a s t h e s o l e U X / U I D e s i g n e r .

D U R AT I O N : 2 w e e k s

C H A L L E N G E S : E s t a b l i s h i n g a n d a p p l y i n g t h e M V P t o p u s h t h ro u g h t o a l i v e s i t e . Wo r k i n g w i t h a t e a m w i t h v a r i e d s c h e d u l e s a n d n o p r i o r w o r k i n g h i s t o r y o r r e l a t i o n s h i p .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a w e b s i t e w i t h p r i o r i t i z e d f e a t u re s b a s e d o n q u a l i t a t i v e & q u a n t i t a t i v e re s e a rc h .

N E X T S T E P S : R e c r u i t m o re m e m b e r s a n d c o n d u c t u s e r t e s t i n g a n d c o n t e x t u a l i n q u i r i e s . I n t e g r a t e s e c o n d - s p r i n t f e a t u re s a n d t e s t .

PERSONA 1

KEY TAKEAWAYS

INTERVIEW RESULTS

• Interviewees wanted to be paired wi th people shar ing s imi lar professional & personal interests.

• Al l interviewees are current ly on LinkedIn.

• There is a desire to make the mentorship process more formal ized to increase the level of commitment, engagement and accountabi l i ty.

• Everyone is interested in seeing l is t ings for industry events.

DESIGN SOLUTIONS

• Include informat ion about professional exper ience & personal interests in prof i les.

• Al low abi l i ty to log in v ia LinkedIn.

• Include avai labi l i ty in prof i les to manage expectat ions of t ime commitment.

• Include feature showing Meet-Ups and industry-related events the mentors & mentees have at tended ( to give insight on their professional & personal interests, and to offer ta lk ing points) ; and wi l l be at tending (so that mentors & mentees can meet in person to see i f they are a good match).

Page 15: Jen Ng  |  UX / UI Design Portfolio

M E N T O R M AT C H

P R O J E C T: [ W E B S I T E ] H A C K AT H O N C H A L L E N G E M e n t o r M a t c h b r i n g s m e n t o r s a n d m e n t e e s w i t h i n t h e s a m e o r g a n i z a t i o n t o g e t h e r t h ro u g h c o m p l e m e n t a r y p ro f e s s i o n a l e x p e r i e n c e s , b a c k g ro u n d s a n d i n t e re s t s . I w o r k e d w i t h a P ro d u c t M a n a g e r a n d t h re e We b D e v e l o p e r s a s t h e s o l e U X / U I D e s i g n e r .

D U R AT I O N : 2 w e e k s

C H A L L E N G E S : E s t a b l i s h i n g a n d a p p l y i n g t h e M V P t o p u s h t h ro u g h t o a l i v e s i t e . Wo r k i n g w i t h a t e a m w i t h v a r i e d s c h e d u l e s a n d n o p r i o r w o r k i n g h i s t o r y o r r e l a t i o n s h i p .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a w e b s i t e w i t h p r i o r i t i z e d f e a t u re s b a s e d o n q u a l i t a t i v e & q u a n t i t a t i v e re s e a rc h .

N E X T S T E P S : R e c r u i t m o re m e m b e r s a n d c o n d u c t u s e r t e s t i n g a n d c o n t e x t u a l i n q u i r i e s . I n t e g r a t e s e c o n d - s p r i n t f e a t u re s a n d t e s t .

PERSONA 1

PERSONA DEVELOPMENT

ELIZA JACOBS

LOCATION : Boston, MA HOMETOWN: Santa Barbara, CA AGE: 23-years-old TITLE: Program Coordinator EXPERIENCE: 6 months

PAIN POINTS • Conf l ict ing schedules wi th mentor. • Being paired with someone she can’t re late w/personal ly and professional ly.

NEEDS • To be paired with someone who ident i f ies w/her academic past, where she’s f rom and can ident i fy w/her strengths and weaknesses. • To work wi th someone who can give career advice, but is relatable on a personal i ty level who shares s imi lar interests.

KEY FEATURES • Hometown • Bio • Emai l address • Interests • Fun Fact • Avai labi l i ty • Fi l ters on ski l ls to learn • Years of mentor ing exper ience l is ted • Test imonials

“I want to know how to get f rom good to great.”

Page 16: Jen Ng  |  UX / UI Design Portfolio

M E N T O R M AT C H

P R O J E C T: [ W E B S I T E ] H A C K AT H O N C H A L L E N G E M e n t o r M a t c h b r i n g s m e n t o r s a n d m e n t e e s w i t h i n t h e s a m e o r g a n i z a t i o n t o g e t h e r t h ro u g h c o m p l e m e n t a r y p ro f e s s i o n a l e x p e r i e n c e s , b a c k g ro u n d s a n d i n t e re s t s . I w o r k e d w i t h a P ro d u c t M a n a g e r a n d t h re e We b D e v e l o p e r s a s t h e s o l e U X / U I D e s i g n e r .

D U R AT I O N : 2 w e e k s

C H A L L E N G E S : E s t a b l i s h i n g a n d a p p l y i n g t h e M V P t o p u s h t h ro u g h t o a l i v e s i t e . Wo r k i n g w i t h a t e a m w i t h v a r i e d s c h e d u l e s a n d n o p r i o r w o r k i n g h i s t o r y o r r e l a t i o n s h i p .

P R O C E S S : R e s e a rc h [ s u r v e y s , i n t e r v i e w s , c o m p a r a t i v e a n a l y s i s , p e r s o n a s d e v e l o p m e n t ] , w i r e f r a m i n g , m o c k - u p s , p ro t o t y p i n g , u s e r t e s t i n g , d e s i g n i t e r a t i o n s

S O L U T I O N : D e s i g n e d a w e b s i t e w i t h p r i o r i t i z e d f e a t u re s b a s e d o n q u a l i t a t i v e & q u a n t i t a t i v e re s e a rc h .

N E X T S T E P S : R e c r u i t m o re m e m b e r s a n d c o n d u c t u s e r t e s t i n g a n d c o n t e x t u a l i n q u i r i e s . I n t e g r a t e s e c o n d - s p r i n t f e a t u re s a n d t e s t .

PERSONA 1

NEXT STEPS: FEATURES

mentor match

sign out

about contact

mentors

prof i le

mentees f i l ter | c lear f i l ter

forum

test imonials

events

remindersinbox

2

Interviewees expressed interest in a messaging funct ional i ty & storage for docs relat ing to their mentors/mentees in the Mentor Match account, as wel l as to receive reminders about upcoming meet ings and check- ins. [USER RESEARCH]

The major i ty of interviewees said they would be interested in seeing industry events on the si te, a long with who within the company is at tending. [USER RESEARCH]

Some expressed interest in a discussion forum for real-t ime resources and community discussions. [USER RESEARCH]

3

1

1

2

3

Page 17: Jen Ng  |  UX / UI Design Portfolio

h i @ j e n n g . c o m • 3 4 7 2 6 2 2 8 9 1 • j e n n g . c o m


Recommended