7
UX Design Portfolio Email: [email protected] Tel: 076803041119 Location: London Profile: User Experience Architect with extensive experience in mobility and banking. Brings expertise and understanding of core usability principles and research methodologies - knowledge grounded in cognitive science theories and industry best practices for digital design. Maintains a scientific approach combined with a free-thinking flair for creativity. Has a track record for inspiring innovation and is not afraid to challenge the status quo. Has experience of project management, leadership, and strategic planning of UCD projects. Is competent at facilitating and establishing effective communication processes between key stakeholders and managing business relationships. Is passionate about user experience and knows how to present a compelling case for UCD within a company. Education: 10/11 – 09/12: MSc Human-Computer Interaction with Ergonomics (Distinction) – University College London NB. this portfolio only shows projects that are not under NDA.

Morgan Banks Portfolio

Embed Size (px)

DESCRIPTION

This is a portfolio of some of my projects not covered by NDA. They outline the basics processes that I would use to tackle any UCD project.

Citation preview

Page 1: Morgan Banks Portfolio

UX Design Portfolio

Email: [email protected]: 076803041119Location: London

Profile:User Experience Architect with extensive experience in mobility and banking. Brings expertise and understanding of core usability principles and research methodologies - knowledge grounded in cognitive science theories and industry best practices for digital design. Maintains a scientific approach combined with a free-thinking flair for creativity. Has a track record for inspiring innovation and is not afraid to challenge the status quo. Has experience of project management, leadership, and strategic planning of UCD projects. Is competent at facilitating and establishing effective communication processes between key stakeholders and managing business relationships. Is passionate about user experience and knows how to present a compelling case for UCD within a company.

Education:10/11 – 09/12: MSc Human-Computer Interaction with Ergonomics (Distinction) – University College London

NB. this portfolio only shows projects that are not under NDA.

Page 2: Morgan Banks Portfolio

Brief: We needed to design an interface for a car computer that could accomodate a large variety of functionalities, but yet still be simple and usable enough to support multitasking operations.

Challenges:It became clear from user research that the solution required an interface that users could operate while still keeping their eyes on the road. After experimenting with various different concepts, the most successful turned out to be the one that followed the most simple navigation path of a four option drill-down. This proved successful as users started to memorise combinations (right-right-up) for their favourite categories during simulated driving user tests.

Car In-vehicle Infotainment system (2013)

User Research Information Architecture Concept design & sketches Paper prototype

Outcome:

UCD Process:

The user-centred design process produced a simple four-option style menu that drilled down deeper into a series of additional four-option menus. It could be operated using hard buttons on the steering wheel so users could memorise combinations and operate without looking at the screen. Click video link for more details:

http://www.youtube.com/watch?v=ox0Wov8Fqa0&feature=youtu.be

Page 3: Morgan Banks Portfolio

Brief: The BBC wanted to provide Glastonbury festival goers with a new and personalised way to access BBC Radio content on their smart phone while at the festival.

Challenges:User research indicated that many festival goers preferred not to take their smart phone to festivals for fear of it getting lost, broken or running out of battery. Some people didn’t want to be seen as anti-social by taking their phone out during a performance or would simply want to escape technology for the weekend and leave their phone behind. With this in mind we had to devise a new concept that would fulfil the brief whilst not detracting from the social atmosphere of the festival experience.

Tag!t - BBC (2012)

Interview analysis Conceptual Design Paper prototype Interactive prototype

Outcome:

UCD Process:

Page 4: Morgan Banks Portfolio

Nielson's 10 Heuristics

Heuristic Description Severity1. Visiblity of system status

1) It is not clear how actviate WiFi on installation2) It is not clear whether the call is over WiFi or GSM during a call3) It is not clear what the handover sensitivity bar is for

SevereSevereSevere

2. Match between system and the real world

1) 'Handover' terminology is good analogy for function (check IA)2) Functionality is similar to other VoIP apps, except it is not clear that the client is embedded and can be used from the native phone dialler

Moderate3. User control and freedom

