User Journeys - UI-UX Developer | Salman Shaikh

User Journeys
UX review of RRR implementation at myOSN.
Initial Draft (Version 1.1)
Author: Salman Saeed
© 2013 OSN, All rights reserved.
Description
User Journeys
Show user interaction to functionality of RRR myOSN from 3 different pages on myOSN website. Each journey will
start from myOSN website.
Contents
User Journey 1 – from myOSN home page (landing)
User Journey 2 – from registration page
User Journey 3 – from Login Modal Window
User Journey 4 – from Overview Page
User Journey 5 – RRR Page
User Journey Key :
myOSN Page
Global Modal Window
functional Check (Service Level)
Begin final Journey
Journey 1
1. Inactive Subscriber comes to site via primary url i.e.
myosn.osn.com
2. Has found a Inactive User Panel in bottom of home page, having
button to “Re-activate my account”.
3. User click and follow instruction as depict below:
MyOSN
Home Page
Finds Re-activate my
Account Link
Clicks on
Re-activation Button
User Journey 5
Validate Smartcard
Modal Window
Y
Begin
Ina cti ve
Sma rtca rd?
N
Redirect to Registration page on myOSN
© 2013 OSN, All rights reserved.
R
Redirect to relevant page
User Journey Key :
myOSN Page
Global Modal Window
functional Check (Service Level)
Journey 2
Back to Home / or to benefits of
having OSN subscription
1. Inactive Subscriber attempt to register via
myosn.com/registeration
2. User provided smartcard number for registration.
3. Validate Smartcard detected an inactive customer and prompt
for activate account to complete registration.
4. User click on ‘activate my subscription’
5. Redirecto to Journey 5
MyOSN
Registration Page
Entered Smartcard
number to validate
Begin final Journey
Like osn.com/subscribe
H
N
Ina cti ve
Sma rtca rd?
Y
Ina cti ve
Sma rtca rd?
N
R
Continue Registration
© 2013 OSN, All rights reserved.
Y
User Journey 5
Begin
Redirect to relevant page
User Journey Key :
myOSN Page
Global Modal Window
functional Check (Service Level)
Begin final Journey
Journey 3
1. User click on sign-in button on global nav at myosn.osn.com
2.
3.
4.
5.
Login modal window opens.
User provides his/her user name and password
Login method responds Inactive Subscriber.
User Re-direct to Re-activation page (User Journey 5)
User click on sign-in
link on global nav at
myOSN
Login Popup
Opens to enter user
name and password
Login Response
Is Ina cti ve
Y
User Journey 5
Begin
© 2013 OSN, All rights reserved.
Redirect to relevant page as per
response code
R
N
Redirect to relevant page
User Journey Key :
myOSN Page
Global Modal Window
functional Check (Service Level)
Begin final Journey
Journey 4
1. Active User landed on overview page after successful login
2. User found Upgrade / Renew my package Button (Based on conditions)
3. User click on Upgrade / Renew button
4. User Re-direct to RRR page (User Journey 5)
User landed on
Overview page
User click on
Upgrade/Renew
button
N
Y
User Journey 5
Begin
with Renew /
Upgrade Option
© 2013 OSN, All rights reserved.
User Journey 5
Renewal nea r
by?
Begin
with only Upgrade
Option
Redirect to relevant page
User Journey Key :
myOSN Page
Global Modal Window
functional Check (Service Level)
END final Journey
Redirect to relevant page
Journey 5
1. User landed on RRR Page
2.
3.
4.
5.
User shows options basis on current status of his/her subscription
User Choose options suits him/her
User proceed to transaction
Upon successful transaction, user journey ENDS.
User landed to RRR
Page
Is Ina cti ve
Subs cription
N
Is Renew
nea rby?
N
Shows upgrade
option
Y
Y
Shows Activation /
Upgrade Options
Shows Renew /
Upgrade Options
User chooses options suits him/her
Open modal window
to Payment Gateway.
User got relevant
error message and
redirected to same
page landing.
Perform transaction
Y
Is Credi t Ca rd
Details Wrong?
N
© 2013 OSN, All rights reserved.
N
Successful
Transa ction
Y
User sees Thank You
Message with Order
Ref. Number
Journeys
END
© 2013 OSN, All rights reserved.