user experience designer · ux designing research. best practice iteration. evaluation mobile...

USER EXPERIENCE DESIGNER

Spindlelegs owns the copyright for this document and all its contents.

This work should be considered private and confidential and may not be shared with any third party without the prior written permission of Spindlelegs.

Contents01 TEAM02 BEST PRACTICE03 PROJECTS

[email protected] +44 (0) 7971 708027

TeamWhat skills and experience

can I bring to a team?

[email protected] +44 (0) 7971 708027

MY UX LIFE

High

PrototypingLow / High FidelityUser Journey basedOn Device

High

UX DesigningResearchBest practiceIterationEvaluationMobile FirstDemonstrationShareDocumentImprove / Learn

Low

Agile

Medium

Pitch WorkStudio overviewStorytellingResults focussed

High

UX Blogging

Medium

WorkshopsPreparingFacilitatingInsights

High

CollaborationDesign ClinicShow n' tell

High

UX Cross Discipline SkillsStakeholder management UX EvangelismPlanning WorkshopsBest Practice

Stand UpsBlogging

Low

Case StudiesS.T.A.R.Copy writing

Low

Training

Low

Design SystemStyle GuidelinesPattern Library

Priority Information

Discipline Expertise

Soft Skills

Self Improvement

Process

Software skills

Medium

Feedback & Testing

Design PrinciplesBrand Identity

Where do I prosition myself in

this matrix?

[email protected] +44 (0) 7971 708027

Where I position myself

What role do I play within a team and within project engagements?

[email protected] +44 (0) 7971 708027

4

Football VisualisationDesktop

20.04.15 For Internal purposes only. This is confidential information and is property of Sportingbet Plc.

SB COM - 4 Col layout

of 31CDG_FootballBallVisualisation_v2.graffleDocument name:

Updated: Mon Apr 20 2015Company Confidential. Internal use only.

1.3 Default site - Widescreen

Payments

Authorities

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida eget massa rutrum imperdiet. Quisque molestie egestas purus, volutpat tempus lectus dapibus quis.

Mauris mi tellus, feugiat et mi ut, accumsan rhoncus nibh.

Browser CapatibilityInvestorsStats and ResultsAffiliate programs

Open and account Log in English Help & Contact UsForgot your password?

REWARDSOFFERSMOBILEPOKERGAMESSPORTS CASINOINPLAY LIVE CASINOVFL

MORE SPORTSSNOOKERRUGBY UNIONGOLFDARTSFOOTBALL BASKETBALLHORSE RACING CRICKETTENNIS

World Cup Tips

World Cup Odds

All todays tennis

All todays football

Necy 5 Races (UK)

Quick liins

5

3

1

4

2

23/10

1/2

13/20

13/5

9/50

DrawColombia v Ivory Coa...

SpainSpain v Chile

CroatiaCameroon v Croatia

DrawCameroon v Croatia

NetherlandsAustralia v Netherla...

Most Popular Bets

Brunie Panthers

9/50Young Lions

1/2

13/20

Draw

In:Play

Brunie Panthers

9/50Young Lions

1/2

13/20

Draw

Youngs Lions v Brunei Panthers

Youngs Lions v Brunei Panthers

World Cup Outright

Shniin v FC Volka

World Cup Top Goals

World Cup Outright

All

Football

Match Winner

23/20

Federer, R

Nadel, R

3/4

Live streamVisualisation

Away61%39%Home

Statistics

Manchester United v Manchester City

HT 73:83HT

#13 Throw in16’#1 GOAL15’15’ #4 Free Kick

6

10

0

1

0

3

0

8

10

English Premier League 73:83

Manchester United

Manchester CityRooney, W 24:12

Agüero, S 24:12 Silva, D 39:19 Bony, W 45:32 Touré, Y 66:37

Correct Score

12/24-0

15/23-2

100/125/1 4-4 3-2120/13-1

3-1 150/13-0 100/19/1 3-3

2-1 40/15/1 25/12-2 2-1

2-019/42-0 1-1 80/114/1

1-03/41-0 0-0 28/120/1

