UX DESIGN 31.07.15 - REVISION HOME / MAIN MENU / ACCOUNT
31.07.15 - REVISION LOG IN Page 7-8
MAIN MENU Page 11 HOME Page 13 ACCOUNT Page 20
+ แก ไขขั้นตอนการ register + เพ�่มการกรอกรหัสบัตรประชาชนสำหรับ บุคคลทั่วไปและลูกคาประกันเดี่ยว + เพ�่มการกรอก promo code + hightlight deal ควรมีจำนวนประมาณ 2-3 swipes + เพ�่มหมวด saved deal + ใช logo สิงโต เปน icon หมวด Generali News + ยายขอมูล Generali customer personal information ไปไวกับหมวด service
UX DESIGN DIRECTION UX design initial idea
PERCEPTION & EXPERIENCE
INTERFACE
- not exactly sure what the app is about - low energy and encouragement - unintuitive, not a familiar-design interface
- messy structure and classification - simple UI but not UX - color can play significant role
1. Showing whole plan : Show the big picture : Showing point for competing feeling 2. Get to the point! 3. Information Hierarchy : quick scan and remember : group group group! 4. Card design 5. Simple & Practical : good experience :)
UX DESIGN DIRECTION
IDEA #1
It’s good for them to be able to show the whole plan but not every single piece of furniture.
DO ‘room in room’ not a big maze
DONT
UX DESIGN DIRECTION
IDEA #2
Design To Grab Attention At A First Sight : GET TO THE POINT! points are shown to encourage to spend!!!
do Nike
UX DESIGN DIRECTION
IDEA #3
They know what to see first, S M L XL : Information Hierarchy - quick scan and remember
DO
DONT
UX DESIGN DIRECTION
IDEA #3
They know what to see first, S M L XL : Information Hierarchy - quick scan and remember
DO
DONT
UX DESIGN DIRECTION
IDEA #4
group everything group group group! : Card design DO
DONT
UX DESIGN DIRECTION
IDEA #5
To be simple is cool. To be cool isn’t always cool DO
DONT
LAUNCHING APP Requirement Breakdown
Key Priority
Date 9.7.15
2015
Section Account
2016
(User)
2017 2018
Account Register Register Method
Sign In Sign In Method
Profile App Level
By Email
By Username*
Username
Edit Register Profile
By Facebook
By Facebook*
Change Password
Register Field
Others Sign Out
Name
*
Surname Phone Email Type : Type : Image OTP Verify path Password / Username
(Verify
9 )
Current Point App
Uber App
Point Earn
Birthday Point Expiring On XX.XX.XX
Privilege
Address
Show Expiry Date
Interest Complete Your Profile
10,000 P
By Item
OTP
Achievement Level Badge
Badge
Next Challenge Your Badge
Badge
Use Now Verify
Point (Policy, Campaign, Share)
By Item
Add more policy to get more point (1) Group user - Add ID Card No. (2) Non/Idv - Add Policy/ Insured No. How to get point
Gen Customer personal Information**
**
Book Bank (Policy, Campaign, Share)
Add more policy to get more point
LOG IN AT LAUNCH
Point
Expiry Date Notification
Resend
Point
Transaction
Gender
(Verify Pattern @) ID Card Policy No. Policy No. Insured Member Auto Retrieve
Additional Profile
Sign Out Sign In
Point Status
Badge CCC
Approve
Database
LAUNCHING APP Landing Page
LOGO IMAGE COPY
LOG IN WITH FACEBOOK LOG IN REGISTER
ชิม พัก ชิล รับดีลพ�เศษ จากรานคารวมรายการ กวา 200 รานคา ตลอด วัน LOG IN WITH FACEBOOK LOG IN with Email
REGISTER
Log in with Facebook Log in with Email Generali 365 not a member yet?
REGISTER
สิทธิประโยชนที่ไมวาใครก็ ใช ได
Generali 365
สิทธิประโยชนที่ไมวาใครก็ ใช ได
ชิม พัก ชิล รับดีลพ�เศษ จากรานคารวมรายการ กวา 200 รานคา ตลอด วัน
LOG IN WITH FACEBOOK LOG IN REGISTER
LOG IN WITH FACEBOOK LOG IN
REGISTER
LAUNCHING APP Login
LOG IN with email
Log in with Email email password forget password?
back
LAUNCHING APP Register - direction 1
1/3
2/3
3/3* เลือก - ลูกคาประกัน
REGISTER 1
2
REGISTER 1
3
2
เลือก - บุคคลทั่วไป
REGISTER
REGISTER
3
1
2
1
3
ชื่อ-สกุล
Register with Facebook
2
3
Nutsatit
Panitta
เบอรโทร รหัส OTP
or
resend OTP
คุณเปนลูกคาประกัน Generali หร�อไม? - บุคคลทั่วไป
ชื่อ-สกุล เบอรโทร
confirm password
รหัส OTP
เปนลูกคาประกัน generali
Surname
NEXT
ลูกคาประกันเดี่ยว
resend OTP
คุณเปนลูกคาประกัน Generali หร�อไม?
Name
กรุณาเลือกประเภท (เลือกไดมากกวา 1 ขอ)
Nutsatit
Panitta
password
ลูกคาประกันกลุม
กรอกขอมูลสวนตัวใหครบเพ�่อรับ10,000 point! ฟร� เปนบุคคลทั่วไป
NEXT
ID No.
1234561234567
Policy No.
AA
Insured No.
-
1234
-
123456
1234
-
12
REGISTER by creating an Generali 365 Account, you agree to the Terms & Conditions
กรุณากรอกรหัสประจำตัวประชาชน
by creating an Generali 365 Account, you agree to the Terms & Conditions
PRO collect all consumer data
by creating an Generali 365 Account, you agree to the Terms & Conditions
CON drop-off risk
12
REGISTER
LAUNCHING APP
Register direction 2 : recommended
1/2
2/2
REGISTER
REGISTER
1
1
2
2
Register with Facebook or
ชื่อ-สกุล
Nutsatit
Panitta
เบอรโทร
รหัส OTP
password confirm password
NEXT
resend OTP
คุณเปนลูกคาประกัน Generali หร�อไม? (เลือกไดมากกวา 1 ขอ)
ลูกคาประกันเดี่ยว
ลูกคาประกันกลุม
บุคคลทั่วไป
REGISTER
by creating an Generali 365 Account, you agree to the Terms & Conditions
PRO short registration avoid drop off
by creating an Generali 365 Account, you agree to the Terms & Conditions
CON uncompleted consumer data (User can fill this somewhere else in the app instead)
LAUNCHING APP Register
REGISTRATION COMPLETED without point reward
with point reward
ยินดีตอนรับสู GENERALI 365! Panitta Nutsatit
ยินดีตอนรับสู GENERALI 365! Panitta Nutsatit
10,000 point
ENJOY GENERALI 365!
คุณได 10,000 point เปน welcome reward!
ENJOY GENERALI 365!
HOME + MAIN MENU Requirement Breakdown
Key Priority
Date 9.7.15
2015
Section Home
2016
,
2017 2018
Home Application Instruction
Highlight Generali Highlight Facebook Live Content Hilight Deal Complete Your Profile You May Also Like
Generali Post
How to Register
How to redeem
10,000 P
How to send gift
HOME
Detail
How to get Point
Deal Content
Terms & Conditions
Gift
User
MAIN MENU
Section
MAIN MENU
6 MAIN MENUS adding ‘promo code’ feature
Direction 1
20,000 POINTS
Panitta Nutsatit
1,000 point will expired on 7 August 2015
Direction 2
20,000
20,000
POINTS
promo code
Panitta Nutsatit
got a promo code?
POINTS
Panitta Nutsatit
got a promo code?
1,000 point will expired on 7 August 2015
PROMO CODE
HOME PRIVILEGE
HOME
HOME PRIVILEGE
SERVICE SERVICE CONTACT HOW TO USE THIS APP
promo code
PROMO CODE?
1,000 point will expired on 7 August 2015
CONTACT
HOW TO USE THIS APP
MAIN MENU
Method of ‘room in room’ not one big maze
6 MAIN MENUS
SUB MENU
SUB SUB MENU
MAIN MENU 1
MAIN MENU 1
MENU
SS1
SS2
SS3
MAIN MENU 1 MAIN MENU 2 MAIN MENU 3 MAIN MENU 4 MAIN MENU 5 MAIN MENU 6
ป.1-ป.6
S1
S2
S3
S4
ป.6/1-ป.6/5
S5
S1
S2
S3
S4
S5
ป.6/1 หอง ก, ข, ค
HOME
HOME
20,000
HIGHLIGHT DEAL
current points
กรอกขอมูลสวนตัวใหครบเพ�่อรับ10,000 point! ฟร� >>
HIGHLIGHT DEAL
DEAL NAME
10%
DEAL YOU MAY LIKE
DEAL NAME
10%
DEAL NAME
10%
free!
10,000 point
10,000 point
DEAL NAME
DEAL NAME
DEAL NAME
10%
10%
10%
free!
10,000 point
10,000 point
DEAL NAME
DEAL NAME
DEAL NAME
10% free!
10%
10,000 point
DEAL YOU MAY ALSO LIKE
MY SAVED DEAL
10%
10,000 point
GENERALI FB FANPAGE GENERALI NEWS
HOME Details
DEAL NAME
HOME
DEAL NAME
DEAL NAME
20,000
Panitta Nutsatit
10%
10%
10%
free!
10,000 point
10,000 point
DEAL NAME
DEAL NAME
DEAL NAME
10%
10%
10%
free!
10,000 point
10,000 point
DEAL NAME
DEAL NAME
DEAL NAME
10%
10%
10%
free!
10,000 point
10,000 point
DEAL NAME
DEAL NAME
10%
10%
free!
10,000 point
POINT STATUS BAR : Minimize when scroll up
SEE ALL DEALS >>
PRIVILEGE 10,000 point
SEE ALL DEAL -> PRIVILEGE SECTION : at the end of ‘Highlight deal’
MAIN MENU
HOW TO USE THIS APP
HOW TO USE THIS APP APPLICATION INSTRUCTION
TERM & CONDITION
HOW TO USE THIS APP APPLICATION INSTRUCTION
TERM & CONDITION
HOW TO USE THIS APP APPLICATION INSTRUCTION
TERM & CONDITION
HOW TO USE THIS APP APPLICATION INSTRUCTION
TERM & CONDITION
HOW TO USE THIS APP APPLICATION INSTRUCTION
TERM & CONDITION
CONTENT 1
HOW TO REGISTER ขั้นตอนการลงทะเบียน
HOW TO GET POINT ขั้นตอนการเพ�่มแตม
HOW TO REDEEM ขั้นตอนการยื่นสิทธิ์
HOW TO SEND GIFT ว�ธีการสง Gift ใหเพ�่อน
1
1
1
1
2
2
2
2
CONTENT 2
CONTENT 3
CONTENT 4
CONTENT 5
3
3
3
3
CONTENT 6
CONTENT 7
APPLICATION INSTRUCTION
T&C
ACCOUNT
Requirement Breakdown
Key Priority
Date 9.7.15
2015
Section Account
2016
(User)
2017 2018
Account Register Register Method
Sign In Sign In Method
Profile App Level
By Email
By Username*
Username
Edit Register Profile
By Facebook
By Facebook*
Change Password
Register Field
Others Sign Out
Name
*
Surname Phone Email Type : Type : Image OTP Verify path Password / Username
(Verify
9 )
Current Point App
Uber App
Point
Transaction
-
Point Earn
Point
Birthday
Book Bank (Policy, Campaign, Share)
Point Expiring On XX.XX.XX
Privilege
Address
Show Expiry Date
Interest Complete Your Profile
Point (Policy, Campaign, Share)
10,000 P
Add more policy to get more point (1) Group user - Add ID Card No. (2) Non/Idv - Add Policy/ Insured No. How to get point
Gen Customer personal Information**
OTP email
move to ‘Service’ section
Achievement Level Badge
Badge
Next Challenge Your Badge
Badge
Use Now **
Verify
By Item
Add more policy to get more point
Resend
By Item
Expiry Date Notification
Gender
(Verify Pattern @) ID Card Policy No. Policy No. Insured Member Auto Retrieve
Additional Profile
Sign Out Sign In
Point Status
Badge CCC
Approve
Database
ACCOUNT Point
ACCOUNT Panitta Nutsatit CURRENT AMOUNT :
20,000 points
ACCOUNT
Enter your passcode
ALL TRANSACTION
1 4 7
2 5 8 0
3 6 9 x
EARN
REDEEM
EXPIRED DATE
20 JUL
+10,000
Campaign : description
20 JUL
-10,000
Campaign : description
20 JUL
+10,000
Policy : description
20 JUL
- 10,000
Campaign : description
Point Achievement Level
exp. 14/09/2015
exp. 14/09/2015
REDEEM !
Profile
ACCOUNT
Point > Expired date
ACCOUNT Panitta Nutsatit CURRENT AMOUNT :
20,000 points ALL TRANSACTION
EARN
REDEEM
EXPIRED DATE
JUL
1
10,000
Point from Campaign : description
15 JUL
10,000
Point from Campaign : description
25 JUL
10,000
Point from Policy : description
30 JUL
10,000
Point from Campaign : description
REDEEM !
ACCOUNT Point >
How to get more point? POP UP
ACCOUNT
1. ADD INFO TO GET POINTS! -- กรุณาเลือกประเภท --
ACCOUNT
ลูกคาประกันเดี่ยว Policy No.
Panitta Nutsatit CURRENT AMOUNT :
20,000 points
AA
Insured No.
ลูกคาประกันกลุม
-
1234
-
123456
บุคคลทั่วไป 1234
-
-
12
12
หาขอมูลนี้ไดงายๆจากบัตรทองของคุณ
10,000
2. OR GOT A PROMO CODE?
คุณได 10,000 point !
point
REDEEM !
REDEEM !
REDEEM !
ยินดีดวย! Panitta Nutsatit
REDEEM !
Add promo code
All
ACCOUNT
buttons go to “Privilege Section”
ACCOUNT
Gen Customer personal Information
ACCOUNT GENERALI CUSTOMER PERSONAL INFORMATION ฐานขอมูลลูกคา ชื่อ
Panitta
เบอรโทร
0865454171
อีเมล ที่อยู
pnitta
นามสกุล Nutsatit @
ซอย
ถนน
อำเภอ
จังหวัด
me.com
SUBMIT CHANGE * * Call center จะติดตอไปยังลูกคาเพ�่อเปนการเพ�่อยืนยันการเปลี่ยนแปลงฐานขอมูล
Gen Customer personal Information (ขอมูลกรมธรรม) will move to ‘Service’ section
ACCOUNT
Achievement Level
ACCOUNT
ACCOUNT
ACCOUNT
NEXT CHALLENGE
ALL BADGES
ALL BADGES
BADGE NAME
BADGE NAME
BADGE NAME
BADGE NAME
get it!
description
BEAT IT!
get it! BADGE NAME
YOUR BADGES
get it! BADGE NAME
get it! BADGE NAME
BADGE NAME
get it!
description
BADGE NAME
get it!
description get it!
get it!
get it!
BADGE NAME
BADGE NAME
BADGE NAME
get it!
get it!
get it!
see all
BADGE NAME
BADGE NAME
ALL BADGES
grid view
get it!
description
description
list view
YOUR BADGES, ALL BADGES
get it!
ACCOUNT Profile
ACCOUNT
20,000 POINTS
Panitta Nutsatit ชื่อ-สกุล
Panitta
เบอรโทร
0865454171
อีเมล
pnitta
Nutsatit
@
me.com
- ADDITIONAL PROFILE -
กรอกขอมูลสวนตัวใหครบเพ�่อรับ10,000 point! ฟร�
เพศ
วันเกิด
หญิง
ชาย
ที่อยู ซอย
ถนน
อำเภอ
จังหวัด
ความสนใจ SUBMIT TO GET 10,000 POINT
SAVE CHANGES
when they come editing their info (they already filled and got 10,000 point)
THANK YOU!!
Please feel free to comment :)