Rebeca miranda-ux-portfolio

10
Research IA & ID UI design The magic UX: Rebeca Miranda Por.olio www.rebecamiranda.net [email protected]

Transcript of Rebeca miranda-ux-portfolio

Page 1: Rebeca miranda-ux-portfolio

Research IA & ID UI design The magic

UX: Rebeca  Miranda  Por.olio  

www.rebecamiranda.net  -­‐  [email protected]  

Page 2: Rebeca miranda-ux-portfolio

Research

•  Web Analytics •  Competitor analysis •  Testing •  Design of personas

www.rebecamiranda.net  -­‐  [email protected]  

Page 3: Rebeca miranda-ux-portfolio

IA & ID

•  Site maps •  Navigation flows •  Wireframes •  Story boards index

thought leadership & Education

About us

Services

contact us

Our Books

Webinars

videos

downloads

case studies

conferences

newsletter

Research

Press Room

Organization assessment

strategy

experience design

blog

senior team engagement

measurement

Client list

History

SM experience

training

The company

The team

shop-& on-line trainning

White papers

conference speaking

Events Agenda

CE future trends & insights

The DNA of CE

Revolutionize your CE

Building great CE

Single Webinar [dynamic]]

Suscription form thanks

Single White paper [dynamic]]

Single case study [dynamic]

Single video [dynamic]

single conference [dynamic]

Research Techniques

Emotional Signature

Experience Segmentation

Moment Mapping

Customer mirrors

Naive to Natural

Customer centricity

Organizations

Designing an strategy

Customer experience stament

Customized programs

study tours

Safaris

Frontline training

Philosopher's day

Customer Mirrors

Net Promoter Score

The Pyramid

Philosopher's day

Creating business case

customer mirrors

Colin Shaw

Qaalfa Dibeehi

Steven Walden

Designining an experience

Moment mapping

www.rebecamiranda.net  -­‐  [email protected]  

Page 4: Rebeca miranda-ux-portfolio

IA & ID

•  Site maps •  Navigation flows •  Wireframes •  Story boards

www.rebecamiranda.net  -­‐  [email protected]  

Page 5: Rebeca miranda-ux-portfolio

IA & ID

•  Site maps •  Navigation flows •  Wireframes •  Story boards

USER JOURNEY on new book o!er - Get discount of 10% buy the book registering for CET (Customer Experience Today newsletter).

CET page

Home pageBanner

Main menu- ramdom page-

e-mailmarketing

Google search

Direct link

Registration form

Exit

CET page

Exit

Exit

User Receive an email (voucher)

Receive an email(link)

Exit

BP receive notice BP manage shipping

Follow up (call)

Thank you pagePurchase now

Product insight

Shoping cartBilling information form Order completed

Order completed

Signing PayPal

Paying credit card

Exit

Exit

Payment detailsForm

Detection of PP account

Con"ramtion

Con"rmation

Thank you

STEP 1 - Accesing CET page

STEP 2 - Registration proccess STEP 3 -Purchase of the book

STEP 4 -Payment

e-mailmarketing

Google search

Other

Direct link

direct landing on CET page

indirect landing on CET page

BP recive detailsthrough email

The following user journey represents possible ways to complete an o!er o!ered by Beyond Philosophy (BP) consisting on obtaining a 10% discount on the purchase of its latest book by registering its newslet-ter CET (Customer experience today).This scheme’s purpose was to discuss what to do with the hot spots (please see below), and how to manage o!-site steps

The following scheme evaluates the possible user journeys on completing the tasks:1. Register to a newsletter 2. Purchasing the book

Legend:

Hot spots: Steps on the journeywhen the user may be discouragedkeep going on.

O!-site Steps on the journey, whereother actions outsite the sitemay take place

www.rebecamiranda.net  -­‐  [email protected]  

Page 6: Rebeca miranda-ux-portfolio

IA & ID

•  Site maps •  Navigation flows •  Wireframes •  Story boards

!"#$%&'%()'$*+,-%,./,-&,0(,

!"#$%!,%1*

2345 2345

!"#$%&'()*#&+,-%*%,#.(+#/*#.0+,&1*%*1#)0#/*#&+#)2*#+0+3*+'&(/4*#$0,&)&0+#05 #