AwayDrawHome

Corners

23/20

Manchester United

Manchester City

3/4

Goal Handicap

3/4

23/2023/20

3/4

23/20

Manchester United

Manchester City

3/4

AwayDrawHome

10

Football VisualisationDesktop

20.04.15 For Internal purposes only. This is confidential information and is property of Sportingbet Plc.

1.5.4 Pop overs

UX is a mind-set.Dev | Marketing | Product

UX IS EVERYONE'S RESPONSIBILITY, NOT JUST DESIGNERS’ (TACTICAL OR STRATEGIC).

EDUCATE AND INSPIRE

MOBILE WEB GAMBLING WEBSITECross platform in-play sports visualisation. How to future proof the experience within regulated environments? More later...

Both are important

[email protected] +44 (0) 7971 708027

Full Prod

uct e

xper

ienc

eUXBoth are needed. Both are important.

UXSTRATEGIC TACTICAL

6 WEEKS

CREATE A VISION OF WHAT PEOPLE WANTService DesignMarketing strategiesSocial interactionsSupporting Employee ExperiencesMore than just an app or site

WHAT PEOPLE NEEDFocus on an app/siteProcess refinementUX/Visual Design of an app/feature or siteNavigation/HeuristicsUser feedback and stakeholder inputStakeholder’s vision in place.

2 WEEK SPRINTS

My continous iteration process

[email protected] +44 (0) 7971 708027

Understand. Detail design. Build.Optimise.

MY PROCESS

Activities

[email protected] +44 (0) 7971 708027

UNDERSTANDUNDERSTAND THE PROBLEM, DEFINE INSIGHTS ENABLING RECOMMENDATIONS ON THE STRATEGY AND DIRECTION TO TAKE FORWARD. WorkshopsStakeholder & User InterviewsPersona DevelopmentUser Journey mappingTrends & BenchmarkingContent AnalysisVisual design language exploration

BUILDPROVIDE BUILD TEAMS WITH ASSETS THEY CAN USE TO BUILD DEVELOP AND SHAPE THE SERVICE AND PLATFORM MOVING FORWARDS INTO FULL IMPLEMENTATION.Agile readinessStyle guides & tool kitsDetailed wireframesVisual design

DETAILED DESIGNIDEAS AND CONCEPTS ARE REFINED, VALIDATED, ITERATED, RAPIDLY WITH STAKEHOLDER AND CUSTOMERS.Information Architecture 1.0Detailed User Journeys (wireframes)Template IdentificationPrototypingUsability Testing & validationVisual design

OPTIMISEOBSERVE REAL PEOPLE WHO MATCH THE PERSONAS AS THEY TRY TO ACCOMPLISH THEIR CRITICAL TASKS. Usability Tests

Deliverables and Outcomes

[email protected] +44 (0) 7971 708027

INTERACTIVE PROTOTYPESBreathe life into your product.

STYLE GUIDESConsistently across branding, colours, fonts, typography, patterns, language, rules and UI behaviours

PERSONAS AND UX RESEARCH REPORTSCommunicate to stakeholders the behaviour patterns of customers.

EXPERIENCE MAPS, USER JOURNEYS AND USER FLOWSTheir goals, needs, time spent, thoughts, feelings, reactions, anxieties, expectations.

COMPETITIVE SWOT ANALYSIS REPORTWhat is the compelling competitive advantage. UX that is superior to the marketplace.

SITE MAP AND IALabelling, Navigation, Findability, Usability, Taxonomy

UX WIREFRAMESLow / high fidelity, Presentation wireframes, Interactive, User flow

VISUAL DESIGNDefine a brand colour scheme, usability, contrast and visual hierarchy.

BUSINESS GOALS AND TECH SPECProduct Vision incl. business reason for the product, the problem being addressed with a solution.

TYPICAL UX DELIVERABLES

Part 2 - Best Practice

[email protected] +44 (0) 7971 708027

Championing UX Best Practice

Always thinking and designing with best-in-class UX in mind

Multi- Stakeholder Environments

[email protected] +44 (0) 7971 708027

