Touch, Tap and Swipe Your Way to

superbshelfΚινητά – Ασύρματες Τεχνολογίες

12 Νοε 2013 (πριν από 3 χρόνια και 9 μήνες)

158 εμφανίσεις


Touch, Tap and Swipe Your Way to
Delightful iPad Apps


MicroStrategy World, 2012

Miami, Florida

Rohit Bhayana, Managing Partner

InfoCepts

Brief Overview of InfoCepts


Helping Our Customers Derive Value from Their Data


High quality, low cost dual shore
delivery model


220
people devoted to delivering BI
and
DI
Services and Solutions


6
+ years of growth driven largely by
referrals and
expansion of our
customer’s teams


Solutions focus on emergent areas
(e.g
.
Social Media Intelligence, Big
Data Analytics, Mobile Applications)


Broad
and deep set of BI/DW
technologies supported


Some of Our Customers Across Industries

Data Management

5

BI Strategic Services

BI Application Development
& Management


Data Governance &
Stewardship


Data Quality


Data Integration


Unstructured Data
Integration


Metadata Management


Master Data
Management


Data Analysis


Data Design


Enterprise Information
Strategy and Planning


BI Metrics Management


Business Analytics


Text Analytics


Predictive Analytics


BI Application Customization


Administration and
Technology


Managed
Services


Program/Project
Management

Our Services

Technologies

BI:

MicroStrategy, Microsoft SSRS/SSAS, Cognos, Pentaho, BO

DB:

Oracle, SQL Server, Teradata, MySQL, Netezza, Postgress, Greenplum

Custom:

Custom Web and Mobile user interfaces for BI applications

ETL:

Informatica, SQL Scripts, Microsoft SSIS, Talend, ODI, Composite

Specialized:

Clarabridge CMP, Tibco, SPSS/SAS, iMacros, QL2, WebQL

Tools:

Bugzilla, Load Runner, Badboy, Testlink, QTP, HP Quality Center


Industries

Retail, Online Media, Telecom, Pharmaceuticals, Hospitality, Healthcare, Mortgage,
Insurance, Higher Education, Financial Services


Industries and Technologies



Highly Specific to the Technology



Best Practices, Processes & Templates



Guides and Checklists for each Phase of the Development
Lifecycle



Reference Architecture



Project
M
anagement Tools



Technical
W
idgets



Test
C
ases



Reference
M
aterials

Focus on Solutions



Designed for MicroStrategy



Data Visualization Best
Practices



150 page Design Guide



Design Catalog



Re
-
usable Templates



Requirements questionnaire,
sample project plan, test case
format, design template and
design checklist

Our MicroStrategy Dashboard Solution


Both Founders ex
-
MicroStrategy



Strategic MicroStrategy Partner and Reseller



200
+ MicroStrategy Projects



MicroStrategy Customizations, SDK Experts



Award
-
winning Dashboard Design & Development Methodology



Dedicated Data Visualization Experts



One of the First to Market with Mobile Applications



Only MicroStrategy Partner to Participate in all MicroStrategy beta releases



Our MicroStrategy Credentials




According to his friends, what color did
Steve Jobs’ skin appear to have at times
and why?

Steve Jobs Lore #1

Designing & Developing
MicroStrategy iPad Apps


From Grids, Graphs and SQL

To Dashboards and Visualizations

To Designing Apps for the iPad


Scenes and Screens

The Corner of Technology Street and Liberal Arts Street


Competing against Angry Birds,
Tinytower

and other well designed Apps



Storyline



User input
-

tactile, gestures



Device specific constraints



Mobility



Security



Apple Human Interface Design and Data Visualization Principles



Executive Driven Projects



Keeping the background and frame in a graph transparent should be
avoided since it appears black on
iPhone

due to the default black
background



The following graph types are not supported in iPad


Gantt Chart,
Funnel, Graph, Pareto Chart, Histogram, Hi
-
Lo Stock Chart



Pie Graph should be used at the place of comparisons where
number of elements is less than or equal to five for more than that
horizontal sorted bar graphs can be used



Grids can be used in situations where number of elements is less
than 10 so that all the data can be see on the screen at a time and,
for more than that, line graphs can be useful




