interactiveallstar* › wp-content › themes › aurelius › docs › … · interactiveallstar*...

interactiveallstar*

Innovative, enthusiastic and creative UX/UI/IxD with 9 years of experience successfully delivering technically proficient user centric solutions. Excellent understanding of all issues surrounding user experience and interaction

design including visual design, usability, information architecture and web standards development using

XMHTL/CSS/JQuery/Flash. Good understanding of general business and marketing practices.

The CV of User Experience Designer Martin Johnstone

www.interactiveallstar.com | [email protected] | +44 (0)7970 546887

Ethnographic Research (Interviews, Surveys, Focus Groups, Usability Testing)

Interaction Design (Task flows, Process flows, Prototypes, Storyboards)

User Interface Design (Wireframes, Prototypes, Site Maps)

Information Architecture (Layout, Findability, Scanability)

Visual Interface Design (Look and Feel, Typography, Layout, Colour Theory, Icons )

Web Development (Hand coded XHTML, CSS, JQuery, Browser Issues, Accessibility)

Search Engine Optimisation

Project Management (Agile, Project Plans, Timelines, Client Meeting)

Responsible for optimising the user experience of National Health Service GO, a widget based RIA similar to iGoogle and myYahoo! Project will be rolled out to every member of staff in the NHS.

Analysing, wireframing and user testing all widget interactions to ensure consistency and optimum usability.• Designing project wide interaction patterns for error handling, status update display and search functionality.• Advising team on user experience, usability and accessibility issues.• Producing detailed wireframes, mockups and sitemaps based on functional specifications.• Writing and up-keeping relevant documentation.• Ensuring clear and effective ongoing communication with ASP.net development team.• Working effectively in an Agile/scrum environment.•

1996 – 2001 Subjects studied include: Design, Polymedia Graphic Design, Cognitive and Physical Ergonomics, Environmentally Sensitive Design, Managing Product Innovation, Design History, Workshop & Technical Skills.

02/2010 – 05/2010 UX Design Consultant (contract) - Conscia Enterprise Systems, Glasgow

06/2008 – 02/2010

Responsible for UI/UX design and front-end development of a number of high volume public facing web applications based on Direct Gov transactional toolkit.

Translating business requirements into usable web functionality based on strict Direct Gov requirements.• Producing system wireframes and HTML prototypes based on functional specifications.• Advising team on user experience, usability, accessibility and front-end development best practice to ensure • web standards compliance.Design and development to meet both strict Direct Gov and Student Loans Company UX/branding requirements.• Development to strict web standards to meet accessibility guidelines.• Ensuring clear and effective ongoing communication with JSF development team.• Writing and up-keeping relevant documentation.• Working effectively in an Agile/scrum environment.•

UI/UX Designer (contract) - Student Loans Company, Glasgow

skills

education

work history

2.1 Product Design (BSc) Brunel University, Egham, Surrey

07/2010 – 07/2011 Travelling in Europe - working on various organic farms in Italy and Spain

interactiveallstar*


Soley responsible for planning, designing, (standards based) development, user testing and search engine marketing of 10 individual B2B and B2C websites.

Working within the marketing department to plan online strategies, produce project scope, create user definition & scenarios, • technical specifications, wireframe and ‘low res’ prototypes.Communicating and negotiating ideas, strategies and concepts with various stakeholders within the business.• Designing sites with ‘user centred’ design principals to maximise user experience through ease-of-use, graphical look and feel, • relevance of content and download speed.Conducting focus groups and iteractive user testing to improve sites during design and development stages.• Development using standards based hand written XHTML/CSS/JQuery/PHP/MySQL /Flash ensuring compliance with acces-• sibility regulations, browser compatibility issues and protection against security threats.Facilitating the expansion and ongoing improvement of the websites inline with strategic marketing plans and business devel-• opment.Project planning & time management with a highly varied range of projects.• Ongoing search engine optimisation – several sites highly ranked• Researching, designing a prototyping an e-commerce system•

05/2006–06/2008 Web Designer & Developer - Morris Furniture Group, Glasgow

Responsible for building the existing website into an effective sales and marketing tool through ongoing improvement and SEO.

Main duties included day-to-day upkeep of 2 company websites• Conducting user testing amongst internal and external clients and improving site according to feedback.• General online marketing & PR activities.• Producing e-marketing material such as emails, managing pay-per-click advertising and ongoing search engine optimisation.• Search engine optimisation - 80% of key search phrases occupy top 10 positions.• Increased flow of traffic to site and subsequent sales by 80% in 8 months. Sales generated by the website in 2005 reached • £7million.Working along side a Mac Operator, providing cover and support for design for print work on a weekly basis.•