Establish. Teach Inform.

THE CHALLENGE WAS TWO-FOLD; ESTABLISH A UX PROCESS WITHIN A MATURE TEAM AND LIAISE WITH STAKEHOLDERS TO RAISE UX AWARENESS AND SET WORKFLOW EXPECTATIONS.Drive an in-house Meeting Manger web and iPad App within the UBS wealth management space. Building guidelines and Design Systems was first on the roadmap, followed by raising UX awareness amongst the team, workshopping and prototyping and within sprints.

Building a Design System

iPad Note Taking Design System Client Mode Business Dashboard Quotes Collab

[email protected] +44 (0) 7971 708027

Building a Design System

Get the team speaking the same (design) language

Evolve style guide to support Frontify

[email protected] +44 (0) 7971 708027

DSM DESIGN SYSTEMEasy to update and scaleable design system embracing the teams existing design tools.

From atoms to molecules to Organisms to Templates and

Pages

[email protected] +44 (0) 7971 708027

BUILDING A DESIGN SYSTEM

Problem solving within the real world scenarioAn opportunity to install the foundations of a Design System started informally. Work with stakeholders, developers and other UX’ers cross-department, to develop a new online guideline portal.

WHY IS THIS IMPORTANT?Acting as a single source of truth this easily updateable document focused on colours, text, layer styles and functions. Based on the theories behind Atomic Design, one goal was to eliminate inconsistencies as a weaknesses within the existing method slowed down the process. This new system minimised design decisions and got the team speaking the same (design) language.

IA to Wireframe to UI

[email protected] +44 (0) 7971 708027

See this in practiceFrom IA to Wireframes to UI

Lay a Design System foundations

[email protected] +44 (0) 7971 708027

HOW PRINCIPAL USERS ADD VALUE TO THEIR CLIENT MEETINGS

Prepare, organise and present confidential meetings with HNW clients.DELIVER THE UX / UI FOR ‘DOC BASKET’, A REPOSITORY ON WEB AND IOS.

Legacy functionality like single drag n' drop remained a must-have

This financial powerhouse had secured funding to radically dial up the usability of their internal web and iPad Pro App. Working through design phases, from IA to wireframes to visual designs, the integration of this repository set the standards for other internal banking services.This powerful wealth management tool enables real-time engagement that provides Client Advisors and their assistants with a secure environment to prepare, organise,

present and catalogue strictly confidential meetings with High Net Worth clients. A Design System laid the foundations with collaborative workshops and guidelines Best Practice.

THIS HELPED THE BANK COMMUNICATE THEIR VALUE PROPOSITION WITHIN THE ESTABLISHED SECURITY OF THE MEETING MANAGER APP.

[email protected] +44 (0) 7971 708027

1. INTERNAL WEB APPSignificant delivery primarily on the banks internal web-based platform.

2. IPAD PRO APPThe experience benefits from the more user-friendly UI of the iPad Pro presentation layer.

Rapid Wireframing and A/B Quantitative Testing

[email protected] +44 (0) 7971 708027

SKILL-SET SHOWCASE

Attract and retain players for a digital lottery provider.PARTNERING WITH STATE LOTTERIES AND CHARITABLE ORGANISATIONS IN ORDER TO BUILD OUT THEIR SOCIAL LOTTERY DIGITAL CHANNELS.1. Choose - A/B testing clarified which number

selection mechanism provided the simpliest route to gameplay.

2. Share - With an emphasis on access, not ownership the sharing economy is the new norm. Millennial collaborative consumption is disrupting every industry. Once your purchase is shared, map integration allows the user to select a charitable ‘Cause’. This is also shared.

3. Select - Painless In-app payment and your lottery numbers and preferred cause are selected and shared. Good Luck!

PRESENTATION WIREFRAMING DROVE INNOVATION AND PROMOTED RAPID DECISIONS.

Part 3 - Projects

[email protected] +44 (0) 7971 708027

ProjectsFrom Heathcare to Gambling,

Finance to Education

[email protected] +44 (0) 7971 708027

MOBILE FIRST

