stuart jonesgingerbbm.com/cv/stuart-jones-portfolio.pdf · 2015. 7. 6. · an important factor in...

Stuart JonesExperience Designer

07.2015

"A diligent UX who produces intelligent solutions with good attention to detail. His work demonstrates well-considered decision-making and a solid technical understanding."

Andy Thornton

Experience Design Strategist

I'm analytical, logical and extremely thorough.I am a great listener.I love to solve tricky problems.I want to make things better for people.

These pages illustrate my experience, processes and deliverables across a variety of projects, platforms and clients.

Portfolio

Contact me at [email protected]


mailto:[email protected]?Subject=Come%20and%20work%20for%20us!

Brought in to revise and refresh the UX of the TrueView app, I prioritised users' key tasks and analysed the essential journeys.

These excerpts demonstrate my appreciation and understanding of the navigation guidelines for iOS and Android respectively. Functionally-comparable wireframes are shown.

Task-based navigation was designed using patterns standard to each platform such as tab bars, spinners, and so on. Experiential navigation, by contrast, utilised a pattern common to both platforms as a version of brand reinforcement.

TrueView App designiO

SAn

droi

d


Navigation Patterns

An important factor in this revision was adherence to the guidelines, employing new features in just-released iOS 8.

These are excerpts from my wireframes on TrueView notifications in iOS 8.

TrueView App design


iOS Guidelines

Experience Watchwords▪ Continually smarter▪ Expose value▪ Delightful▪ Bold▪ Intuitive▪ Focus

1. Tell me what I need to knowFocussed on the key tasks; no distractions

2. It's really valuable to meA tool for everyday use that becomes indispensable

3. I like to use itDelights, and encourages exploration

4. I can rely on themFeels dependable

5. Drop dead simpleThe old offering is difficult to convey succinctly

6. I know what Truphone stands forInnovation, quality, customer service

The aim of this project was to articulate Truphone's unique proposition to both consumers and business customers through a redesign of their web site.

As a Sprint Zero task, I expanded on the stakeholder's Experience Watchwords to create principles which were used to guide the design process. It helped to gain an understanding of the company's values while informing all subsequent design work.

Truphone Web site refresh


Experience Principles

With the experience principles in mind, I sketch-brainstormed ideas for key questions in several journeys related to the new web site. UX and visual design colleagues did the same. Our ideas were discussed and added to the board. Sketches were grouped and ultimately prioritised. This was an effective way to begin to understand the domain and kick-start the design process.



Sketchboarding

Initi

al vi

ewSc

rolle

d do

wn

2. Axure prototype. 3. Truphone quickly understood and liked the approach.

1. Sketch of a page of informative components, employing a fixed header with tabs. See http://bit.ly/12F4FF5.

The redesign was a single page with consumer and business tabs that would, on scroll, anchor at the top. My challenge was to communicate this interaction rapidly to the client, using Axure.



Prototyping

http://bit.ly/12F4FF5

o G'44($5#3:#%;'64)#o !%$%5($5#G0!)#%$/#3)'6)#o R';:#%$/#)3::264#o !%$%5($5#%1123$4#/'4%(;)#o S6/'6($5##