*)-%6#$,'$%7**8

2345

!"#$%&'()*#&+,-%*%,#.(+#/*#.0+,&1*%*1#)0#/*#&+#)2*#+0+3*+'&(/4*#$0,&)&0+#05 #.06$*)&+7#8&)2#(+#0$$0+*+)#,-.2##9:::;

!"#$%&'()*#&+,-%*%,#.(+#/*#.0+,&1*%*1#)0#/*#&+#)2*#+0+3*+'&(/4*#$0,&)&0+#05 #.06$*)&+7#8&)2#(+#0$$0+*+)#,-.2##9:::;

<06$(+=#1*,.%&$)&0+#(+1#,)(6*+)#<06$(+=#1*,.%&$)&0+#(+1#,)(6*+)#<06$(+=#1*,.%&$)&0+#(+1#,)(6*+)#<06$(+=#1*,.%&$)&0+#(+1#,)(6*+)#

Beyond Philosophy

<-,)06*%#>?$*%&*+.*# <0+,-4)&+7# @*,*(%.2# A%(&+&+7# <0+5*%*+.*#B$*(C&+7

Searchtype here your question

search

!9:;5%/<=54>

$"*)?"$%6,#1,-'"&/

2345

!"#$%&'()*#&+,-%*%,#.(+#/*#.0+,&1*%*1#)0#/*#&+#)2*#+0+3*+'&(/4*#$0,&)&0+#05 #