04/2004 – 05/2006 Web Designer & Marketing Assistant - Allied Vehicles, Glasgow

Worked for a wide range of clients including BSkyB and Cisco, as well as many SME’s on a wide range of projects.

Writing tender documents and proposals.• Interpreting client requirements and producing project specifications.• Brainstorming and developing concepts.• Ensuring technical practicality.• Employing information architecture, usability and accessibility principals.• Managing relationships with 3rd party companies and freelancers.• Presenting innovative solutions and finished designs to clients at all levels.• Developing appropriate solutions within budget and timescales.• Continuing to develop a wide range of technical skills including XHTML, CSS, XML and Flash Actionscripting• Producing a wide range of projects including e-commerce systems, database driven web applications, e-learning material, • interactive games and marketing material

08/2001 – 04/2004 Freelance Interactive Designer - interactiveallstar*, Glasgow

The CV of User Experience Designer Martin Johnstone

interactiveallstar* The CV of User Experience Designer Martin Johnstone


'Tailit' - Motoring Safety Device

achievements

1996

While at High School I designed and built ‘Tailit’ - a solution to a common motoring problem. Won several competitions including ‘Young Electronic Designer’ and ‘Young Engineer for Britain’ in 1995. Now patented. Appeared on ‘Eureka!’ TV programme.

'Soundz' - Interactive Digital Music Retail System

relevant projects

2001

University final year project. 'Soundz' is a 'next generation’ RIA for exploring and purchasing music using a digital interface in a high street retail environment. An intuitive user interface allows users to browse, search, listen to, compile and buy music. Fundamental to the success of the project was considerable use of usability techniques such as user & scenario analysis, wireframing, prototyping and user testing. The finished project delivered a stimulating and empowering experience for all levels of user ability. I was responsible for the whole project from conception, through design, testing and development.

hobbies & interests

I am a keen mountain biker, hill walker and snowboarder. I also have a great passion for food and cooking, recently spending 9 months in Italy & Spain working on organic farms to learn regional cooking skills and improve my knowledge of agriculture and organic food production.

interactiveallstar*

The portfolio of User Experience Designer Martin Johnstone


Summer 2011

interactiveallstar* The portfolio of User Experience Designer Martin Johnstone

about me

Innovative, creative, adaptable and business savvy designer with 9 years of

commercial experience. Passionate about creating useful and ingenious user

centred solutions to problems. Relishes the opportunity to solve complex

problems and work with people, pencil and paper, whiteboard and software to

define, design and refine concepts to deliver optimum solutions.

Solid all-round designer looking to craft the next generation of rich internet

applications for web, mobile and tablet.

Passionate user centred designer

Out of the box thinker

Problem solver

Happy to work in team or alone

Self starter

Pragmatic

Friendly and outgoing

Excellent verbal and written communication

Mac & PC literate

Skills profile

Concept Generation

Wire framing & Prototyping

Visual Design

Standards Based Front End Development

User Research

Usability Testing

Back End Developement

Tools profile

Pen & Paper XHMTL

Photoshop CSS

Illustrator JQuery

Dreamweaver PHP

Fireworks MySQL




projects

NHS Go was a huge project to give every

member of NHS staff a single point of

access to all of the information, web

resources and online tools they require to

perform their job. Using a highly

customisable widget based interface

similar to iGoogle or myYahoo!, the NHS

Go RIA pulls content from a variety of web

resources and allows the user to query

website, perform searches and SSO (single

sign on) without having to leave the NHS GO

platform. Currently NHS staff have a huge

variety of web resources which they must

visit, and NHS GO provides a single point

where they can perform a variety of actions.

I was responsible for designing and

optimising the interactions within each

widget to maximise the user experience

initially by ensuring consistency in

function, and also through user testing

and improvement.

I also redesigned the interactions within

the search functionality to improve

usability, and redesigned the how the user

could have a multiple pages of widgets,

again to improve user performance.

Name: NHS Go

Client: NHS / Conscia / System C

Date: Spring 2010

Project profile: Agile with Scrum. 2 UX, 1

Front End Dev, 1 Javascript, 15 ASP.NET Dev,

2 Business Analysts, 1 Team Leader

Skills used:

Interaction Design•

Wireframes•

Storyboard•

Prototypes•

User Testing •

Tools used:

AxureRP•

Adobe Photoshop•

Adobe Illustrator•

Adobe Fireworks •

Issues:

Maintaining behavioral consistency •

within widgets that provide content

from differing 3rd parties. Solved with

iterative design and ad-hoc user