'Best-in-class' mobile website focussed on accomplishing tasks quickly.

THE ULTIMATE OBJECTIVE OF A MOBILE USER IS TO COMPLETE THEIR TASK EFFICIENTLY AND EFFORTLESSLY.Guide the user through a graceful, intuitive and a delightful get-to-know-you process. Provide simple sign posts and 'next step' instructions to where users want to go.

KEY DELIVERABLES• Adopt 'on boarding' techniques and engage the user to overcome the

cold-start problem• One size font throughout to both minimise design decisions and facilitate

‘speed to market’ and accessibility, particular on the small screen.

MY ROLE = PUTTING THE USER AND THEIR NEEDS AHEAD OF FEATURES AND TECHNOLOGY.

Ideal Team Shape

[email protected] +44 (0) 7971 708027

2:30 at Kempton Park!My approach to UX / UI projects and what an ideal

project plan and deliverables can look like?

[email protected] +44 (0) 7971 708027

2

All Brands - Mobile Redesign GuidelinesSport 1998

Autumn 2015 For Internal purposes only. This is confidential information and is property of Sportingbet Plc.

01.1 Sport 1998Mobile Web - Touch - Redesign

1.1. Home 1.2. Event 1.4. Sidebar 1.5. Footer 1.6. My Account

#a9945a

1.6.1. My Account header

#d9be72

2

All Brands - Mobile Redesign GuidelinesVistabet

Spring 2015 For Internal purposes only. This is confidential information and is property of Sportingbet Plc.

02.1 VistabetMobile Web - Touch - Redesign


2

All Brands - Mobile Redesign GuidelinesSportingbet | Betboo | Vistabet | Superbahis | Sport 1998 | You Win | My Oyun

Autumn 2015 For Internal purposes only. This is confidential information and is property of Sportingbet Plc.

05.1 SuperbahisMobile Web - Touch - Redesign


MOBILE WEB GAMBLING WEBSITE500K active users, spans 80 territories and turnovers £7M p/day.

Gambling (and Dating) revolutionised the UX industry.

LEVERAGING CONCEPTS SUCH AS GAMIFICATION TO MAKE THEIR EXPERIENCES INCREDIBLY ENGAGING AND 'STICKY'.

DISCOVERY UX TO ROLE-OUT

Responsive navigation

Mobile Guidelines

iOS Casino App Android Sportsbook

Cross Plaform BetslipRegistration

White LabelBonus Engine

Acc MngtPIN Login

[email protected] +44 (0) 7971 708027

Football

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

<insert market type here>











1.8421.8421.842Borussia MüchengladbachWolverhampton Wanderers

2x1

Match prices

Betslip - 246 x 580 px

64:32

Wolverhampton Wanderers2:1Borussia Müchengladbach

Live Stream Visualisation

Borussia Müchengla…Champions League - 2015 / 16 - MatchesFootball

Football

1440px

inplaySports Casino PromotionsMy Account

Session: 59.55

2,073.01 GBP

Brand name

Left nav open

iFrame - Live Streaming414 x 232px

Market order1. Sports name i.e. Football2. Breadcrump3. Switcher i.e Live stream / Visi4. Mini scoreboard4. Timeline5. Live stream window6. MarketsMarket ordering

1

7

5

3

2

6

4

1440px

1.1. Desktop - Default - 1440px

Responsive WebHOW TO SOLVE THE COMPLEXITIES OF MASS CONTENT NAVIGATION FROM WIDESCREEN TO SMALL.Navigation within sports gambling is key, although 75% of revenue is generated by football, there are parts of the world where other sports take centre stage (Horse racing in Ireland, the rise of MMA in Latin America).

What is my USP?

Tablet

DESKTOP1440px plus Widescreen

[email protected] +44 (0) 7971 708027


2x1

Match prices

64:32

Wolverhampton Wanderers

2:1Borussia Müchengladbach

Live Stream Visualisation

B…Champions League - 2015 / 16 - MatchesFootball

Football

inplaySports Casino PromotionsMy Account

Session: 59.55

2,073.01 GBP

Brand name

Football














Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

