70
Bobi Digital ANTHONY NGUYEN | INDIANA UNIVERSITY

Bobi Digital Shelf

Embed Size (px)

DESCRIPTION

For my year-long graduate school thesis, I did a series of user research studies on collections in people's homes. My goal was to develop a solution that would directly address the lack of personal investment, tangibility, and value found in digital music today.

Citation preview

Page 1: Bobi Digital Shelf

B o b i D i g i t a lA N T H O N Y N G U Y E N | I N D I A N A U N I V E R S I T Y

Page 2: Bobi Digital Shelf

G e n e r a t i o n Y

Page 3: Bobi Digital Shelf
Page 4: Bobi Digital Shelf

http://vimeo.com/16638983

Q u a l i t y v s . Q u a n t i t y

http://www.rockmelt.com/

Page 5: Bobi Digital Shelf
Page 6: Bobi Digital Shelf
Page 7: Bobi Digital Shelf

W h y o l d s t u f f ?“ B e c a u s e d i g i t a l i s n ’ t

t h e s a m e . I t f e e l s e m p t y .I t d o e s n ’ t a l l o w m e

t o b e h e a r d . ” { S }

Page 8: Bobi Digital Shelf

M i n i m a l i s m ?

Page 9: Bobi Digital Shelf

N o t a ______.

Page 10: Bobi Digital Shelf

R e m e d i a t e M u s i c .C o l l e c t i o n s .E x p r e s s i o n .

Page 11: Bobi Digital Shelf

B r a i n s t o r m

Page 12: Bobi Digital Shelf

http://lookbook.nu/look/1336497-where-are-you

S u b t l e .

A d a p t a b l e .

B u i l t f o r e x p r e s s i o n .

D i f f e r e n t .

F u n .

Page 13: Bobi Digital Shelf

M e s h P l a y e r .C l o u d + L o c a l c o l l e c t i o n s

i n t e g r a t e d a t l a s t

Page 14: Bobi Digital Shelf

S o c i a l j u k e b o x .S t r e a m l i n i n g t h e m u s i c e x p e r i e n c e a t

s m a l l p a r t i e s f o r g u e s t s

Page 15: Bobi Digital Shelf

D i g i t a l s h e l v e s .S h o w c a s i n g y o u r d i g i t a l c o l l e c t i o n s p h y s i c a l l y

Page 16: Bobi Digital Shelf

http://hypebeast.com/2010/08/mishka-2010-fall-collection-lookbook/

A h o m e f o r o r g a n i z i n g d i g i t a l l i b r a r i e s .

Page 17: Bobi Digital Shelf

N o t j u s t a n o t h e r d i g i t a l f r a m e .

Page 18: Bobi Digital Shelf

S y s t e m w i t h i n a s y s t e m .

Page 19: Bobi Digital Shelf

S y s t e m s = T e c h J u n g l e s .

Page 21: Bobi Digital Shelf

B u i l d v a l u e .

Page 22: Bobi Digital Shelf

S k e t c h e sC o n c e p t

Page 23: Bobi Digital Shelf

W o r k f l o w

Page 24: Bobi Digital Shelf
Page 25: Bobi Digital Shelf

B o b i D i g i t a l S h e l f

Page 26: Bobi Digital Shelf
Page 27: Bobi Digital Shelf

U S BN A S

D L N AU P N P

Page 28: Bobi Digital Shelf
Page 29: Bobi Digital Shelf

T h e S i d e V i e w

Page 30: Bobi Digital Shelf
Page 31: Bobi Digital Shelf
Page 32: Bobi Digital Shelf

T h e A l b u m V i e w

Page 33: Bobi Digital Shelf
Page 34: Bobi Digital Shelf
Page 35: Bobi Digital Shelf
Page 36: Bobi Digital Shelf
Page 37: Bobi Digital Shelf
Page 38: Bobi Digital Shelf

A r t T a b s

Page 39: Bobi Digital Shelf
Page 40: Bobi Digital Shelf
Page 41: Bobi Digital Shelf

G e s t u r e N a v i g a t i o n

Page 42: Bobi Digital Shelf
Page 43: Bobi Digital Shelf
Page 44: Bobi Digital Shelf
Page 45: Bobi Digital Shelf

T h e C o m p r e s s e d V i e w

Page 46: Bobi Digital Shelf

S e a r c h

Page 47: Bobi Digital Shelf

NOTORIOUS B.I.G.Notorious B.I.G.

Page 48: Bobi Digital Shelf

NOTORIOUS B.I.G.

S e a r c h R e s u l t s

