Educate | Collaborate | Innovate

UX Guy

User Experience & User Interface Design

Framing The Opportunity

Pre-Session Inputs

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

Collecting and learning from current product usage, data, technology, resource gathering, cross device

implementation, content and internal processes.

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

Project DiscoveryDetailing Current UX / UI / CX trends, product statistics, competitor trends,

value propositions and user needs.

Sign OffCollaboration 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.

Framing The Opportunity

NativeVS

HybridAgile

ResponsiveFramework

CardSorting

LeanStrategy

MVP

AnalyticsUser

Types

Notifications

KeyFeatures

Personas ProductIteration

ValdiateHypotheis

DeviceContext

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 validatetheir product hypothesis.

Stakeholder Workshops

Multi Device PrototypingHigh-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

Hypothesis ValidationA prototype will help validate product assumptions and features hypothesis.

Hypothesis creation can help prove product appeal and provide essential learning’s for product direction.

Hypothesis Validation

MVP creation can be created during stakeholder collaboration workshops.

MVP can illustrate key features, user flows and user metric goals for validation quickly.

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.

Competitor ResearchActive market competitor analysis, detailing apps, websites, platforms, features, user base, performance, device strategy

and product key differentiators.Data / Analytics / Storytelling

Persona DevelopmentCustomer Development

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

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.

Selection and creation of key user demographic personasfor review, testing and alignment to product / app features.

Research

(IA) Information Architecture will be used at the initial

Storage

Server Deployment

Framework HybridNative

Navigation Menu

Error Message Section Gesture

API App

Phone Gap

Cordova,

Bootstrap,

Foundation,

Ionic

Information Architecture

AdvantagesProduct sitemap Creation

Product Framework Outline

Implementation (cloud) flow

Platform diversification

Navigation architecture outline (per device type)

API / integration

Server / storage architecture

Performance monetization reporting

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.

gestures

usercontext

navigation

tap

orientation

iOS / android / angular.js

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

Wireframing

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

tap

key feature flow

animate

Key Feature

Navigation

AdvantagesLive ‘On Device’ user flows

Focus on key features

Available to test on any device

Collaborate live with key stakeholders

Live A/B / usability testing

Accelerate user needs / understandings

Live native / cross platform, (iOS Android)

/ responsive / web app / wearable

prototyping

Interactive Prototypes

User InterfaceIconography Creation

Colour Pallet Creation

Colour Psychology

Typography

UI Guideline Development

Interaction States

Animation

Error Message Design

Notifications Design

Navigation Design

Native OS Agnostic Design

Menu Username Here Help Notifications Settings

Add Dashboard Opportunities

Search Search

Wh o Is Online?

key feature flow

Menu

View

LinkLink

(UI) User Interface Design

Welcome

Brand

Introductory Text, Onboard Your User

Skip

affordances

Sign In

icon icon icon icon

progressive disclosure

Menu

Disclosure Descriptor

Tool Tips

Ok

micro interactions

sound

animate

Sign Up

Logo

Interaction DesignInteraction 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.

A /B Testing

RegisterSign Up

BA

Eye Tracking

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.

Usability Testing

Usability Reporting

Testing

Wireframing

Information Architecture

Interactive Prototyping

User Experience Design

User Interface Design

User Centered Design

Interaction Design

Enterprise (Multi Device) Platform Design

Android App Design (Smartwatch / Smartphone / Tablet)

iOS Native App Design (Smartwatch / Smartphone / Tablet)

Responsive Website Design & Build

eCommerce Responsive Website Design & Build

Web App Responsive Design

Dashboard Design

Services

Client Education

Client Collaboration

Client UX Workshops

Digital Transformation Strategy

User Research

User Data Mining

Persona Development

Product Storytelling & Validation

Customer Experience Mapping

Usability Testing

Usability Reporting

A/B Testing

Eye Tracking Testing