Jen Ng | UX / UI Design Portfolio

Download Jen Ng  |  UX / UI Design Portfolio

Post on 16-Jul-2015

424 views

Category:

Design

2 download

Embed Size (px)

TRANSCRIPT

<ul><li><p>jen ng U X / U I D E S I G N E R P O RT F O L I O</p><p>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</p></li><li><p>P R O J E C T S</p><p>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><p>P L AT F O R M : We b s i t e</p><p>R E S E RV E A D I N I N G A P P </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</p><p>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><p>P L AT F O R M : M i c ro s i t e</p><p>N Y C S A F E A S A F E T Y A P P </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</p></li><li><p>N Y U P O D F O R U M . O R GR E S E RV E </p><p>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 </p><p>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 &amp; 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 . </p><p>D U R AT I O N : 2 w e e k s </p><p>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><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 , 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 </p><p>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 . </p><p>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 .</p><p>PROTOTYPE: APPLE WATCH</p></li><li><p>N Y U P O D F O R U M . O R G</p><p>37 SURVEYS</p><p>12 INTERVIEWS</p><p>BUSINESS SUCCESS STORIES</p><p>ITUNES APP </p><p>REVIEWS</p><p>COMPARATIVE ANALYSES</p><p>COMPETITIVE ANALYSES</p><p>R E S E RV E </p><p>RESEARCH SOURCES</p><p>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 </p><p>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 &amp; 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 . </p><p>D U R AT I O N : 2 w e e k s </p><p>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><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 , 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 </p><p>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 . </p><p>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 .</p></li><li><p>N Y U P O D F O R U M . O R G</p><p>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</p><p>CONCIERGES DINERS TECH ENTHUSIASTS</p><p>- JON / 23 Y.O. / STUDENT / NJ</p><p>After using my smart watch for a while, I figured out which apps had features that suited my needs. Then I used my watch dierently according to the new functions I discovered.</p><p>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</p><p>R E S E RV E </p><p>INTERVIEW HIGHLIGHTS</p><p>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 </p><p>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 &amp; 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 . </p><p>D U R AT I O N : 2 w e e k s </p><p>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><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 , 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 </p><p>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 . </p><p>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 .</p></li><li><p>N Y U P O D F O R U M . O R G</p><p>VIBRATING NOTIFICATIONS ARE ESSENTIAL &amp; EFFECTIVE SOLUTION Save for core call-to-actions </p><p>ACCESSIBLE NOTIFICATIONS ADD CONVENIENCE SOLUTION Keep content concise enough for </p><p>quick glances </p><p>BRAND LOYALTY PURCHASES WITHIN SAME OS SOLUTION Make watch extension available for </p><p>Android and iPhone users </p><p>SIMPLIFIED USAGE OVER TIME SOLUTION Keep features to a bare minimum with </p><p>easy onboarding </p><p>R E S E RV E </p><p>KEY TAKEAWAYS</p><p>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 </p><p>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 &amp; 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 . </p><p>D U R AT I O N : 2 w e e k s </p><p>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><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 , 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 </p><p>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 . </p><p>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 .</p></li><li><p>N Y U P O D F O R U M . O R G</p><p>3:08</p><p>Dismiss</p><p>Edit Offer</p><p>Keep Waiting</p><p>Reserve</p><p>Carbone</p><p>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?</p><p>This offer expires at 3:38 PM today.</p><p>Lets Do It</p><p>SPECIAL OFFER</p><p>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</p><p>R E S E RV E </p><p>FEATURE IDEASSURPRISE OFFERS</p><p>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 </p><p>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 &amp; 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 . </p><p>D U R AT I O N : 2 w e e k s </p><p>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><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 , 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 </p><p>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 . </p><p>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 .</p></li><li><p>N Y U P O D F O R U M . O R GT H E S T R A N D </p><p>MOCK-UP: MICROSITE</p><p>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 </p><p>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 . </p><p>D U R AT I O N : 1 w e e k </p><p>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><p>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 </p><p>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. </p><p>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 .</p></li><li><p>N Y U P O D F O R U M . O R GT H E S T R A N D </p><p>PERSONA STUDY</p><p>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 </p><p>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 . </p><p>D U R AT I O N : 1 w e e k </p><p>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><p>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 </p><p>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></li></ul>