9(+3:%(&5;<&%0'#$(=,#K'E6'#12$)(/'6($5#)368%1($5#(&:264%$4#';'&'$4)#2$#47'#:264%;E)#($(4(%;#)16''$B##

D K(47#6'5%6/)#42#"236#3)'6)E#3)%5'H#>7%4#A'"#($826&%4(2$#%6'#"23#&2)4#($4'6')4'/#($O#I'B5B#;%)4#476''#&2$47)E#1%;;#/36%4(2$TG!GT/%4%H#<"#($/(@(/3%;T12)4#1'$46'H#'41BJ#

D K7%4#7'%/;($'#/%4%#()#28#&2)4#($4'6')4O#I'B5B#3)'6)#>(47#$2#G0!#%))(5$'/H#($%14(@'#G0!)H#'41BJ#

D K7%4#(&:264%$4#4%)A)#>23;/#"23#'$@()%5'#/2($5#6'53;%6;"O#I'B5B#%//($5#%#3)'6H#%//($5#&3;4(:;'#3)'6)J#

D F%$#"23#288'6#4723574)#2$#72>#%#:264%;#>23;/#&%A'#47%4#'%)('6O#I'B5B#'?:264($5#4%<;')J#

>,$%&'+;!.)).0=#97'#:264%;#>(;;#:62@(/'#%11'))#42#%;;#:6'@(23)#($@2(1')#%$/#(4'&()'/#<(;;($5B#

D K7%4#A($/#28#6':264)#>23;/#<'#3)'83;#42#"23O#I'B5B#234D28D<3$/;'#):'$/H#($/(@(/3%;#3)'6#(4'&()'/H#'41BJ#

D K7%4#12$462;)#/2#"23#$''/#42#($4'6625%4'#"236#/%4%H#%$/#>7%4#/%4%#/2#"23#$''/#42#)''O#I'B5B#(/'$4(8"#1%;;)#234)(/'#<3$/;'H#4%?%<;'H#)':%6%4'#<"#12)4D1'$46'H#'&:;2"''#0UJ#

D K7%4#A($/#28#($826&%4(2$#%6'#"23#;22A($5#826H#%$/#72>#1%$#47'#:264%;#)3::264#47%4O#I'B5B#8(;4'6($5#1%;;#3)%5'#<"#62%&($5T$24#62%&($5V#12&:%6($5#17%65')#>(47#&%W26#12&:'4(426)J#

D K7%4#A($/#28#'?:264#83$14(2$%;(4"#&(574#"23#'?:'14O#I'B5B#FGXH#.?1';H#'41B#G43:(/#L3')4(2$OJ#

?),&'+#K'E6'#($@')4(5%4($5#72>#%$#%;'64($5#)")4'&#&(574#>26AB#

D -6'#"23#($4'6')4'/#($#%;'64)O#K23;/#"23#3)'#47'&O#D R%@'#"23#3)'/#47'&#<'826'#($#%#)")4'&O#K7%4#>26A'/#>';;O#D K7%4#A($/#28#)(43%4(2$#>23;/#"23#>%$4#42#<'#%;'64'/#%<234O#

I'B5B#($/(@(/3%;T5623:T'$4(6'#%1123$4#3)%5'#476')72;/H#):'1(8(1#1%;;#4":'#I'B5B#62%&($5J#/36%4(2$H#<3$/;'#%;;21%4(2$#'?7%3)4'/H#'41BJ#

D K7%4#>23;/#<'#"236#:6'8'66'/#/';(@'6"#&'17%$()&#I'&%(;#26#G!GJO#0)#(4#(&:264%$4#42#7%@'#%#172(1'O#

@%//,0'+#D -$"#($)(574)#$24#12@'6'/O#

A3(0B#C%*#97%$A)#826#"236#4(&'B#04#7%)#<''$#@'6"#@%;3%<;'#%$/#"236#2:($(2$)#%$/#($)(574#>(;;#<'#3)'/#42#($826&#47'#/')(5$#28#47'#$'>#:264%;B#

!"!#$%&'()#*+,&#&,-*.&,/,0'+1#&,+,(&23#+2&.$'#by Matt Lindop, Beth Duddy, Stuart Jones Stakeholders: Alex Cane (PO), Gabrielle Reid (PM) Last updated: 17th October 2012

40'&%5*2'.%0#!"#$%&'#()#*+,-!.#%$/#0#%&#12$/314($5#)2&'#6')'%617#826#963:72$'#($#47'#

/')(5$#28#%$#%/&($()46%426#:264%;#826#(4)#<3)($'))#13)42&'6)#=#:'2:;'#)317#%)#

"236)';8#=#47%4#>(;;#'?:2)'#%#@%6('4"#28#($826&%4(2$#42#7';:#"23#A'':#46%1A#28#

3)%5'#12)4)#%$/#47'#2::2643$(4"#42#&%$%5'#"236#3)'6)B#97($5)#)317#%)C#

D -11'))#42#"236#3)'6)E#3)%5'#/%4%#

D F2$8(536%4(2$#28#G0!)H#3)'6)H#%$/#5623:#I12)4D1'$46')J#

D -#6%$5'#28#8(;4'6%<;'#6':264)#

D -1123$4#)3::264#8'%436')#

#

K'#%6'#($4'6')4'/#($#8($/($5#234#>7%4#A($/)#28#47($5)#%6'#A'"#42#"236#&2$(426($5#

%$/#&%$%5'&'$4#4%)A)H#($#26/'6#42#($826&#47'#/')(5$#28#47'#%/&($()46%426)E#

:264%;B#

#

9762357234#47'#)'))(2$#0#>(;;#<'#%)A($5#L3')4(2$)#%$/#4%A($5#$24')B#M;'%)'#8'';#

86''#42#<'#%)#72$')4#%$/#2:'$#%)#"23#;(A'B#N23#>(;;#$24#288'$/#&'#%$/#>'#$''/#42#

7'%6#>7%4#"23#6'%;;"#47($AB#

#

04E;;#4%A'#$2#&26'#47%$#7%;8#%$#7236B#-$"#L3')4(2$)#<'826'#>'#)4%64O#

6&%7.),#-<234#"236#12&:%$"B#IK'#)723;/#7%@'#47'#$3&<'6#28#3)'6)#<'826'7%$/BJ#

D K7%4#%6'#47'#G0!)#3)'/#826O#

D 0$4'6$%4(2$%;#46%@';;'6)O#

D 9":(1%;#3)%5'#:'6#&2$47O#

8,0,&()#K'E/#;(A'#42#5%47'6#"236#5'$'6%;#4723574)#2$#%/&($()46%4(2$#:264%;)B#P34#8(6)4C#

D K7%4#()#"236#62;'#%))21(%4'/#>(47#&%$%5($5#47'#963:72$'#%1123$4O#IK'#

/2$Q4#A$2>#47()#%;6'%/"J#

D -6'#"23#47'#:'6)2$#47%4#>23;/#3)'#%#>'<D<%)'/#)';8D1%6'#:264%;O#

D K7%4#%6'#47'#47($5)#"23Q/#'?:'14#42#3)'#)317#%#:264%;#826O#

D R%@'#"23#3)'/#)317#:264%;)#($#47'#:%)4O#08#)2C#

o R2>#284'$O#

o K7%4#>26A)#>';;O#

o K7%4E)#&())($5O#

o K7%4#123;/#<'#<'44'6O#

D R2>#284'$#>23;/#"23#%11'))#)317#%#:264%;O#

D R2>#(&:264%$4#%6'#47'#82;;2>($5#%14(@(4(')O#

o F7'1A($5#<3$/;'#3)%5'#

o -$%;")()#28#%1123$4#3)%5'#%$/#<(;;($5#


40'&%5*2'.%0#!"#$%&'#()#*+,-!.#%$/#0#%&#12$/314($5#)2&'#6')'%617#826#963:72$'#($#47'#

/')(5$#28#%$#%/&($()46%426#:264%;#826#(4)#<3)($'))#13)42&'6)#=#:'2:;'#)317#%)#