testing and close communication with

the development team to deliver the

optimum solution.

Redesigning the functionality to •

provide multiple dashboards of

widgets. Originally used a

renameable tabbed system, but user

testing showed this was too

complicated. Redeveloped the

functionality to use simple '1,2,3' tabs

at top right of the dashboard.

Name: NHS Go

Client: NHS / Conscia / System C

Date: Spring 2010





projects

I worked on a number of projects for the

Students Loan Company. The largest was an

online student finance calculator accessed

through the Directgov web site. This tool

allowed a prospective student to enter their

personal circumstances including domicile

status, parental income, choices of course/

university etc and then to receive an

accurate calculation of their student finance

entitlement. The tool was designed and

produced to strict Directgov branding using

their transactional toolkit.

From functional specifications I created

user friendly designs and interactions

using storyboards, sitemaps, wireframes

and lo-fi prototypes. Once approved I hand

coded the designs into standards

compliant XHTML, CSS and JQuery to be

passed to the development team. I was

also responsible for maintaining

documentation and using version control

software to check in/out files.

Also I produced a library of design

patterns as HTML/CSS/JQuery with

documented instructions to assist the

development team to effectively develop

web standards compliant solutions.

Name: Various Projects

Client: Student Loans Company

Date: Autumn 2008 - Spring 2010

Project profile: Agile with Scrum. 1 UX, 10 JSF

Devs, 3 Business Analysts, 1 Team Leader.

Outsourced usability testing.



projects

Name: Various Projects

Client: Student Loans Company

Date: Autumn 2008 - Spring 2010

Skills used:

User Interface Design•

Wireframes•

Sitemap•

Storyboard•

Lo-Fi Prototypes•

XHMTL/CSS/JQuery •

Tools used:

Adobe Photoshop•


Adobe Fireworks•

PVCS Version Manager •

Issues:

Initially UI/UX design was done •

concurrently with development within

sprint. This proved difficult, so UI/UX

was run 1 sprint ahead

of developement.

Designing to the strict Directgov toolkit •

was problematic as there was not 'out

of the box' functionality available to

solve certain problems. Required

regular dialogue with Directgov to

create, refine and approve non-toolkit

functionality.

Creating a solution to allow complex •

data tables to be displayed

satisfactorily on a range of monitor

sizes, down to 800x600px.



projects

Each site is designed to reflect the brand

values of the company and offer an

excellent user experience, giving the

customer the opportunity to explore the

unique furniture, history and customer

service each company is famous for.

Skills used:


PHP/MySQL•

Standards compliant XHMTL, CSS & •

JQuery

Personas•

Wireframes•

Sitemap•

Usability testing •

Tools used:

TextEdit•

Adobe Photoshop•


Adobe Fireworks•

Drupal CMS•

Magento CMS •

Name: Morris Group Websites

Client: Morris Furniture Group

Date: 2005-2007

Project profile: Soley responsible for plan-

ning, designing, (standards based) devel-

opment, user testing and search engine

marketing of 10 individual B2B and B2C

websites.



projects

A 'next generation’ rich internet application

for exploring and purchasing music

containing over 10,000 lines of Actionscript.

Soundz is a dynamic interface allowing a

user to browse, search, listen to, compile

and buy music. Considerable use of usability

techniques such as user & scenario analysis,

wire framing, prototyping and user testing

were employed to deliver a stimulating and

empowering experience for all levels of user

ability.

I was responsible for the whole

project from conception, through design,

testing and development.

Skills used:


Interaction Design•

Storyboards•

Personas•

Wireframes•

Usability testing•

Actionscript Development •

Tools used:

Adobe Flash•

Actionscript•

Adobe Photoshop•

Name: Soundz

Client: Final Year University Project

Date: 2001

interactiveallstar*

Example Deliverables


Summer 2011

inter

activ

ealls

tar*

PRIMARY PERSONA: ORGANISED FOOD LOVER

FRANCES WRIGHT, 33 from LondonJob: Charity Fund raiser.Household profile: Lives with long term partner in top floor 2 bed flat.Loves: Kick boxing, going to the Cinema, getting out to the country.Hates: Being hungry! Celebrity magazines, reality TV shows, parsnips.Dietary requirements: None, but would like to eat more fish.Technology: Competent, uses computer daily. iPod and Sony W884 phone. Will swap to use an iPhone or similar when contract is due for renewal.

Fran is a 33 year old living in a 2 bedroom flat in North London. She lives with her long-term partner, Tom, and works as a charity fundraising manager for a national charity. Fran describes herself as a food lover and enjoys to eat well.