Page 49: Bobi Digital Shelf

NOTORIOUS B.I.G.

Page 50: Bobi Digital Shelf
Page 51: Bobi Digital Shelf

TAP TO CREATE

M i x c r a t e

Page 52: Bobi Digital Shelf
Page 53: Bobi Digital Shelf

|

Page 54: Bobi Digital Shelf

ROCK

Page 55: Bobi Digital Shelf

ROCK

Page 56: Bobi Digital Shelf

TRONIC HIP-ROCK

Page 57: Bobi Digital Shelf

M i x c r a t e L a b e l s

Page 58: Bobi Digital Shelf
Page 59: Bobi Digital Shelf
Page 60: Bobi Digital Shelf

P r i c e d a t $ 1 9 9 .S o l d a t A p p l e s t o r e s .

E x p a n s i o n p a c k s ( $ 9 9 ) .

Page 61: Bobi Digital Shelf

H a p t i c f e e d b a c k .‘ W o r n ’ c o v e r s .

V e r t i c a l o r i e n t a t i o n .

Page 62: Bobi Digital Shelf

6 L e s s o n s L e a r n e d

Page 63: Bobi Digital Shelf

G o o d d e s i g nd o e s n ’ t g i v ea h o o t a b o u tl i m i t a t i o n s .

http://unplggd.com

Page 64: Bobi Digital Shelf

S t a t i c m e d i u m sc a n b e c h a n g e d

i n t o o r g a n i c o n e st h r o u g h t h e r i g h t

u s e o f t e c h n o l o g y .

Page 65: Bobi Digital Shelf

G r e a t a r t i s t s s t e a l ,b u t a l w a y s s t r i v e t o i n n o v a t e !

http://grooveshark.com http://last.fm

Page 67: Bobi Digital Shelf

S e t a g o a l .S u r p a s s i t .R e p e a t e d l y .

http://convoy.tumblr.com

Page 69: Bobi Digital Shelf