"236)';8#=#47%4#>(;;#'?:2)'#%#@%6('4"#28#($826&%4(2$#42#7';:#"23#A'':#46%1A#28#

3)%5'#12)4)#%$/#47'#2::2643$(4"#42#&%$%5'#"236#3)'6)B#97($5)#)317#%)C#

D -11'))#42#"236#3)'6)E#3)%5'#/%4%#

D F2$8(536%4(2$#28#G0!)H#3)'6)H#%$/#5623:#I12)4D1'$46')J#

D -#6%$5'#28#8(;4'6%<;'#6':264)#

D -1123$4#)3::264#8'%436')#

#

K'#%6'#($4'6')4'/#($#8($/($5#234#>7%4#A($/)#28#47($5)#%6'#A'"#42#"236#&2$(426($5#

%$/#&%$%5'&'$4#4%)A)H#($#26/'6#42#($826&#47'#/')(5$#28#47'#%/&($()46%426)E#

:264%;B#

#

9762357234#47'#)'))(2$#0#>(;;#<'#%)A($5#L3')4(2$)#%$/#4%A($5#$24')B#M;'%)'#8'';#

86''#42#<'#%)#72$')4#%$/#2:'$#%)#"23#;(A'B#N23#>(;;#$24#288'$/#&'#%$/#>'#$''/#42#

7'%6#>7%4#"23#6'%;;"#47($AB#

#

04E;;#4%A'#$2#&26'#47%$#7%;8#%$#7236B#-$"#L3')4(2$)#<'826'#>'#)4%64O#

6&%7.),#-<234#"236#12&:%$"B#IK'#)723;/#7%@'#47'#$3&<'6#28#3)'6)#<'826'7%$/BJ#

D K7%4#%6'#47'#G0!)#3)'/#826O#

D 0$4'6$%4(2$%;#46%@';;'6)O#

D 9":(1%;#3)%5'#:'6#&2$47O#

8,0,&()#K'E/#;(A'#42#5%47'6#"236#5'$'6%;#4723574)#2$#%/&($()46%4(2$#:264%;)B#P34#8(6)4C#

D K7%4#()#"236#62;'#%))21(%4'/#>(47#&%$%5($5#47'#963:72$'#%1123$4O#IK'#

/2$Q4#A$2>#47()#%;6'%/"J#

D -6'#"23#47'#:'6)2$#47%4#>23;/#3)'#%#>'<D<%)'/#)';8D1%6'#:264%;O#

D K7%4#%6'#47'#47($5)#"23Q/#'?:'14#42#3)'#)317#%#:264%;#826O#

D R%@'#"23#3)'/#)317#:264%;)#($#47'#:%)4O#08#)2C#

o R2>#284'$O#

o K7%4#>26A)#>';;O#

o K7%4E)#&())($5O#

