UX Guy Educate | Collaborate | Innovate

User Experience & User Interface Design

Framing The Opportunity The entire initial project engagement process brings together all project stakeholders including product owners, business owners, developers and opinion holders.

Framing The Opportunity Distilling the project statement of intent. Creating and / or rewriting the project brief or SOW.

Pre-Session Inputs

Project Discovery

Collecting and learning from current product usage, data, technology, resource gathering, cross device implementation, content and internal processes.

Detailing Current UX / UI / CX trends, product statistics, competitor trends, value propositions and user needs.

Sign Off Collaboration in production of an agreed signed off project (SOW) Statement of Work, including sprint and production timelines, budget, testing, iteration cycles and go live deployment dates.

Stakeholder Workshops Workshops are conducted at the start of each project. Workshop sessions offer key product owners and project stakeholders the opportunity to collaborate and innovate with our UX team to focus on product ideation architecture design, key feature, user flows and test and validate MVP products on different devices in real time. Ultimately our workshop methodologies help project owners validate their product hypothesis.

Agile

Key Features

Card Sorting

Responsive Framework

Personas

Analytics

Notifications

Lean Strategy

Product Iteration

Valdiate Hypotheis

Native VS Hybrid

MVP

User Types Device Context

Hypothesis Validation

Multi Device Prototyping High-level MVP interactive clickable prototypes created for multi device strategy including responsive web, native Android & iOS mobile / wearable apps and enterprise platforms.

(MVP) Minimal Viable Product MVP creation can be created during stakeholder collaboration workshops. MVP can illustrate key features, user flows and user metric goals for validation quickly.

Hypothesis Validation A prototype will help validate product assumptions and features hypothesis. Hypothesis creation can help prove product appeal and provide essential learning’s for product direction.

Research Every project is unique and custom comprising of necessary research components for product storytelling and validation. Research can compromise of persona development, user research, customer development, competitor research, business goal alignment and analytical data fact-finding.

Persona Development Selection and creation of key user demographic personas for review, testing and alignment to product / app features.

Customer Development As part of the research process we can video interview users, test current product features with users, conduct user insight workshops and product focus groups.

Competitor Research Active market competitor analysis, detailing apps, websites, platforms, features, user base, performance, device strategy and product key differentiators.

Data / Analytics / Storytelling Current UX / UI / CX trends, product statistics, competitor trends, value propositions and user needs.

Information Architecture (IA) Information Architecture will be used at the initial

Advantages

Storage

Product sitemap Creation Product Framework Outline Implementation (cloud) flow Platform diversification

Server

Navigation architecture outline (per device type)

Deployment

API / integration Phone Gap

Server / storage architecture

Cordova, Native

Framework

Hybrid

Performance monetization reporting

Bootstrap, Foundation,

API

Ionic

App

Navigation

Menu

Error Message

Section

Gesture

Wireframing Static wireframing is used during early stage ideation to help visually explore product user experience flows and features. Customer journey wireframes help key stakeholders, user experience design team and beta users test, iterate and validate product hypothesis.

iOS / android / angular.js

navigation

tap

gestures

orientation user context

Detailing Current UX / UI / CX trends, product statistics, competitor trends, value propositions and user needs.

Interactive Prototypes Interactive user prototypes can be developed to test product features, usability, user experience, interface design and platform paradigms and testing.

animate

Advantages Live ‘On Device’ user flows Focus on key features Available to test on any device

Navigation tap

Collaborate live with key stakeholders Live A/B / usability testing Accelerate user needs / understandings Live native / cross platform, (iOS Android) / responsive / web app / wearable key feature flow

Key Feature

prototyping

(UI) User Interface Design User Interface Menu

Username Here

Help

Notifications

Settings

Iconography Creation Colour Pallet Creation

Add

Dashboard

Opportunities

Colour Psychology Typography Wh o Is Online?

Menu Search

Link

Link

Search

UI Guideline Development Interaction States Animation Error Message Design Notifications Design

key feature flow

Navigation Design Native OS Agnostic Design

View

Interaction Design Interaction design elements are considered throughout the user experience process. These can include, button feedback, animation, sound, micro-interactions, progressive disclosure feature approaches that function holistically throughout the product design. progressive disclosure

animate

Menu

Brand

Skip Disclosure Descriptor Tool Tips

micro interactions Logo

Welcome

sound

Introductory Text, Onboard Your User Sign In

Ok

Sign Up

icon

affordances

icon

icon

icon

Testing Testing is conducted continuously throughout the project lifecycle, right from the beginning. Usability testing is conducted to analyse user flows, user behaviour, analytical data, prototypes (MVPs), navigation, content copy and colour psychology right through to button size and gesture types per device (smartwatch, smartphone, tablet and desktop). Testing learning’s is paramount in iterating and improving product features, experience and user satisfaction.

A /B Testing

A

Sign Up

Eye Tracking

B

Register

Usability Reporting

Usability Testing

Services Client Education

Wireframing

Client Collaboration

Information Architecture

Client UX Workshops

Interactive Prototyping

Digital Transformation Strategy

User Experience Design User Interface Design

User Research

User Centered Design

User Data Mining

Interaction Design

Persona Development Product Storytelling & Validation

Enterprise (Multi Device) Platform Design

Customer Experience Mapping

Android App Design (Smartwatch / Smartphone / Tablet) iOS Native App Design (Smartwatch / Smartphone / Tablet)

Usability Testing

Responsive Website Design & Build

Usability Reporting

eCommerce Responsive Website Design & Build

A/B Testing

Web App Responsive Design

Eye Tracking Testing

Dashboard Design