She is an enthusiastic cook and enjoys preparing food. In a typical day she will leave the house at 7.30am and take the tube to work which is a journey of 45 minutes. Her job is generally very busy and she usually eats a home-made lunch at her desk. She finishes work before 6 and usually returns home for 7pm. On her route home she passes a Tesco express store where she often buys items for dinner if needed.

Fran likes to cook in the evening after work, and shares this duty with her partner Tom who will cook every other or second night. They take it in turns to make the lunch for the next day. Tom enjoys cooking too, but relies on Fran’s help sometimes and would like to become a better cook.

Primary Scenario

Fran spends up to 2 hours on a Saturday morning creating a rough menu plan for the coming week. Firstly she checks her fridge and cupboards to see what needs used up. Next she looks through her cookery books and the internet to find recipes that she is inspired by or that use up the left over ingredients. She then writes the ingredients out and uses this as a basis for the weekly shopping list. By creating this detailed list Fran finds it a great way to ensure that they buy only the food they need, saving money and a long walk up the stairs to their flat with extra food.

Fran would love to be able to speed up the process of finding recipes and listing the necessary ingredients. She points out that the most of her time is spent trying to find recipes that use up left over ingredients.

Secondary Scenario

Sometimes if they have been away or Fran does not have time to make a menu plan, she just buys the food she needs for the night and next lunchtime on her way home from work. She points out that like many people, she is tired after a days work and sometimes finds it difficult to know what to buy. She notes that it would be great to have a service that could offer recipe ideas and inspiration, even if it is something as simple as a boiled egg.

Time spent cooking

Time spent shopping

Weekly food budget

Time spent creating menu plan

Motivation for cooking

Interest in healthy eating/nutrition

GOALS

Waste less food• Make fewer trips to shops• Speed up menu planning • process Try to cook different things every • weekEat a more healthy, balanced • diet

FOOD SHOPPING HABITS

Drive to local Sainsburys once • per week. 20 mins each wayTries to buy from local shops if • have timeWeekly spend £80• Spend about 1-2 hours per week•

ANNOYANCES

Wasting time in supermarket • during the weekendTrying to find recipes that use up • left over ingredientsFinding things out of stock in • the shopTrying to decide what to eat on • way home from workThrowing out food because it is • off/out of dateRising food prices!•

COOKING & EATING HABITS

Enjoys cooking• Prefers to cook simple, whole-• some food over complex ‘fancy’ foodEats a lot of pasta and rice • dishes as they are quick to make and fewer pans to washLikes to cook more complex • things at the weekendUses cookery books for inspira-• tionWould like to learn more about • baking & bread

inter

activ

ealls

tar*

inter

activ

ealls

tar*

1.1 1.0

Home Page

1.1 1.1

Login

1.1 1.3

More Information

1.1 1.2

Register

AccountValid?

1.1 1.1.1

Password/email reminder

Registration Valid?

First Login?YES

NO

NO

NO

password/email incorrect

account doesn’texist

YES

YES

1.1 2.0

Setup Account

1.1 2.0.1

Household Profile

1.1 2.0.2

IndividualProfile

1.1 2.0.3

Preferences

1.1 2.0.4

Summary

SummaryAcceptable?

NO

1.1 3.0

My Home Page

NO

YES

1.1 3.3

Shopping List

1.1 3.1

Recipies

1.1 3.1.1

My Recipe Book

1.1 3.1.2

Search/Browse Recipies

1.1 3.1.4

View Recipe

1.1 3.1.3

Manage My Recipe Book

1.1 3.2

Menu Plan

1.1 3.2.1

My Menu Plans

1.1 3.2.2

Current Menu Plan

1.1 3.4

Learning Zone

1.1 3.2.3

New Menu Plan

1.1 3.2.1.1

Manage My Menu Plans

1.1 3.2.3.1

Search/Browse Recipies

1.1 3.3.1

New Shopping List

1.1 3.3.2

Current Shopping List

1.1 3.3.3

Manage Shopping Lists

1.1 3.3.2.1

Manage Shopping List

Items

1.1 3.4.1

Food News

1.1 3.4.2

Video Tutorials

1.1 3.4.3

Resources & Articles

1.1 3.4.3.1

View Resource or Article

1.1 3.4.2.1

View Video Tutorial

1.1 3.4.1.1

View Food News Item

MACRO LEVEL SITE STRUCTURE

Project: Menu MakerClient: InteractiveallstarPrepared By: Martin JohnstoneDate: 16/09/2011Version:1

inter

activ

ealls

tar*

interactiveallstar* › wp-content › themes › aurelius › docs › … · interactiveallstar*...

Documents