o K7%4#123;/#<'#<'44'6O#

D R2>#284'$#>23;/#"23#%11'))#)317#%#:264%;O#

D R2>#(&:264%$4#%6'#47'#82;;2>($5#%14(@(4(')O#

o F7'1A($5#<3$/;'#3)%5'#

o -$%;")()#28#%1123$4#3)%5'#%$/#<(;;($5#


40'&%5*2'.%0#!"#$%&'#()#*+,-!.#%$/#0#%&#12$/314($5#)2&'#6')'%617#826#963:72$'#($#47'#

/')(5$#28#%$#%/&($()46%426#:264%;#826#(4)#<3)($'))#13)42&'6)#=#:'2:;'#)317#%)#

"236)';8#=#47%4#>(;;#'?:2)'#%#@%6('4"#28#($826&%4(2$#42#7';:#"23#A'':#46%1A#28#

3)%5'#12)4)#%$/#47'#2::2643$(4"#42#&%$%5'#"236#3)'6)B#97($5)#)317#%)C#

D -11'))#42#"236#3)'6)E#3)%5'#/%4%#

D F2$8(536%4(2$#28#G0!)H#3)'6)H#%$/#5623:#I12)4D1'$46')J#

D -#6%$5'#28#8(;4'6%<;'#6':264)#

D -1123$4#)3::264#8'%436')#

#

K'#%6'#($4'6')4'/#($#8($/($5#234#>7%4#A($/)#28#47($5)#%6'#A'"#42#"236#&2$(426($5#

%$/#&%$%5'&'$4#4%)A)H#($#26/'6#42#($826&#47'#/')(5$#28#47'#%/&($()46%426)E#

:264%;B#

#

9762357234#47'#)'))(2$#0#>(;;#<'#%)A($5#L3')4(2$)#%$/#4%A($5#$24')B#M;'%)'#8'';#

86''#42#<'#%)#72$')4#%$/#2:'$#%)#"23#;(A'B#N23#>(;;#$24#288'$/#&'#%$/#>'#$''/#42#

7'%6#>7%4#"23#6'%;;"#47($AB#

#

04E;;#4%A'#$2#&26'#47%$#7%;8#%$#7236B#-$"#L3')4(2$)#<'826'#>'#)4%64O#

6&%7.),#-<234#"236#12&:%$"B#IK'#)723;/#7%@'#47'#$3&<'6#28#3)'6)#<'826'7%$/BJ#

D K7%4#%6'#47'#G0!)#3)'/#826O#

D 0$4'6$%4(2$%;#46%@';;'6)O#

D 9":(1%;#3)%5'#:'6#&2$47O#

8,0,&()#K'E/#;(A'#42#5%47'6#"236#5'$'6%;#4723574)#2$#%/&($()46%4(2$#:264%;)B#P34#8(6)4C#

D K7%4#()#"236#62;'#%))21(%4'/#>(47#&%$%5($5#47'#963:72$'#%1123$4O#IK'#

/2$Q4#A$2>#47()#%;6'%/"J#

D -6'#"23#47'#:'6)2$#47%4#>23;/#3)'#%#>'<D<%)'/#)';8D1%6'#:264%;O#

D K7%4#%6'#47'#47($5)#"23Q/#'?:'14#42#3)'#)317#%#:264%;#826O#

D R%@'#"23#3)'/#)317#:264%;)#($#47'#:%)4O#08#)2C#

o R2>#284'$O#

o K7%4#>26A)#>';;O#

o K7%4E)#&())($5O#

