UX Guy. Educate Collaborate Innovate. User Experience & User Interface Design

Similar documents
UX for Successful Products

GENERIC AGENCY STATEMENT OF WORK. Website Redesign Project Generic Company

MENDIX FOR MOBILE APP DEVELOPMENT WHITE PAPER

eorgette ullivan Portfolio

Successful User Experience: Strategies and Roadmaps

About Blue Sky Sessions

Andrew Hill USER EXPERIENCE DESIGN PORTFOLIO

user experience interaction design web design web development web:

Go to Market with a New Analytic Product in Just 8 Weeks.

How To Build A Successful Business

ESTIMATE & SCOPE OF WORK /

By Peter Merholz, If you use it, please attribute it. Thanks.

SAP Fiori Design rapid-deployment solution

Managing Existing Mobile Apps

Client Overview. Engagement Situation

EMPLOYEE LOCATION TRACKING SERVICE

Making Mobile a Reality

Man vs. Mobile. Mobile Business Intelligence is Here to Stay

Spike Tech Tip: How to use your online, cloud-based tools for Spike

USER EXPERIENCE DESIGNER & RESEARCHER

The USER & The Design Process

USER EXPERIENCE TRAINING CLASSES New York City

Interview with Cocomore, agency for marketing and IT services

Mobile App Design and Development

Making Leaders Successful Every Day

MULTIMEDIA. Sploosh Media

User Experience (UX) services

A digital Creative Company

Enhance Your SAP Portal Experience Using SAP Mobile Documents. Matt Carrier, SAP SESSION CODE: PO358

White Paper. Bridging the essential gap between Mobile Cloud and crowd based testing. 1. Introduction. 2. Testing Lifecycle

50 shades of Siebel mobile

Mobile Test Strategy. Shankar Garg. Senior Consultant - Testing

Anchor End-User Guide

Contents WHITE PAPER. Introduction

Ready to Redesign? THE ULTIMATE GUIDE TO WEB DESIGN BEST PRACTICES

Adobe Experience Manager Apps

Mobile App Design ITP 340x (3 Units)

Building the High Tech Startup ITP 499x (4 Units)

A DIGITAL SOLUTIONS AGENCY Queen Anne Ave N. Ste. 337 Seattle WA,

White Paper Bridging the Essential Gap between Continuous Quality and Crowd Based Testing

Downloading Electro Scan Smartphone App From Google Play* * Previously known as The Android Market

Statement of Direction

Armedia. Drupal and PhoneGap Building Mobile Apps

Mobile App Proposal Magazine company- @address.com. January 12, y. Direct Contact.

AppDev OnDemand UX Design Library

Developing and deploying mobile apps

JAVIER GONZÁLEZ. User Experience Designer and Information Architect

ByteMobile Insight. Subscriber-Centric Analytics for Mobile Operators

Rapid Development of Smart and Self-Adaptive Cloud, Mobile & IoT Applications - Accelerating the Last Mile of Cloud Computing

Accent Technologies. UI / UX Designer

Design. Darryl Brown! Mobile Development! 2b Design & Development

Adobe Summit 2015 Lab 718: Managing Mobile Apps: A PhoneGap Enterprise Introduction for Marketers

USER EXPERIENCE DESIGN CASE STUDY

A Firsthand Look at the Usability and User Productivity Improvements of SAP CRM Web UI Toros Aledjian SAP Global Design and UX Senior Product Manager

MERVIN FRANCIS JOHNSINGH

Designer Consultant Architect. Ross Robinson. Hire or Freelance. Available for. Forward Thinking Projects. Seeking PORTFOLIO USER EXPERIENCE DESIGN

Software Re-Engineering and Ux Improvement for ElegantJ BI Business Intelligence Suite

Exploring Mobile Space Stanfy Publications. Mobile Application UI/UX Prototyping Process

Qlik Consulting helps you accelerate time to value, mitigate risk, and achieve better ROI 1/35

5 Steps to an Engaging Enterprise Mobile Strategy /

UX Adoption & Design Services for Fiori and Screen Personas

Top 10 Skills and Knowledge Set Every User Experience (UX) Professional Needs

Etanova Enterprise Solutions

Mobile Application Development Meets the Mainstream

UX Design is dead. Chris #UXDisdead

What is User Experience? James Morley-Smith Mike Kaminsky Nico Li

Sage CRM. Sage CRM 2016 R1 Mobile Guide

Mobile apps development for Joomla

Developing And Marketing Mobile Applications. Presented by: Leesha Roberts, Senior Instructor, Center for Education Programmes, UTT

Application Development Best Practices

Setting Up groov Mobile Apps. Introduction. Setting Up groov Mobile Apps. Using the ios Mobile App

White Paper. Banking on the Tablet Channel

Native apps building platform

Terrace Consulting Services

Strengthening the decision making process with data intelligence in publishing industry CONTEC 2014 Frankfurt Germany - October 7 th 2014

API Management Introduction and Principles

Mobile Device and Application Strategy. Right Technology, Right Design, Right Price

Compare versions with Maximizer CRM 12: Summer 2013

Experience managing the delivery, ongoing success, and continuous improvement of one or more digital products and/or platforms.

Print to Interactive Roadmap. with Patrick McNeil

5 Secrets to a Successful Mobile Application Testing Strategy

Ali Reza Kohani. User Experience Designer

SWISSVBS LEARNING CLOUD (SLC)

Easy Wireframing with

Cloud Counting. Research Analysis

SAP ASUG UX University From Idea to Fruition The UX Puzzle

Mobile Development with Git, Gerrit & Jenkins

are their days numbered?

Middleware- Driven Mobile Applications

Modernizing the User Experience with SAP

Version Comparison MAXIMIZER CRM Published By. DATA SHEET Version Comparison 1

TESTING & OPTIMIZATION FOR MOBILE DEVICES

Attachment 3: Questions and Answers

What s behind door number three?

Computers, Smartphones & Tablets Sales:

ORACLE WEBCENTER PORTAL

white paper Modernizing the User Interface: a Smarter View with Rumba+

Create Beautiful Reports with AWR Cloud and Prove the Value of Your SEO Efforts

Transcription:

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