Top Banner
mPortal Design Methodology
12
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: mPortal_Design_Methodology 2

mPortal Design Methodology

Page 2: mPortal_Design_Methodology 2

DEFINE

DESIGN

RESEARCH

REVIEW & REVISE

BRAINSTORM

PROTOTYPE

SKETCH &WIREFRAME

DELIVER

WHAT IS OUR PROCESS?

Page 3: mPortal_Design_Methodology 2

DEFINE It is critical to clearly define the entire project methodology as it helps everyone to make clear decisions regarding project objectives, scope, timelines, and scope. We think about the audience we are trying to reach and how they complete tasks. Requirements are identified resulting in a list of necessary business, user, and functional requirements. By working collaboratively with our clients every structural & design element is optimized around the needs of business goals and users.

DELIVERABLE - Requirements Definition Document

Page 4: mPortal_Design_Methodology 2

We believe research is imperative to achieve business success. We research to gather ideas and gain knowledge of our client’s competition, markets, and customers. Research ensures truly evidence- based design that delivers our clients business goals. This helps us to open up and explore the problem space and the market we are working in, Our research methods include competitor benchmarking, best practice analysis, expert reviews, stake holder interviews, surveys, and user testing, which helps everyone the starting point of design.

RESEARCH

DELIVERABLE - Competitive Analysis Document

Page 5: mPortal_Design_Methodology 2

BRAINSTORM We use brainstorming to start to share and develop initial ideas and interaction concepts. It is an iterative process resulting in problem solving and design solutions We start general and end specific, writing down and or sketching everything. At this stage in design we defer judgment, let the ideas flow, pose questions, and tackle different dimensions of the ideas. We encourage all ideas at this stage while staying focused on the topic.

DELIVERABLE - Ideation Document

Page 6: mPortal_Design_Methodology 2

Sketching/Wire framing (ranging from hand drawn sketches through to high fidelity wireframes) is a key part of our design process. This allows us to explore design choices, conceptualize functionality, and test theories with users, stakeholders, designers, and developers prior to starting development.

SKETCH & WIREFRAME

DELIVERABLE - UX Document

Page 7: mPortal_Design_Methodology 2

DESIGN Good design begins with defining the problem. A solution cannot be reached until there is a firm understanding of the project.

DELIVERABLE - Style Guide

Page 8: mPortal_Design_Methodology 2

REVIEW & REVISE Redesigning user interfaces on the basis of user testing substantially improves usability. Gathering and analyzing user feedback throughout the process helps define key areas of improvement.

DELIVERABLE - Design Iteration Document

Page 9: mPortal_Design_Methodology 2

PROTOTYPE Using an interactive prototype allows us to define the interaction flow or the user interface at a very early stage. Prototyping generates feedback early in the design process. Usability and A/B Testing also benefits greatly through the use of interactive prototype by providing richer interactions than static images, which are hard to piece together. Investing in the use of prototyping early on cuts down on development time by understanding the interaction model and communication feedback early on.

DELIVERABLE - Click-Through or Native Prototype

Page 10: mPortal_Design_Methodology 2

DELIVER Deliverables vary for each project but include assets along every step. Examples are wireframes, sketches, prototypes, style tiles, mind maps, mocks and final development assets. All of this culminates in the delivery of a robust and engaging application.

DELIVERABLE - Final Product

Page 11: mPortal_Design_Methodology 2

                                                     

Click here to view our Customer Portfolio

®

Click here to view our Company Overview

Page 12: mPortal_Design_Methodology 2

mPortal, founded in 2000, designs and develops mobile apps and services that focus on providing a superior end user experience. Our mobile solutions are targeted at organizations who are looking to transform their business into the digital era, extending legacy processes across smartphones, tablets and other connected devices.   Our customers to date include many of the world’s leading companies such as AT&T, Bright House Networks, Cablevision, Comcast, Cricket Communications, Cox Communications, Disney Mobile, GENBAND, Mobile ESPN, Reliance Infocomm, TELUS, TV Guide, Time Warner Cable, and Verizon Wireless.

About Us

7900 Westpark Drive, Suite A120 McLean VA, 22102 | 703.852.9600 | www.mPortal.com

/mportalinc

/watchmportal

@mportal

/company/mportal