1024px

2.1. Tablet Landscape - Default - 1024px

iFrame - Live Streaming414 x 232px

Left nav open

What is my USP?

Mobile

TABLETWith Google switching to a mobile-first index keep your mobile nav needs to be short and sweet. Prioritise pages and typography and includ search.

[email protected] +44 (0) 7971 708027

2

Mobile - Superbahis - 320px - v8


1. Sportsbook home page 1. 3 Home sidebar

1.4 Home sidebar - bottom

2. Sport home page1.1 Home w/o promo banner

1.2 Home - w/ quicklinks

2

Mobile - Superbahis - 320px - v8


1. Sportsbook home page 1. 3 Home sidebar

1.4 Home sidebar - bottom

2. Sport home page1.1 Home w/o promo banner

1.2 Home - w/ quicklinks

<insert market type>






Over 3.5 Under 3.52.80 2.80

Over/Under 3.5 Goals

Match Prices

1 X 2


Sport In:play Casino

Login

Football

Borussia Müchengladbach v Wolverhampton Wanderers

Wolverhampton Wanderers2:1

Borussia Müchengladbach

64:32

320px

4.1. Mobile Portrait - Default - 320px

iFrame - Live Streaming320 x 181 px

What is my USP?

My USP

MOBILEUsing mobile-first thinking the hamburger menu provides a reasonable solution without being a barrier to content discovery or slow down the user journey.

[email protected] +44 (0) 7971 708027

Build Rapport

How to get stakeholders 'on side’? What is my USP in this area?

[email protected] +44 (0) 7971 708027

MY USP; DISCOVERY UX

Facilitate, organise and deliver insightRUN A SERIES OF UX WORKSHOPS OFF-SITE TO LAUNCH THE DISCOVERY PHASE FOR A FLAGSHIP PRODUCT.Partnering with their internal data team to understand the current and future services. Re-define problems and discover new ones. • Identify users and their journeys

• Determine business priorities

• Uncover pain points

• Share super-users and stakeholders’ expertise as management and the super-user groups were not talking.

• Facilitating ideation sessions, P.O.I.N.T exercises and user journey workshops enabled these polar groups to talk and aligned work-flow understanding.

A true Discovery Phase. From Discover UX

to Proposed UI

[email protected] +44 (0) 7971 708027

Server technology MORE LIKE THIS

Server documentation MORE LIKE THIS

SEI-224 MORE LIKE THIS

FullPicture SearchServ - MORE LIKE THIS

Server Consulting Ltd

Server locations

Server bandwidth

serv

Step 2 - Returns multple results ’types’

Specific text search function

Free search

Pre-populative search

Spell checked recommendations

Favourites / Documents / Internal or external links

Search types

Search

Step 1 - Icon + Descriptor permanent available

Search… in the header barC - SEARCH

78

How ‘Confidence Score’ and rebuild faith in Full Picture

Rating the data qualityCombining several ideas that combat the data inaccuracy problem is the way forward.

One option is applying a process where trust ‘scores’ the probability that the data is correct.

This can be achieved by rating the data with a ‘Confidence Score’

Data source: Improve QualityService Cloud78

Verified on 12.12.19

More Close Save

21B Baker Street, Marylebone, London, NW1 6XE

00 44 7897 888 888

shelock_holmes@shelock_holmes.com

Make a note. Like 'Elementary my dear Watson'

Data source: Improve QualityService Cloud78


Find out more Close

Help us improve the quality of the data and get recognised within the Full Picture organisation

Full Picture ‘Confidence Score’ is the result of a combination of intelligence, data sources and human contribution.

78

GOLD GOLD

137

SILVER SILVER

14

BRONZE BRONZE

0

The Full Picture ‘Improve Quality’ Contribution Team

Validation logs

The next update is schduled for 17:00 CET

Manual log: 17:00 05/12/19 successfulManual log: 17:00 05/12/19 successfulManual log: 17:00 05/12/19 successfulManual log: 17:00 05/12/19 successfulManual log: 17:00 05/12/19 successfulManual log: 17:00 05/12/19 successful

