alten calsoft labs - ux engineering services

Usability and Interfaces Design Lab

“Technology agnostic”“Innovative

interfaces”

“Process Driven”“Multi-screen,Multi-devices”

Copyright © 2014 Calsoft Labs

Content

UX Engineering Services

UX Engineering Process

Success Stories


Calsoft Labs’ User Experience Specialized in usability and user interface design, our User

Experience creates optimized interfaces for a better user experience.

ALTEN Calsoft Labs’ User Experience allows its customers to develop users loyalty thanks to an optimized design and usability : efficiency, effectiveness and subjective satisfaction.


UX Engineering - What we bring to the table

■ Strength in Understanding Business

■ Complete Range of services

• Design Research, Planning, UI Design & Prototype, Documentation, Go to market strategy

■ Technological capabilities

• Rich Media Technologies, such as AJAX, Flex, Flash Actionscript, Ruby on Rails, Silverlight and AIR.

• HTML5, CSS 3, Javascript and open libraries such as GWT, Jquery (UI & Mobile), YUI, EXTJS

• Adobe, Corel and Autodesk softwares, multimedia and development Products

■ Reusable UI components

• Reduce development and QA time frame

■ On-going implementation support


UX Engineering - Complete Range of Services

UX

Engineering

Services

Research & Analysis

IA & UI Design

Prototypes Process Integration

Technical Documentation & Product

Support Systems

Business Communicati

on

UX Engineering Services UX Strategy Services Design & Usability Creative Design & Branding Architecture & Development


Content



Success Stories


UX Engineering Role & Responsibilities

• UI Architect• User Studies• User Validation• Business Process

Design• UI Architecture

Listening

• UI Designer• User Interface Design• Interaction Design• Branding & Visual

Design• Information Design

Discovering• UI Developer

• Presentaion Layer• Cleint-side Technologies• Server-side

Techonologies

Developing


UX Engineering Development Process

Readiness Workshop

• [2 days]

Modular UI Design

• [SPRINT 1 - 4 Weeks]

Funtional Prototype

• [SPRINT 2 - 6 weeks]

Production Code

• [SPRINT 3 - 4 Weeks]

Optional Sprints

Calsoft Labs Agile Design Workflow


Process Overview

New Meaning

3. Applied

Ethnography

2. Focus Groups

4.

Emph

atic

Desig

n

5. Beta Testing

6. New

Meaning

1. Q

uanti

tativ

e An

alys

is

“Discovering Innovations”

Interpreting“Understanding Needs”

Listening

Capability in understanding customer needs in the context of use and playing an active role as an user

Addressing

“Co-Developing Innovations”


Talk about Innovation

Functionality(Technology)

Sense/Style(Form/Feeling)

Calsoft Labs Engineering expertise coupled with UI design experience fuels both dimensions of Innovation, when it comes to Design Management

People NeedsDimensions of Innovation

Meanings = Symbolic / Emotional meaning


Everything has meaning

■ Calsoft Labs UI practice strongly believes that every thing has meaning.

■ Identifying meaning, sense, form, style is the key aspect of any design management Process.

■ Persona Identification tries to provide some structure to understanding of meaning.

■ Persona identification is like market segmentation, but based on meaning.

“A lot of times, people don’t know what they want until you show it to them”. – Steve Jobs

Consumer focus groups most of the time fail to express the meaning directly, so we use them carefully!


Different ways of understanding

■ Brainstorming sessions to understand the stakeholders requirement.

■ Studies on customer support - emails, logs, forums to understand FAQ and the show stoppers of the applications

■ Walk the talk with different stakeholders (differing samples)

■ Go through the daily activity list of each type of users and define the navigation structure for each users and the dashboard. (Interface design specifics)

■ Questionnaires (Both Open & Closed)

■ A day with the User – Observations & interactions

■ Crowd Sourcing


Empathic Design – Persona identification■ Gives attention to users feeling

■ Complements the market research/Qualitative approach

■ Brainstorming – Cross functional team

■ UI/Frontend Designer

■ Backend expert

■ Connector/ Neutral Observer

■ Typical output at this stage are

■ Persona identification / Segment identification (if not done prior)

■ Feedback on customer’s segmentation

■ Feedback on functionality requirements

■ Wireframes

■ Misc brainstorming feedbacksTalk, Listen, Watch, Measure, Experience …Reflect & Co-Research


Content



Success Stories


Online Survey

Group Discussion

Survey QuestionnaireUsability testing

Understanding Needs

Discovering Innovations

User Interface Design and Branding

Healthcare Management System

Wireframe

Axure based interactive wireframe

http://share.axure.com/DBSMTO/


New Meaningo User level priority based

navigation groupingo Followed User interface guidance

for healthcare web applicationso Dashboard for each type of users

based on the frequency of usage.o User friendly verbal Alerts and

Notifications and labelso Across all platforms and devices

Old Meaningo All way of grouping and defining

the screeno Desktop Applicationo Inconsistency in navigationo Standards not followedo Multiple screens for accomplishing

a single tasko Windows platform dependency

Healthcare Management System


Online Survey

Group Discussion

Survey QuestionnaireUsability testing

Understanding Needs



Enterprise Applications – ERP Application Interface


New Meaningo Groupedo Preference based

screens/dashboardso Need basedo Focus on task/actionso Alerts and Notificationso Any deviceo Anywhere

Old Meaningo All in one screeno Technicalo Focus on informationo Pop upso Multiple screenso Open to every oneo PC platform

ERP Application interfaces –Discovering meaning


Online Survey

Group Discussion

Survey Questionnaire

Card Sorting

Understanding Needs



Mobile Application Development

Task Analysis & flow


New Meaning in Usabilityo Grouped the activitieso Prioritize based on User

Needo Focus on task/actionso Alerts and Notificationso Touch based navigation

Mobile Application Development Discovering meaning

Same UI designed across all platforms – desktop, tablets and Mobiles

New Meaning in Technologyo HTML 5 / CSS 3 based User interface

Designo Jquery Mobile touch and custom UI

controlso Across all Platforms – Apple iOS,

Google Android, Windows Phone 7, BlackBerry and more.

o Across all Devices –Desktop, tablets, mobiles and touch based devices

o Across all major screen resolutions – 1024 * 768, 480 * 320, 480*800 etc…


RIA Application - Genomic Viewer


RIA App – Healthcare Digital Content Publishing


SAMPLE UI


Vehicle Tracking

24


RFQ System

25


ERP Solutions

26


e-Commerce Site

27


Thank You

alten calsoft labs - ux engineering services

Design

calsoft labs ui practice

optimized design

design management process

ui design experience

days modular ui design

better user experience

user interface guidance

o user friendly v