iPad Design Guidelines (1 of 4)


Graph reports present data visually in a style such as a bar, line, or pie
graph.












To view tooltips to explain parts of a graph
-

Tap and hold on the screen



To zoom in/out
-

Perform a pinch on the center of the screen or double
-
tap
the center of the screen to switch between a zoomed
-
in view and a
zoomed
-
out view.

iPad Design Guidelines (2 of 4)

Flash Widget



Substitute in /

Microcharts

Available in iPad

RSS Reader

Available

in iPhone

Waterfall

Thresholding

in
Graph



Weighted
List
Viewer



Grid with

thresholding

on metrics

iPad Design Guidelines (3 of 4)

Flash Widget



Substitute in /

Time Series

Slider

Available

Graph Matrix

Line/Area


Graph

Interactive

Stacked
Graph

Stacked Graph

Media

Link to Video

iPad Design Guidelines (4 of 4)

Key Considerations when
Designing iPad Apps


Steve Jobs Lore #2

Why didn’t Steve Jobs and his wife,
Laurene

have a sofa in their home
after eight years of living in their
home?



Expert on Data Visualization Best Practices and Apple
Human
Interface Design Guidelines


Mobile and MicroStrategy Experience


Guide selection of appropriate controls/widgets during the design
phase


Create any new images/icons needed for the App


Create the App Color Palette


Create Mobile “Refined” App Mockup which defines the final look
and feel

#1
-

Use a Data Visualization Expert

Created by a Developer/BA

Expanded KPI
Grid

Shaded Trend
Graphs instead
of Horizontal
B
ar

Reduced size
of map

Addl

screen
space


more
information

More appealing
color palette

After DV Expert

#2


You are Gathering Requirements for an App


not just a set
of Reports

#3
-

Show Them What They’ll Get


Building a Demo

Building the Demo


Ingredients


Knowledge of your business and application


Some PowerPoint skills


MicroStrategy Web


Screen capture tools


Video tools like Captivate


Templates



A Sample Video

Steve Jobs Lore #3




What employee number was Steve
Jobs at Apple?

Requirements Gathering and Analysis

App Storyboarding

Initial App Mockup

Refined Mockup

Identify Datasets

Data Sets

Test Application

Develop Subsequent Screens

Regression Test

Color Palette & Branding

Template & Landing Page

Design All Screens

Final Application

Requirements


App
Storyboarding

Iterative QA

Deployment

Agile Build

Process

#4
-

Involve Your Humans

Often

1



Storyboard
Review

2



UI
Prototype
Review

3



1
st

Cut
Dev

4



Selected
Release

App Storyboard

#5
-

Think about Your Test Strategy Upfront


Need to address many new variables specific to Mobile Development



User interface is no longer a GUI. It is a NUI (Natural User Interface)
with tactile features that need to be tested


“finger” testing



Navigation


A lot of navigation enabled on a smaller screen



Mobile Apps are prone to interruptions, such as incoming calls, or
switching to other applications. All such use cases need to be
thoroughly tested.



The mobile environment offers less memory and processing power



Network performance



Security




Our Approach for Test Cases


Usability Test Cases



iPad Gesture Testing



Interruption Handling



Network



Restore Sessions


Our Program


Key Attributes


The importance of a Data Visualization Expert



Key considerations when gathering requirements



Show your users how the app will look before doing any
development


use our Guide



Involve humans often



Think about your testing strategy up front


Requirements Gathering and Analysis

App Storyboarding

Initial App Mockup

Refined Mockup

Identify Datasets

Data Sets

Test Application

Develop Subsequent Screens

Regression Test

Color Palette & Branding

Template & Landing Page

Design All Screens

Final Application

Requirements


App
Storyboarding

Iterative QA

Deployment

Agile Build

Process

Our Approach

Our Mobile (iPad) Design and Development Program

KEY ARTIFACTS



Mobile App Requirements
Questionnaire



App Storyboarding
Guidelines



Mobile App Design
Templates



App Development
Checklist



Test Case Document



Mobile Configuration and
Deployment Guide

TEAM



Onsite Project Lead



Offshore DV Expert



Offshore Project Lead



Offshore Developer



Offshore Data Quality
Analyst

THANK YOU