Previous update logs

What is FP Confidence Score?

D - DATA

Submit

How can we improve it?

I cannot extract PDP Code Permissions on a clients site! This data is effectively hidden, I have to click on too many levels to find IP data.

Why can not this be included as part of the Site Summary?”

Sorry to hear about that

BW ISO POP CH4

SLN U54634

LIVE

BW ISO POP CH4

SLN U54634

LIVE

BW ISO POP CH4

SLN U54634

LIVE

Yes No

Did you find what you were looking for?

Continuous User feedback or ‘Suggesstion box’ functionality throughout the application

Submit ‘Data Change’ request automatically

‘Suggestion box’ feedback loopD - DATA

4. SEARCHFree search, spell check recommendations and seach docs or external

3. PERSONALMy Profile quick-access to tailor your experience

1. VERIFIEDRating corrected through your Confidence Score

2. DATAAutomated data change requests

Technical Specialist Tomash Targanski


Remember my choice

You can always go back and change this in your setting at a later date

We have personalised your experience as you are a Manager, Technical Specialist (F&R)

2. Expand to reveal more

Technical Specialist Tomash Targanski

1. “My Profile” top bar quick-access

Personalisation is also available via “My Profile” top navifgation

Quick access to Personalisation within ‘My Profile’H - PERSONALISATION

UX TO UI HIGHLIGHTS

Solving UX problems with with new

functionality

[email protected] +44 (0) 7971 708027

MY USP; REQUIREMENT GATHERING

iPad Note Taking

WRITE, DRAW AND TYPE WITHIN THE MEETING MANAGER APPiOS 11 Split-Screen opened up true multi-tasking allowing the Client Advisors, the primary users to have make notes discreetly and continue presenting.

iPad Pro UI Journey

[email protected] +44 (0) 7971 708027

1. STARTMeeting List > Notch Menu

4. MEETING AGENDAMeeting Notes. Freehand Notes.

2. SPLIT SCREENNote taking. Sidebar open

5. SUMMARYWhat. Where. When

3. CHOICEPen style. Colours. Highlights.

6. CONSOLIDATEDFreehand and typed compiled notes for sync

Understand > Ideate > Roadmap in 3 days

[email protected] +44 (0) 7971 708027

DISCOVERY TO ROADMAP IN 3 DAYS

Discovery UX to Roadmap in 3 days

HELP PEARSON SOLVE BIG PROBLEMS, FAST. Facilatate a user centred and business workshop to deliver;• Value Proposition Statement to excite users and customers• UX Concepts and goal orientated Product Roadmap.

GENERATE A VALUE PROPOSITION, COLLABORATIVELY.Guiding Pearson through alignment sessions based around three hypotheses;1. Understand Persona playback, alignment and clarification2. Ideate Leverage Opportunities from Journey mapping then 'sketch'3. Roadmap Present, prioritise and drive next steps Adding client

and user value

[email protected] +44 (0) 7971 708027

1. DATA DRIVEN PROFILE & TEST BUILDEREmpower user with a guided self-service model for selection, surfacing and suggestion.

3. CANDIDATE EXPERIENCE & VALUECandidate self-improvement. Shorter assessments. More engaging tests Instant feedback, tips to improve. Job suggestions

2. RIGHT INSIGHTS FOR THE RIGHT USERPersonlisation. Engage the users with video and live visualisations

4. FROM HIRING TO PERFORMANCE.Track new hires over time to inform future hiring trends

ADDING VALUE TO USERS AND CANDIDATES

Wrap up

[email protected] +44 (0) 7971 708027

And finally...

[email protected] +44 (0) 7971 708027

FROM WHAT SKILLS I CAN BRING TO A TEAM TO BEST PRACTICE UX THORUGH TO A CHIOCE SELECTION OF PROJECTS.

I am a User experience Designer who helps financial giants like UBS and Thompson Reuters, gambling and health care companies like Sportingbet

and BUPA to adapt to the digital world.

I refocuses my clients on user experience and on how to engage with a new digitally savvy audience.

[email protected] +44 (0) 7971 708027