o K7%4#123;/#<'#<'44'6O#

D R2>#284'$#>23;/#"23#%11'))#)317#%#:264%;O#

D R2>#(&:264%$4#%6'#47'#82;;2>($5#%14(@(4(')O#

o F7'1A($5#<3$/;'#3)%5'#

o -$%;")()#28#%1123$4#3)%5'#%$/#<(;;($5#


40'&%5*2'.%0#!"#$%&'#()#*+,-!.#%$/#0#%&#12$/314($5#)2&'#6')'%617#826#963:72$'#($#47'#

/')(5$#28#%$#%/&($()46%426#:264%;#826#(4)#<3)($'))#13)42&'6)#=#:'2:;'#)317#%)#

"236)';8#=#47%4#>(;;#'?:2)'#%#@%6('4"#28#($826&%4(2$#42#7';:#"23#A'':#46%1A#28#

3)%5'#12)4)#%$/#47'#2::2643$(4"#42#&%$%5'#"236#3)'6)B#97($5)#)317#%)C#

D -11'))#42#"236#3)'6)E#3)%5'#/%4%#

D F2$8(536%4(2$#28#G0!)H#3)'6)H#%$/#5623:#I12)4D1'$46')J#

D -#6%$5'#28#8(;4'6%<;'#6':264)#

D -1123$4#)3::264#8'%436')#

#

K'#%6'#($4'6')4'/#($#8($/($5#234#>7%4#A($/)#28#47($5)#%6'#A'"#42#"236#&2$(426($5#

%$/#&%$%5'&'$4#4%)A)H#($#26/'6#42#($826&#47'#/')(5$#28#47'#%/&($()46%426)E#

:264%;B#

#

9762357234#47'#)'))(2$#0#>(;;#<'#%)A($5#L3')4(2$)#%$/#4%A($5#$24')B#M;'%)'#8'';#

86''#42#<'#%)#72$')4#%$/#2:'$#%)#"23#;(A'B#N23#>(;;#$24#288'$/#&'#%$/#>'#$''/#42#

7'%6#>7%4#"23#6'%;;"#47($AB#

#

04E;;#4%A'#$2#&26'#47%$#7%;8#%$#7236B#-$"#L3')4(2$)#<'826'#>'#)4%64O#

6&%7.),#-<234#"236#12&:%$"B#IK'#)723;/#7%@'#47'#$3&<'6#28#3)'6)#<'826'7%$/BJ#

D K7%4#%6'#47'#G0!)#3)'/#826O#

D 0$4'6$%4(2$%;#46%@';;'6)O#

D 9":(1%;#3)%5'#:'6#&2$47O#

8,0,&()#K'E/#;(A'#42#5%47'6#"236#5'$'6%;#4723574)#2$#%/&($()46%4(2$#:264%;)B#P34#8(6)4C#

D K7%4#()#"236#62;'#%))21(%4'/#>(47#&%$%5($5#47'#963:72$'#%1123$4O#IK'#

/2$Q4#A$2>#47()#%;6'%/"J#

D -6'#"23#47'#:'6)2$#47%4#>23;/#3)'#%#>'<D<%)'/#)';8D1%6'#:264%;O#

D K7%4#%6'#47'#47($5)#"23Q/#'?:'14#42#3)'#)317#%#:264%;#826O#

D R%@'#"23#3)'/#)317#:264%;)#($#47'#:%)4O#08#)2C#

o R2>#284'$O#

o K7%4#>26A)#>';;O#

o K7%4E)#&())($5O#