SUSCRIBE(@>;3254%,A=54:5BC5%$3D<E#BD%45C5:F5%>=5C:<G%=4:C5%;3%H@E%;95%H33I%

send

!5H:B<4>

2345

!"#$%&'()*#&+,-%*%,#.(+#/*#.0+,&1*%*1#)0#/*#&+#)2*#+0+3*+'&(/4*#$0,&)&0+#05 #

2345

!"#$%&'()*#&+,-%*%,#.(+#/*#.0+,&1*%*1#)0#/*#&+#)2*#+0+3*+'&(/4*#$0,&)&0+#05 #

7G3J

2345

!"#$%&'()*#&+,-%*%,#.(+#/*#.0+,&1*%*1#)0#/*#&+#)2*#+0+3*+'&(/4*#$0,&)&0+#05 #

2345

!"#$%&'()*#&+,-%*%,#.(+#/*#.0+,&1*%*1#)0#/*#&+#)2*#+0+3*+'&(/4*#$0,&)&0+#05 #

2345

!"#$%&'()*#&+,-%*%,#.(+#/*#.0+,&1*%*1#)0#/*#&+#)2*#+0+3*+'&(/4*#$0,&)&0+#05 #

ArticlesWebinarsCase StudiesWhite papersVideosServices

Filter by:

733I>#4;:CG5>(<>5%';@D:5>!9<;%:>%(@>;3254%,A=54:5BC5(3BK545BC5%'=5<I:BJ!5H:B<4>!9:;5%=<=54>7G3J05L>G5;;54

$"*)?"$%6,#1,-'"&/

(@>;3254%-5>5<4C9,BJ<J:BJ%;95%>5B:34%;5<2#>>5>>:BJ%;95%34J<B:M<;:3B';4<;5JE,A=54:5BC5%D5>:JB+5<>@4525B;'3C:<G%+5D:<%,A=54:5BC5$4<:B:BJ%N%5D@C<;:3B(3BK545BC5%'=5<I:BJ

',-O&(,'

$95%(32=<BE$95%;5<2/45>>%-332(G:5B;%6:>;

#7*)$%)'

*BPG:B5%>;345#J5BD<

(3B;<C;%@>

Q%75E3BD%/9:G3>3=9E%RSTS%U%1:>CG<:254%U%':;52<=%U%/4:F<CE%/3G:CE%U%(3B;<C;%)>%

HOME SERVICES THOUGHT LEADERSHIP & EDUCATION ABOUT US CONTACT US

search beyond philosophy search

7,V*01%/"&6*'*/"V7@GD:BJ%J45<;%C@>;3254%5A=54:5BC5>

; K:B

www.rebecamiranda.net  -­‐  [email protected]  

Page 7: Rebeca miranda-ux-portfolio

IA & ID

•  Site maps •  Navigation flows •  Wireframes •  Story boards !"#$%&'(#)%"*#%*#+,*-'.-,(#)%"*,/012)")"3*

4+2#*)#*(%"#,"#-5*,#(6*!"#$%&'(#)%"*#%*#+,*-'.-,(#)%"*,/012)")"3*4+2#*)#*(%"#,"#-5*,#(6*!"#$%&'(#)%"*#%*#+,*-'.-,(#)%"*,/012)")"3*4+2#*)#*(%"#,"#-5*,#(6*!"#$%&'(7#)%"*#%*#+,*-'.-,(#)%"*,/012)")"3*4+2#*)#*(%"#,"#-5*,#(6*!"#$%&'(#)%"*#%*#+,*-'.-,(#)%"*,/012)")"3*4+2#*)#*(%"#,"#-5*,#(6*!"#$%&'(#)%"*#%*#+,*-'.-,(#)%"*,/012)")"3*4+2#*)#*(%"#,"#-5*,#(6*

!"#$%&'(

)*+,-./01234./567

-,63

8,219,1$/+635731:6,;.9715/<1=6.>31

?5@A31?.51B,A61CA79,-361"D*36.3/+31

-,63

8,219,1./96,<A+3151/321CA79,-361

-357A63-3/9

-,63

EF31(3>3/1:F.@,7,*F.371;,61#A.@<./01

51G63591CA79,-361"D*36.3/+311

-,63

8,219,1#3+,-3151CA79,-36HC3/96.+1

I605/.J59.,/

-,63

8,219,1#A.@<15/1"-,9.,/5@1C,//3+H

9.,/12.9F1CA79,-3671

-,63

C,-*@5./9715/<1(,+.5@1K3<.51G6.*37

-,63

!F591<6.>371635@1>5@A31./1517,+.5@1

-3<.513D*36.3/+31

-,63

&1G391!3@@1C56<1;,61835@9F+5631

-,63

8,219,146.<0319F313D*36.3/+3105*1

439233/1,605/.J59.,/715/<19F3.61

+A79,-36711

-,63

8,219,146.<0319F313D*36.3/+3105*1

439233/1,605/.J59.,/715/<19F3.61

+A79,-3671

'3+,6<3<1234./567

$/<3D1L19F,A0F91@35<367F.*1L1234./567

#,,M7

&69.+@37

C5731(9A<.37

!F591.71CA79,-361"D*36.3/+3

C,/;363/+31(*35M./0

!34./567

!F.931*5*367

#@,0

%327@39936

E8I)G8E1N"&="'(8$:

CA79,-361'37356+F

"/050./019F3173/.,61935-

&77377./019F31,605/.J59.,/

(965930O

"D*36.3/+31<37.0/

K357A63-3/9

(,+.5@1K3<.51"D*36.3/+3

E65././01P13<A+59.,/

C,/;363/+31(*35M./0

("'?$C"(

EF31C,-*5/O

EF31935-

:63771',,-

[email protected]/91N.79

&#I)E1)(

I/H@./3179,63

&03/<5

C,/95+91A7

Q1#3O,/<1:F.@,7,*[email protected](.93-5*1U1:6.>5+O1:,@.+O1U1C,/95+91)71

HOME SERVICES THOUGHT LEADERSHIP & EDUCATION ABOUT US CONTACT US

search beyond philosophy search

#"BI%=1:8$NI(I:8B

#A@<./01063591+A79,-3613D*36.3/+37

9 ;./

www.rebecamiranda.net  -­‐  [email protected]  

Page 8: Rebeca miranda-ux-portfolio

UI design

•  Mock-ups •  Final templates

www.rebecamiranda.net  -­‐  [email protected]  

Page 9: Rebeca miranda-ux-portfolio

UI design

•  Mock-ups •  Final templates

www.rebecamiranda.net  -­‐  [email protected]  

Page 10: Rebeca miranda-ux-portfolio

The Magic

•  Re-testing •  Delivery

www.rebecamiranda.net  -­‐  [email protected]