E n t e l l i g e n c e : T h e e v o l u t i o n o f t h e T V - - E n g a d g e tS m a r t M e d i a : P i n k e r t o n D e l u x e E d i t i o nV i d e o M e m o r i e s : P a p e r T i g e r - T h e B u l l y P l a n kS h o w c a s i n g W e a l t h : G e o r g e L o i s a t H o m e i n N e w Y o r k C i t yC o o l G r a p h : u b i - c o m p - m a i n s t r e a m . p n g ( P N G I m a g e , 5 6 4 x 3 9 3 p i x e l s )V i n y l W a r s : W h a t ' s N e x t ? T h e U p c o m i n g D i g i t a l P a r a d i g m | A p a r t m e n t T h e r a p y U n p l g g dR e t r o T e c h : D a y 6 4 | F l i c k r - P h o t o S h a r i n g !B o o k C o l l e c t o r : S h a r o n & C h r i s ' M o n o c h r o m e W o n d e r H o u s e T o u r | A p a r t m e n t T h e r a p y N e w Y o r kB l o g D e m a n d : S u i c i d e S u n d a e s - W e e k 3 9 - E A R M I L K . C O MA u g m e n t e d R e a l i t y : S o n g f e v e r — A u g m e n t i n g R e a l i t y o f M u s i cF a s h i o n I n n o v a t i o n : N u s s b a u m : W h a t F a s h i o n C a n T e a c h Y o u A b o u t I n n o v a t i o n | C o . D e s i g nP h y s i c a l V S D i g i t a l : B o o k s h e l f C u p b o a r d — C r e d e n z a s / S i d e b o a r d s - - B e t t e r L i v i n g T h r o u g h D e s i g nC o l l e c t i o n s : d e s i r e t o i n s p i r e - d e s i r e t o i n s p i r e . n e t - R e a d e r ' s h o m e  # 1D i m i n i s h i n g M e d i a : e m m a s d e s i g n b l o g g - d e s i g n a n d s t y l e f r o m a s c a n d i n a v i a n p e r s p e c t i v eD e s i g n C a t a l y s t : D e s i g n W i t h I n t e n t : C h a n g e O b s e r v e r : D e s i g n O b s e r v e rP i x e l C r a f t I s H a r d : L e a r n i n g t o L o v e t h e P i x e l : E x p l o r i n g t h e C r a f t o f I c o n D e s i g n - B o x e s a n d A r r o w s : T h e d e s i g n b e h i n d t h e d e s i g nN o C o p y R i g h t I n F a s h i o n : J o h a n n a B l a k l e y : L e s s o n s f r o m f a s h i o n ' s f r e e c u l t u r e | V i d e o o n T E D . c o mB o o k S h e l v e s : h i r o s h i n a k a m u r a a n d N A P a r c h i t e c t s : s h i b u y a b o o k s e l l e r sA g e O f R e m i x : M i t s u o K a t s u i | G r a p h i c H u g ™ - E v e r y b o d y N e e d s a H u gD i g i t a l H o a r d i n g : B e i n g G r e e n , G r e e d y o r A c t i n g a F o o l ? | A p a r t m e n t T h e r a p y U n p l g g dO l d B o o k s : S F - H o u s e T o u r - A n d r e w a n d K a t h l e e n ' s I n s p i r e d H o m e : A p a r t m e n t T h e r a p yW e a l t h K n o w l e d g e : S F - H o u s e T o u r - A n d r e w a n d K a t h l e e n ' s I n s p i r e d H o m e : A p a r t m e n t T h e r a p yD i g i t a l D J : H o w F a r H a v e W e C o m e ? A D i g i t a l D J ' s  P e r s p e c t i v e - H o m e - t h a t 1 T I M E : S p r e a d i n g t h e C u l t u r e o f H o u s e .V J i n g : e l e c t r o n i c a r t « S k y n o i s eF u t u r e D J : S w i s s c o mC u s t o m e r s R e a l S h o p s : S l i n g i n g V i n y l i n a D i g i t a l A g e - S c o t c h P l a i n s - F a n w o o d , N J P a t c hB o o k s h e l f W a l l p a p e r : R E N O V A T E - - B e t t e r L i v i n g T h r o u g h D e s i g nP a s t D i s a p p e a r i n g : S t u d y : A u d i o r e c o r d i n g s o f U S h i s t o r y f a d i n g f a s t - Y a h o o ! N e w sA l b u m A r t B l o g : h r s t u d i o p l u sM o b i l e G a m i n g : T h e F u t u r e o f S o c i a l G a m e s i s M o b i l e : T e c h N e w s «M u s i c V i s C o l l e c t i o n : L a s t G r a p h C u s t o m V i s u a l M u s i c H i s t o r y W a l l A r t | A p a r t m e n t T h e r a p y U n p l g g dC 6 0 P a p e r T a p e s : I M I S S M Y P E N C I LS i m p l i c i t y I s B e a u t i f u l : W a n d e r f l y o n C o o l H u n t i n gF a c e b o o k : W h e r e d o y o u g e t y o u r m u s i c ? B i t T o r r e n t ? i T u n e s ? A m a z o n M P 3 ?S o c i a l G a m i n g v s . M u s i c : T h e F u t u r e o f P C G a m i n g , A c c o r d i n g T o T h e C r e a t o r O f F a r m V i l l eS k e t c h B u t t o n s & M o o d M u s i c : s t e r e o m o o dT a n g i b l e j u k e b o xC o p y r i g h t D i g i t a l : C h . 1 , 3 6 : H o w t o B u i l d a D i g i t a l L i b r a r y - G o o g l e B o o k sV i s u a l E x p r e s s i o n f o r O r g a n i z i n g a n d A c c e s s i n g M u s i c C o l l e c t i o n sA s s i s t i v e M u s i c B r o w s i n g : u s i n g s e l f - o r g a n i z i n g m a p sc o l l e c T a b l e : N a t u r a l U I M u s i c C o l l e c t i o n sS e m i A u t o m a t e d O r g a n i z e : C r e a t i n g c o l l e c t i o n s w i t h a u t o m a t i c s u g g e s t i o n s a n d e x a m p l e - b a s e d r e f i n e m e n tS c r a t c h L i v e I n t r o - S e r a t o . c o mF o n t s F o r C a p s t o n e : F o u r W a y s t o M i x F o n t sW o r k f l o w F o n t s : c h a r t _ 1 . j p g ( 6 1 9× 4 5 0 )M a n g a i n g L i b r a r i e s S e e C o m m e n t s : H o w ( a n d W h y ) t o M a n a g e M u l t i p l e M u s i c L i b r a r i e s i n A n y M e d i a P l a y e ri T u n e s F o l d e r C o n f u s i o n : F a c e b o o k | D o I n e e d t o k e e p m y i T u n e s m u s i c f o l d e r ?B o o k s h e l f W a l l p a p e rS m a r t M u s i c : F u t u r e o f S m a r t M u s i c S y s t e m s ? | A p a r t m e n t T h e r a p y U n p l g g dJ u s t i n M u s i c V i s u a l i z a t i o n : A " M a g n u m O p u s " o f M u s i c V i s u a l i z a t i o n « s e l f c o n s c i o u s w h i t e n o i s eT a b l e t o p A p p : w w w . m t g . u p f . e d u / s t a t i c / m e d i a / J u l i a - F e r n a n d e z - C a r l e s - I S M I R - 2 0 0 9 . p d fM u s i c n o d e s : T h e I d e a o f W i d g e t s U b i q u i t yM u s i c D i s c o v e r y V i a A u d i o B a s e d S i m i l a r i t y : | M u s i c R a i n b o wV i s u a l i z i n g M u s i c : W i i m o t e s V i s u a l i z a t i o n : S y n c L o s t « V i s u a l i z i n g M u s i cM U S I C t a b l e : A m a p - b a s e d u b i q u i t o u s s y s t e m f o r s o c i a l i n t e r a c t i o n w i t h a d i g i t a l m u s i c c o l l e c t i o nV i s u a l G r a p h i c M u s i c L i b : V i s u a l i z i n g a n d e x p l o r i n g p e r s o n a l m u s i c l i b r a r i e sM u s i c C o c k t a i l : I n t e r a c t i n g w i t h M u s i c i n a S o c i a l S e t t i n gW E I S E R U b i q i t u o u s : C i t a t i o n Q u e r y T h e c o m p u t e r f o r t h e t w e n t y - f i r s t c e n t u r yP i c k - a n d - D r o p : A D i r e c t M a n i p u l a t i o n T e c h n i q u e f o r M u l t i p l e C o m p u t e r E n v i r o n m e n t sM u s i c A t P a r t i e s : E X P L O R I N G S O C I A L M U S I C B E H A V I O R : A N I N V E S T I G A T I O N O F M U S I C S E L E C T I O N A T P A R T I E Si T u n e s D J S e r a t o : o p e n D J - w h a t i s i t ?K i n e c t V i d e o C h a t G e s t u r e s : S i l i c o n A N G L E — B l o g — V i d e o K i n e c t C o n n e c t s X b o x U s e r sP a r t y V o t i n g : M u s i c s e l e c t i o n u s i n g t h e P a r t y V o t e d e m o c r a t i c j u k e b o xM o o d M a n a g e m e n t : v i a t h e D i g i t a l J u k e b o x - K n o b l o c h - 2 0 0 6 - J o u r n a l o f C o m m u n i c a t i o n - W i l e y O n l i n e L i b r a r yO l d e r J u k e B o x I n s p i r a t i o n : J u k e B o x B r i t a i n : A m e r i c a n i z a t i o n a n d Y o u t h C u l t u r e , 1 9 4 5 – 6 0 — J D e s i g n H i s tW h o z T h a t ? : e v o l v i n g a n e c o s y s t e m f o r c o n t e x t - a w a r e m o b i l e s o c i a l n e t w o r k sM o b i l e C o n t e x t A w a r e C o m p u t i n g : F u s i n g m o b i l e , s e n s o r , a n d s o c i a l d a t a t o f u l l y e n a b l e c o n t e x t - a w a r e c o m p u t i n gT e m p o V o l u m e T h u m b n a i l V i s : T H U M B N A I L D J : V I S U A L T H U M B N A I L S O F M U S I C C O N T E N TM u s i c V i s u a l i z a t i o n : K i n e c t H a c k ! ! | F l i c k r - P h o t o S h a r i n g !

T h a n k y o u .W e s M i c h a e l s

N i n a M e h t aA n n a E a g l i n

T i a n l u X u eE u g e n e S i e w

K a t i e O ’ D o n n e lJ o h n W a y n e H i l l

C h r i s B a s h a mX i y i n g W a n g

S a m S h a h r a n iR o b e r t B e a g l e y

J e r i m i a h W r e s t l e rA l l i s o n C o o k e

M a r i s o l W o n g - V i l l a c r e sT h o m a s B a k e r

D a n R i c h e r tA m m a r H a l a b i

K a t h l e e n S u r f u sA n j a n a T h i r u m a l a iC h i t M e n g C h e o n g

J u n t a o Y uM a t t E d w a r d sM i l e s A s h t o n

G a b r i e l l e G o n z a l e sA l l i e H i l l m a n

L o u i s e L e eE r i k S t o l t e r m a n

M a r t y S i e g e lE l i B l e v i s

S h a o w e n B a r d z e l lJ e f f B a r d z e l l

H C I D C l a s s o f 2 0 1 1

Page 70: Bobi Digital Shelf

Q & A