o K7%4#123;/#<'#<'44'6O#

D R2>#284'$#>23;/#"23#%11'))#)317#%#:264%;O#

D R2>#(&:264%$4#%6'#47'#82;;2>($5#%14(@(4(')O#

o F7'1A($5#<3$/;'#3)%5'#

o -$%;")()#28#%1123$4#3)%5'#%$/#<(;;($5#

The aim of this project was to design a web app to allow business customers to manage their users' accounts and SIM cards, and provide billing and reporting functionality.

I interviewed key representative clients of the proposed administrators' portal to clarify requirements and expectations towards the new system. This exercise revealed significant gaps in the requirements backlog and gave me a much clearer picture on which to base the subsequent design effort.

Truphone B2B admin portal


User Research

The requirements backlog served as the starting point for the site hierarchy. My challenge was to encapsulate the various features in a structured, logical manner.

When developing site maps I always provide an accompanying spreadsheet of supporting information. This helps to validate my thinking and is particularly useful when wireframing or prototyping begins.



Information Architecture

There was a variety of data contained in the admin portal. I prioritised this information, balancing users' and stakeholders' interests, to create an initial dashboard view. It was of paramount importance to clarify key data values and enable useful actions upon them.

Client: TruphoneProject: B2B admin portal


Date From NameTypeTo Usage Amount

12/09/2012 14:59 07405 100 235 Fred BloggsMarketing

Call07792 263 755 00:00:34 £10.58


SMS07792 263 755 - £0


DataInternet 200 KB £0.02

12/09/2012 11:59 07123 123 123 Marcus JonesHR

VoIP07792 263 755 00:20:20 £0

12/09/2012 10:59 07123 123 123 Marcus JonesHR

Call07792 263 755 00:00:20 £0

12/09/2012 9:59 07123 123 123 Marcus JonesHR

Call07792 263 755 00:00:20 £0

12/09/2012 8:59 Fred BloggsMarketing

Call07405 100 235 00:50:03 £0


Call07792 263 755 00:00:34 £10.58


Call07792 263 755 00:00:34 £10.58


Call07792 263 755 00:00:34 £10.58

▾

▾

▾

▾

▾

▾

▾

▾

07792 263 755

Show of 323 records

Itemised View

Export

Find a user or SIM

Showing 13/07/2011 to 29/07/2011

Billing date Current billing period

UpdateHide filters ▾

MarketingGroup Elite 300Tariff SMSType

In bundle Out of bundle Non-zero usage Zero usage Taxable Non-taxableOnly show

Filter by Fred Bloggs Filter by To/From: 07405 100 235

Reset all

I devised flexible filtering controls to meet the billing and reporting requirements in the portal, preset via dashboard links:


Interaction Design

Filter by Name

Search names

Mar

Marcus SmithMarketing, Employee ID ABC522

Marcus JonesSoftware, Employee ID HAT211

Marcus JonesSales, Employee ID ELT733

Filter by Name

Search names

Start typing to see list

Filter by Marcus Jones


The flexible filtering designed for the admin portal posed a number of challenges, particularly with respect to overloading the user.

By default, advanced filters are hidden. Once expanded, filters are grouped according to type.

Billing date Current billing period

UpdateHide filters

▾

AllGroup AllTariff AllType

In bundle Out of bundle Non-zero usage Zero usage Taxable Non-taxableOnly show

Filter by Name Filter by Phone Number