1) Users cannot import their native contacts intothe client2) When user navigates back to the app after closing it down the previous call settings are lost

ModerateSevere

4. Consistency and standards

1) 'Help' page has different look and feel to rest of app

Moderate

5. Error prevention 1) On Make A Promise, there is no asterix next to the 'Promise To' field, suggesting that it is not required. However, after submitting without it, the error message says that it is required.2) On Calculate Cost tool there is high risk for 

6. Recognition rather than  1) It is not entirely clear how to use the 7. Flexibility and efficiency of use

1) A user may wish to refresh the the purple Quit Tools check list box in case they want to re‐

8. Aesthetic and minimalist design

1) Various pages are particularly 'text heavy' which might rendor important system interactive instructions to be easily missed with not enough saliency, e.g. Make A Promise tool (too much text at the top, should be more 

9. Help users recognise, diagnose, and recover from 

1) There is no error message help to recover when mistakes are made on the Calculator tool; 

10. Help documentation i f d t di b th l1) No 'Help/Support' documentation available.

Brief: This was a new and pioneering product which required a new pioneering interface design. Calls could be made over WiFi like Skype, but unlike other VoIP apps, users had the choice to leave the WiFi zone during the call at which point the call would automatically handover to their GSM network without disruption.

Challenges:Mondial Telecom’s main goal was to expand into the mainstream telecommunications market, of which many customers were not technology savvy and were not familiar with mobile VoIP calling apps, let alone the new handover technology. The challenge was to devise a navigation experience that would be intuitive and educational for complete novices, whilst still maintaining competitive functionality for more tech-savvy users within the VoIP market.

MMC App - Mondial Telecom (2011)

Questionnaire analysis Heuristic Evaluation Cognitive Walkthrough Conceptual Design

User Testing

Outcome:

UCD Process:

Page 5: Morgan Banks Portfolio

1) After downloading your first Ringtag how would you rate the serv

1) How easy was it to set up your first Ringtag?

0 2 4 6 8 10 12 14 16 18

Excellent

Good

Ok

Bad

Very Bad

0 2 4 6 8 10 12 14 16

Very easy

Easy

Quiet easy

Difficult

Very difficult

Brief: Ringtagz are the brand name for Ring-back tones. They are like ringtones but you hear them when you are calling someone else. They were a huge success in Asia and parts of Europe, however were almost unheard of in the UK. Muzicall’s goal as Europe’s leading ring-back tone provider was to change that. A slick and educational interface was required for both web and mobile to support the acquisition of new customers, and a high quality user-experience was required to gain trust and retain customer loyalty.

Ringtagz - Muzicall (2010)

Competitor Analysis Questionniare Analysis Personas Testing

Outcome:

My role in the project:

Page 6: Morgan Banks Portfolio

People who find it difficult to make friends

Social Networks

IM

Prefer Online

Dislike Face‐to‐face

Brief: To enhance social networking in student halls by bridging instant messaging with reality.

Description:Research showed that shy students preferred to meet new people online. IMCOM is a social networking service that helps connect people in student halls by allowing shy students to socialise with groups in the common room via a medium with which they are comfortable: Instant Messaging. Now students in their room can socialise in the common room, and students in the common room can respond through ‘ballie’: a bespoke communial microphone which converts voice into text.

IMCOM - MSc (2012)

Questionnaire analysis Interview Analysis Interface design & iteration Wizard of Oz User Testing

Outcome:

UCD Process:

Page 7: Morgan Banks Portfolio

Brief: We were tasked with producing design specifications and recommendations for a self-service library ticket machine. The purpose of the machine is to reduce queues in the library. It must also have off-the-shelf value.

Challenges:Research showed that children and elderly people make up a large part of the library target user group. It was a challenge to design a machine to be ergonomically suitable for both user groups, and still be accessible to wheelchair users. To ensure the height and dimension measurements were correct, anthropometric planning was required.

Library Self-Service Machine - MSc (2012)

Contextual Inquiry Task Analysis Fitting Trials Mockup and User Testing

Outcome:

UCD Process: