Early Visualization
An approach to rapid UI development
Business goals &
User needs
Finding the right balance
Business Goals & User needs
Focus mostly on turnover and saving
Leveraging features to meet user needs
Meeting in the middle
Tactical goals to incorporate
features in a product
Seamless access to the products
and services
Capture Business goals from
stake holders and prioritize them
Strategic goals to
heated competition
Improved User experience and
reduced pain points
Identify target users and their
needs. Tailor the features for
target users
address
Corporate goals to help define
the business of the company
Opportunities to save money
Ensure that the business goals
dont overarch and trumps the
user experience
Involve cross functional team while
defining goals. You dont want
Impossible goals in list
Define metrics and perform
usability testing to ensure
project is in right direction
Prioritize goals to meet time,
budget and technical limitations
Who are your
Users?
More than just age, gender and
income based classification
Representation of your target audience
Of Knowing Your Customer, up close
User research methods
Identify major user groups of
the product
Helps in making decisions on
features to retain, prioritize and
chop off
Leverage information from
stakeholders and brainstorm to
create initial Persona spec
Used to uncover gaps and new
opportunities
Contextual interviews to observe
users in natural environment to
understand behavior
Personas and User segmentation
Identify the needs and issues
of the important user groups
Discover the characteristics,
behavior, expectation and
motivation and goals of users
Try to keep the number of user
groups under 5 and prioritize the
groups
Stakeholders make informed
decisions by empathizing with
the users
Persona identification starts at the
beginning of the project
Survey existing users to
understand their needs and
behavior
Competitive
Analysis
Learning from your competition
BPI
COMPETITIVE USABILITY EVALUATIONS
Define quantifiable and clear goals
before starting
Not just copying but progressive
improvement
More than just debating
Asses if a is design better or
worse than competition
Good initial research activity and
can help define direction for
design and Development
Identify features to compare and
set a scale to rate them
Identify how the same
problem is solved by different
vendors
Identify Risks before investing by
getting insights into features
Invite Users or Usability experts
to perform set of tasks and
collect feedback on usability
Identify what works and what
does not work for competition
Build up on the features that
users are happy with on the
competitions products
Map the ratings on a radar chart
to identify the good performers
across features
Identify the competitors you want
to compare with. 2 to 3 is optimal
Identify the feature or problem to
solve or compare
Trends in Retails Banking
Mobile banking getting more cheaper
Desktop still rules the roost
Most used features
Increased
investment
and
development activity noticed in
mobile frontier in 2015
User awareness and
t acceptance of
mobile banking needs to be
pushed
New deliverable every 3 months to
cater to progressive enhancement
Tablet
penetration
too
is
increasing in the middle and older
age group.
Trends in Retails Banking
This calls for new applications and
features
to
increase
the
engagement with the bank
Millennial generation still rules the roost. However research
suggests offering more valuable features for senior group to boost
engagement
Just Out of the box
Re-Brand the TCMB
label
product
to
standards
white
EWB
Tweak T24 and TCMB to meet
EWB banking processes
Complete redesign of OTB product
Phased delivery via Multiple Sprints
Identify features by analyzing
User
Needs,
Competition's
products and Build to match
Business goals
Deliver Approach 1
Improved User experience and
reduced pain points
TCMB Delivery strategy
Delivery in a single sprint
Two
to
Three
development effort
months
of
Identify features and Build to
match Business goals Prioritize
across multiple sprints
Deliver the enhancements over
multiple sprints
Requires additional effort for
requirements gathering and
prioritization
Scope
out
features
independent apps
Time line can vary from 6 to 10
months depending on features
New deliverable every 3 months to
cater to progressive enhancement
for
TCMB
A hybrid mobile app
EVA Approach
Road to Rapid Prototyping
User Study
Classification
Information provided by
business and marketing team
the
Issues faced by the users
Of the marketing team, IT, business
Issues highlighted by the IT team
and customer support
List for prioritizing
developing prototype
and
for
THE UX DEVELOPMENT PROCESS
26
The STEPS
Prototype
Convert the users description of the solution into mock-ups, factoring in user experience
standards and best practices.
Review
Share the prototype with users and evaluate whether it meets their needs and expectations.
Refine
Based on feedback, identify areas that need to be refined or further defined and clarified.
27
1. Define USER Stories
As A <Type Of User>, I Want <Some Goal> So That <Some Reason>.
Story: Account Holder withdraws cash
As an Account Holder
I want to withdraw cash from an ATM
So that I can get money when the bank
is closed
Scenario 1: Account has sufficient funds
Given the account balance is \$100
And the card is valid
And the machine contains enough money
When the Account Holder requests \$20
Then the ATM should dispense \$20
And the account balance should be \$80
And the card should be returned
28
1. Define USER Stories
As A <Type Of User>, I Want <Some Goal> So That <Some Reason>.
29
2. Define Features
Which main features do you want to expose your users to? List two to
three pieces of core functionality that you will include in the lowfidelity prototype.
The point of rapid prototyping is to showcase how something will work or, in later stages, what the design
will look like, without prototyping the entire product.
A good rule of thumb is to focus on the 20% of the functionality that will be
used 80% of the time.
30
2. DEFINE THE METHOD: HOW WILL YOU
SHOW IT?
31
Low FIDELITY Prototypes
32
Medium Fidelity
33
High Fidelity
34
3. Execute: On Paper
35
4. Evaluation & Review
1. Identify KEY benefits identified by the new feature or change. It
can be an improved usability, Increased competitiveness.
2. Comparative analysis of the multiple solutions to the same
problem
3. Measure emotional reactions of the users on the solution. The
reactions can range from Happy, Bored, Frustrated, Angry.
36
NEXT STEPS
1. Wireframe
Wire framing is an important step in any screen design process. It
primarily allows you to define the information hierarchy of your
design, making it easier for you to plan the layout according to
how you want your user to process the information.
2. Visual design
3. UI Development
37
Agile Iterations
38