Reset all

To simplify the interface I designed this pattern for name/number filtering. This is an excerpt from my annotated wireframes.


Interaction Design

To design the admin portal I had to understand existing processes such as SIM card activation and figure out how they could be integrated. The flow below details that integration, created after significant consultation with the client's technical resources and in combination with the requirements backlog. Subsequently it complemented the annotations of my wireframes.



Analysis

To validate design decisions I put early designs in front of end users. With Truphone's key clients located around the globe the challenge was to present something realistic, with minimum effort, that could extract useful insights.


I created an Axure prototype, stitching together visual designs and including basic interactivity. Hosted online, I conducted the research over the phone. It was crucial in discovering what worked, what was extraneous, and what was misleading, and resulted in valuable refinements.


Evaluation

This short project required encapsulating the key features of an existing web application in a smartphone app. The app needed to be an easy way for practitioners to log hours towards their Continuing Professional Development (CPD) goals.

The app's architecture:

RICS Mobile app

On the home screen I included a chart to better convey current progress with a clear call-to-action to add an activity. The activity edit screen was simplified to reduce the user's effort and maximise the likelihood of keeping the information up-to-date.

Completed: 6 hrs • Planned: 35 hrs

Visual designsSketched wireframes


Interaction Design

In addition, I've conducted extensive research using a variety of methods:▪ desk research ▪ semi-structured interviews▪ online surveys ▪ eye-tracking sessions▪ street surveys ▪ contextual analysis

I conducted guerilla research, a street survey canvassing opinion on the successes and failures of a major corporation's web site. Fascinating if unscientific snapshot of real users' opinions was used to inform a pitch for a redesign.

Project Pitch for web site redesign


User Research

Based on survey and interview data, and in combination with desk research, I presented in these personas useful insights and statistics.

The challenge was to produce a consistent set of archetypes for potential users segmented by employment type, career stage and industry.

The resulting deliverables were used to inform the development of user journeys in the next phase.

Project Career development in the creative industries


Personas

Screen titleScreen ref

Modified byTue Sep 11 2012Stuart Jones

Modified onVariant

Widget: Annual reports (latest + list of others)

61 of 72Page

AEGON

Digital Brand Refresh D11 R1.graffle

Notes: Widget: Annual reports (latest + list of others)

90.5 MBDownload

31/03/2011March 20112010 Annual ReportVisit the annual report site

71.3 MBDownload


75 MBDownload


Latest

2012 Annual Report

Visit the annual report site

Lorem ipsum dolor sit amet, an aeterno intellegam usu, nostro persius cu ius. Ad dolore accusamus dissentias pro. Ea vivendo expetenda mea, nec te civibus dissentias.

125 MBDownload

31 March 2011

4

3

6

7 5

8

9

2

10

Template B

1

Annual reports (latest + list of others)

This widget uses the full width of the content area.The height grows to contain the content.

1. The most recent report is highlighted by receiving special visual treatment2. Latest report title. Emphasised.3. Report title in list4. File format icon + file size + "Download" call-to-action. Entire area is clickable. Clicking

commences download.5. Hover state for download elements6. Hyperlink to external site. In the "Latest" block, if the summary of the report wraps underneath

the image, this link aligns to the left side of the image.7. Hover state for hyperlink to external site8. Latest publication date (long format)9. Report publication date in list (short format)10. Summary of the report. Wraps underneath the image if necessary. Left-justified.

AEGON.com example page: 5A Annual Reports (Template B)

For high quality detailed interface specifications I rely on Omnigraffle to create my deliverables.

Occasionally, I use Axure to create static wireframes.Sometimes, for speed, or internal deliverables, I simply provide annotated sketches.

Project Modular web site redesign


Wireframing

I have experience in constructing physical mock-ups for evaluation. In this project the full-size mock-ups enabled us to iterate according to measurements taken in fitting trials. This is also an opportunity for participatory design.

MSc in HCI Design Experience project


Mock-ups

stuart jonesgingerbbm.com/cv/stuart-jones-portfolio.pdf · 2015. 7. 6. · an important factor in...

Documents