Copenhagen ITU 2010 UXBASIS and concept development

brings you a presentation

An introduction to

2 | Presenting UXBASIS | 03.12.2010

Agenda

• My background, work and experience

• Process, collaboration and planning

• UX and Usability

• UXBASIS

• Business Intelligence (15 min break)

• Analysis

• Structure

• Interaction

• Sample

• Cases

• Where do you go from here?


My professional background

• Senior web designer• Design manager• Information Architect


At Reed Elsevier I experienced a company that went from…


…to this


Collaboration

http://www.flickr.com/photos/userpathways/2629352032/



We know this isn’t easy….




Hello Group


Usability tests can validate our assumptions

flickr: julianbleeker


User experience is more than usability



How did we get here?

Introducing UXBASIS


What is it?

UX BASIS is a process and a set of tools to help an organization engage with users through the products that are developed.

UXBASIS helps communicate projects with other UX professionals, stakeholders, designers and developers.

UXBASIS


UXBASIS – UX in a box


Poster for (Agile) development rooms


UXBASIS


Business Intelligence UXBASIS

Business focused information gathering


Stakeholder Interviews UXBASIS

• Gain insight to the business culture• Focus on deliverables, the success criteria• Forms a thorough final brief

• Contributes to a Concept Model to align expectations


Competitor Analysis UXBASIS

• Measurement of success and failures in the marketplace.• Helps in informing a particular solution.• Establishes best practices in competing websites and to learn

from different approaches and innovations

• Matrix diagram can help describe pros and cons of competitors


Analysis UXBASIS

User focused information gathering


Personas UXBASIS

• In-depth descriptions of fictional characters• Focus is on identifying common traits with users• Aim is to cover user behavior, attitude, skills and goals

• Can later be used during testing to ensure appropriate recruitment


Persona example


Concept Model UXBASIS

• Provides an overview of possible product elements• Focus is the user wants/needs and the business goals• Aim is to create an overview map everyone can understand

• Ideally created early and then edited throughout the process


Concept model example


Concept model example


Collaborative Workshops UXBASIS

• Meeting with stakeholders to explore ideas• Focus is on concept, direction and content of product• Aim is to come up with more innovative solutions

• Can identify business goals not previously mentioned


Structure UXBASIS

Developing the information framework


User Journeys UXBASIS

• User path to the goal in the product is defined• Focus is on user’s tasks, behavior and challenges• Aim is a tool from which the information structure can be

generated

• Useful with complex structures and multiple users



Wants to create profile on Refunite.org.

States a user needs an email address or

can create a quick code

New user logs in

Gets to homepage - sees a clear call to action to register

profile, clicks on button

Asked to supply information and told about security aspects. Tone of copy in encouraging and honest

Enters information into fields on the form. This can be a three step

process

Finally asks for an email address to send notifications of contact and to gain access to site. Privacy policy stated here and security warnings

Website asks user to supply a username and password to enable the user to access their personal area and

mailbox for the next time of usage

Email sent to inbox and system tells user to check their email immediately

User checks inbox, opens mail, clicks on link

Welcomed as a new user, inside the search area of the site. Explanatory text guides

them to the next stage of searching for a relative

Previews the profile, including a photo if added,

and now introduces the final stage for security – access

rights

Or the user has an opportunity to create an

access code by allowing the site to text the code to a

phone, using same technology as a mobile user

User checks phone, gets SMS

1

2 3

4

Uses code to access site (there is a new interface presented to users here if

they have chosen this path to gain entry)




Interaction UXBASIS

Creating the flow


Wireframe

• Key pages are produced possibly based on earlier sketches• Focus is on navigation and task completion• Aim is a tool that can be used to start the interface design

• Can be used in conjunction with a Think Aloud test

UXBASIS


Wireframe UXBASIS


Wireframe UXBASIS


Prototype

• Fully functional HTML prototype with complete structure• Focus is on the interaction design of the product• Aim is working prototype the development team can use

• Final testing can be done to ensure that the interaction matches the user requirements

UXBASIS


Wireframe example


Sample UXBASIS

Testing the results


Eye Tracking

• Users are tested using hardware that tracks where they look• Focus is on the users apparent interest in product elements• Aim is useful information that helps optimizing the layout

• Eye tracking on visual designs only

UXBASIS




Cases



Refugees United


Airshoppen seating application


Fritz Hansen


Fritz Hansen


Roskilde Blog


Tradeshift


Tailor the UX process to your project needs


How do you get there?

UXBASIS tools help define a new project regardless of it’s constraints.

This map helps scope a project dependant on specific questions held in a brief.

Each ‘destination’ being a tool described in UXBASIS.

http://www.flickr.com/photos/uxmosis/5142954146/




Thank you

Find out more on uxbasis.com


Thank you

Or follow us

on Twitter:

@uxbasis

@hellogroup


Thank you

Or Facebook: http://www.facebook.com/UXBASIS

http://www.facebook.com/UXBASIS

Date post:	20-Aug-2015
Category:	Design
Upload:	james-kelway
View:	1,351 times
Download:	0 times