SlideShare a Scribd company logo
1 of 30
Unifying users' experiences in and out of Singapore's
public libraries through an app
Main Involvement
1) Heuristics Evaluation
2) User Research
3) Usability Testing
Heuristics Evaluation
Issue:
System prompts users to input display name,
username and email. Users are confused by the
difference between display name and username.
Heuristic Evaluation: 3, 5, 6, 10
Severity: Normal
Recommendations:
1. Remove Display name
2. Rename it Profile name
3. Alternatively, allow users to add display name
after they have signed in to remove confusion
4. Explain why they should log in
User Research
User
Interview
Affinity
Mapping
Usability Testing
App Redesign
(Conceptualisation)
Conceptualisation
Results
ImprovedCurrent
Landing page
• Clear Branding• No clear branding
• Users not interested in
instructions
Users are overwhelmed with
instructions and wouldn't read
NLB branding
is not
prominent
Current
Home page (Not logged in)
Improved
• Attention is on barcode scanner
• 1 step required to “Scan" book
• Attention is on books and way
finder, features which users will first
use when they enter the library
• 1 step required to "Scan" book
If user did not read instructions, they
would not know the function of this
Current
Home page (Not logged in)
Improved
• Essential features are hidden
• Essential features are shown upfront
• Newly added features: Payment
Current (8 Steps) Sign up Too many steps for on-boarding. Users
drop out at this step.
Users do not understand the
difference between display name
and UserID.
User cannot move on without
entering Display Name.
Sign upImproved (3 Steps) Optional step for
personalisation
Only 2 compulsory
steps. 1 step is optional
but for personalisation.
User’s actual
name is
based on
NRIC on NLB
database.
Username is
used in place
of "UserID"
Customisation
ImprovedCurrent
• Users are asked to input
Display Name again
• Confusing to users
• Users’ personal details
not asked in context
• 2 steps to select “Loan
Due Reminder"
• Cluttered page - users feel
overwhelmed by the amount of
details they are required to fill
• Preferred library usually
refers to one library, not
all libraries
• Confirmed details are displayed and
cannot be changed
• Users can choose to reset
• Users get to choose preferred library
and genre
• 1 step - Users
just need to tap to
select
• Users’ personal
details asked in
context
Logged in page
Current Improved
• More personalised message • Give meaningful feedback
Clear indication of
outstanding fines
and reservations
Welcome page (Logged in)
Current Improved
Shows users’
favourited book
status
Star indicates
where users’
favourite genre is
Recommended
books for users
are clearly shown
More useful homepage
Trending books are highlighted
based on users’ genre preference
Current
Search
Improved
• Filter is not obvious
• Users need to figure
what these word
mean
• Search result is
inaccurate
• Words are clear to
users
• Clear search bar
• Clear filter function
• New feature
• Accurate search
results
• Shows availability
• Shows book in
same series
• Allow users to
“favourite" the book
- reminder can be
sent + system can
suggest books
according to users’
preference
Search
• Clear indication
that books are
part of a series
• Quickly show
users the exact
location of the
book
Search
• Users can “Read more” to read blurb
or minimise it
Search
• Allows users to
quickly reserve
the book
• Tell users upfront the cost
required to reserve a book
• Remind users again of cost
Search
• Recommends other books from
the same author
• User can choose to “favourite" the
books which are reserved and the
app can send notifications to tell
the user when the book is
returned
Search
• Personal recommendations
on events suggested
according to users’ reading
preference
Current
Scan book to borrow
Improved
• Tell users exactly what the Scan function
is for and how to use it, in context
Scan book to borrow
• Give clear feedback to users • Give user option to borrow more or go to
view borrowed books
• Indicate clearly how many books are
borrowed and when they are due
Step 1 Step 2 Step 3
View users’ borrowed books
• Reserved books and
number of books left
to borrow are clearly
differentiated from
borrowed books
• This hints to the
users to perform
required actions
• Reminders are clear
to prompt users to
take actions
• Action buttons make
actions easy with
one tap
View users’ borrowed books
Indicates availability
and location
Shows how many people are waiting to borrow
the book so users can
1. borrow other books in the meantime or
2. can choose to reserve the book beforehand
and join the wait
Pay fines
Step 1 - Select fees to pay
Step 2 (First time user) - Enter
credit card details & address
Step 2 (Return user user) - Select
credit card & address
Clear indication of
book title & purpose of
payment
Clear amount payable Clear call to action
button
Users have option to pay for all books or
for selected books
Users have option to take picture of credit
card or to enter details manually
Credit card and billing address are saved
within the app for convenience
Limitation
DIFFERENT TYPES OF MEMBERSHIPS
1. Only the basic membership for local citizens was considered
in building this prototype.
2. In the next version of the prototype, memberships for
different parties and with payment options should be
considered.
Extension to Service Design
FROM UX DESIGN TO SERVICE DESIGN
1. Extend interface to current NLB website, borrowing counters
and e-kiosks
2. Increase intensity of user research to encompass more touch
points and the user’s library experience

More Related Content

Similar to Redesigning the National Library Board (NLB) app

Requirements & Persona.pptx
Requirements & Persona.pptxRequirements & Persona.pptx
Requirements & Persona.pptxMaruliGilbert
 
Storywraps report
Storywraps reportStorywraps report
Storywraps reportJenny Ware
 
Discovery on a budget
Discovery on a budgetDiscovery on a budget
Discovery on a budgetChris Bulock
 
Discovery on a budget: Improved searching without a Web-scale discovery product
Discovery on a budget: Improved searching without a Web-scale discovery productDiscovery on a budget: Improved searching without a Web-scale discovery product
Discovery on a budget: Improved searching without a Web-scale discovery productNASIG
 
Introduction to UX and Turning Research into Insight and Action - Angelhack D...
Introduction to UX and Turning Research into Insight and Action - Angelhack D...Introduction to UX and Turning Research into Insight and Action - Angelhack D...
Introduction to UX and Turning Research into Insight and Action - Angelhack D...Jonathan Steingiesser
 
Assessing user experience of e-books in academic libraries
Assessing user experience of e-books in academic librariesAssessing user experience of e-books in academic libraries
Assessing user experience of e-books in academic librariesTao Zhang
 
Random House Widget
Random House WidgetRandom House Widget
Random House Widgetguest5bf13e
 
Library management System
Library management SystemLibrary management System
Library management Systemsaradateja
 
When Mobile meets UX/UI powered by Growth Hacking Asia
When Mobile meets UX/UI powered by Growth Hacking AsiaWhen Mobile meets UX/UI powered by Growth Hacking Asia
When Mobile meets UX/UI powered by Growth Hacking AsiaGrowth Hacking Asia
 
UX Workshop at Startit@KBC
UX Workshop at Startit@KBCUX Workshop at Startit@KBC
UX Workshop at Startit@KBCUXprobe
 
Amazon research memo
Amazon research memoAmazon research memo
Amazon research memoBrett Combs
 
Joanne Farmer & Charlotte Heppell "The student experience of patron driven e-...
Joanne Farmer & Charlotte Heppell "The student experience of patron driven e-...Joanne Farmer & Charlotte Heppell "The student experience of patron driven e-...
Joanne Farmer & Charlotte Heppell "The student experience of patron driven e-...CILIP ARLG
 
Mod5_Recommendation Systems.pptx
Mod5_Recommendation Systems.pptxMod5_Recommendation Systems.pptx
Mod5_Recommendation Systems.pptxdivyammo
 

Similar to Redesigning the National Library Board (NLB) app (20)

Requirements & Persona.pptx
Requirements & Persona.pptxRequirements & Persona.pptx
Requirements & Persona.pptx
 
User Research
User ResearchUser Research
User Research
 
Storywraps report
Storywraps reportStorywraps report
Storywraps report
 
LibQUAL+®
LibQUAL+®LibQUAL+®
LibQUAL+®
 
Discovery on a budget
Discovery on a budgetDiscovery on a budget
Discovery on a budget
 
Discovery on a budget: Improved searching without a Web-scale discovery product
Discovery on a budget: Improved searching without a Web-scale discovery productDiscovery on a budget: Improved searching without a Web-scale discovery product
Discovery on a budget: Improved searching without a Web-scale discovery product
 
Ola personas d&j
Ola personas d&jOla personas d&j
Ola personas d&j
 
166 sspcc1 b_newman
166 sspcc1 b_newman166 sspcc1 b_newman
166 sspcc1 b_newman
 
IA basics
IA basicsIA basics
IA basics
 
Designing Mobile UX
Designing Mobile UXDesigning Mobile UX
Designing Mobile UX
 
Introduction to UX and Turning Research into Insight and Action - Angelhack D...
Introduction to UX and Turning Research into Insight and Action - Angelhack D...Introduction to UX and Turning Research into Insight and Action - Angelhack D...
Introduction to UX and Turning Research into Insight and Action - Angelhack D...
 
Assessing user experience of e-books in academic libraries
Assessing user experience of e-books in academic librariesAssessing user experience of e-books in academic libraries
Assessing user experience of e-books in academic libraries
 
Random House Widget
Random House WidgetRandom House Widget
Random House Widget
 
Library management System
Library management SystemLibrary management System
Library management System
 
When Mobile meets UX/UI powered by Growth Hacking Asia
When Mobile meets UX/UI powered by Growth Hacking AsiaWhen Mobile meets UX/UI powered by Growth Hacking Asia
When Mobile meets UX/UI powered by Growth Hacking Asia
 
Facebook paper slide deck
Facebook paper slide deckFacebook paper slide deck
Facebook paper slide deck
 
UX Workshop at Startit@KBC
UX Workshop at Startit@KBCUX Workshop at Startit@KBC
UX Workshop at Startit@KBC
 
Amazon research memo
Amazon research memoAmazon research memo
Amazon research memo
 
Joanne Farmer & Charlotte Heppell "The student experience of patron driven e-...
Joanne Farmer & Charlotte Heppell "The student experience of patron driven e-...Joanne Farmer & Charlotte Heppell "The student experience of patron driven e-...
Joanne Farmer & Charlotte Heppell "The student experience of patron driven e-...
 
Mod5_Recommendation Systems.pptx
Mod5_Recommendation Systems.pptxMod5_Recommendation Systems.pptx
Mod5_Recommendation Systems.pptx
 

Recently uploaded

Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxe-Definers Technology
 
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证ugzga
 
Digital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdfDigital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdfOnecity
 
挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质yzeoq
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证ugzga
 
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...mikehavy0
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfSarbjit Bahga
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxjoshuaclack73
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosDuyDo100
 
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证ugzga
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfoliodhrumibshah13
 
Branding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdfBranding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdfAlexandra Plesner
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Projectbuvanatest
 
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
The concept of motion graphics and its applications.
The concept of motion graphics and its applications.The concept of motion graphics and its applications.
The concept of motion graphics and its applications.WeatherOfficialProdu
 
Game Pitch- Heroes of Niflheim (a mobile game).pdf
Game Pitch- Heroes of Niflheim (a mobile game).pdfGame Pitch- Heroes of Niflheim (a mobile game).pdf
Game Pitch- Heroes of Niflheim (a mobile game).pdfphinehasosebi
 

Recently uploaded (20)

Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptx
 
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
 
Digital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdfDigital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdf
 
挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
 
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
Branding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdfBranding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdf
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
 
The concept of motion graphics and its applications.
The concept of motion graphics and its applications.The concept of motion graphics and its applications.
The concept of motion graphics and its applications.
 
Game Pitch- Heroes of Niflheim (a mobile game).pdf
Game Pitch- Heroes of Niflheim (a mobile game).pdfGame Pitch- Heroes of Niflheim (a mobile game).pdf
Game Pitch- Heroes of Niflheim (a mobile game).pdf
 

Redesigning the National Library Board (NLB) app

  • 1. Unifying users' experiences in and out of Singapore's public libraries through an app
  • 2.
  • 3. Main Involvement 1) Heuristics Evaluation 2) User Research 3) Usability Testing
  • 4. Heuristics Evaluation Issue: System prompts users to input display name, username and email. Users are confused by the difference between display name and username. Heuristic Evaluation: 3, 5, 6, 10 Severity: Normal Recommendations: 1. Remove Display name 2. Rename it Profile name 3. Alternatively, allow users to add display name after they have signed in to remove confusion 4. Explain why they should log in
  • 10. ImprovedCurrent Landing page • Clear Branding• No clear branding • Users not interested in instructions Users are overwhelmed with instructions and wouldn't read NLB branding is not prominent
  • 11. Current Home page (Not logged in) Improved • Attention is on barcode scanner • 1 step required to “Scan" book • Attention is on books and way finder, features which users will first use when they enter the library • 1 step required to "Scan" book If user did not read instructions, they would not know the function of this
  • 12. Current Home page (Not logged in) Improved • Essential features are hidden • Essential features are shown upfront • Newly added features: Payment
  • 13. Current (8 Steps) Sign up Too many steps for on-boarding. Users drop out at this step. Users do not understand the difference between display name and UserID. User cannot move on without entering Display Name.
  • 14. Sign upImproved (3 Steps) Optional step for personalisation Only 2 compulsory steps. 1 step is optional but for personalisation. User’s actual name is based on NRIC on NLB database. Username is used in place of "UserID"
  • 15. Customisation ImprovedCurrent • Users are asked to input Display Name again • Confusing to users • Users’ personal details not asked in context • 2 steps to select “Loan Due Reminder" • Cluttered page - users feel overwhelmed by the amount of details they are required to fill • Preferred library usually refers to one library, not all libraries • Confirmed details are displayed and cannot be changed • Users can choose to reset • Users get to choose preferred library and genre • 1 step - Users just need to tap to select • Users’ personal details asked in context
  • 16. Logged in page Current Improved • More personalised message • Give meaningful feedback
  • 17. Clear indication of outstanding fines and reservations Welcome page (Logged in) Current Improved Shows users’ favourited book status Star indicates where users’ favourite genre is Recommended books for users are clearly shown More useful homepage Trending books are highlighted based on users’ genre preference
  • 18. Current Search Improved • Filter is not obvious • Users need to figure what these word mean • Search result is inaccurate • Words are clear to users • Clear search bar • Clear filter function • New feature • Accurate search results • Shows availability • Shows book in same series • Allow users to “favourite" the book - reminder can be sent + system can suggest books according to users’ preference
  • 19. Search • Clear indication that books are part of a series • Quickly show users the exact location of the book
  • 20. Search • Users can “Read more” to read blurb or minimise it
  • 21. Search • Allows users to quickly reserve the book • Tell users upfront the cost required to reserve a book • Remind users again of cost
  • 22. Search • Recommends other books from the same author • User can choose to “favourite" the books which are reserved and the app can send notifications to tell the user when the book is returned
  • 23. Search • Personal recommendations on events suggested according to users’ reading preference
  • 24. Current Scan book to borrow Improved • Tell users exactly what the Scan function is for and how to use it, in context
  • 25. Scan book to borrow • Give clear feedback to users • Give user option to borrow more or go to view borrowed books • Indicate clearly how many books are borrowed and when they are due Step 1 Step 2 Step 3
  • 26. View users’ borrowed books • Reserved books and number of books left to borrow are clearly differentiated from borrowed books • This hints to the users to perform required actions • Reminders are clear to prompt users to take actions • Action buttons make actions easy with one tap
  • 27. View users’ borrowed books Indicates availability and location Shows how many people are waiting to borrow the book so users can 1. borrow other books in the meantime or 2. can choose to reserve the book beforehand and join the wait
  • 28. Pay fines Step 1 - Select fees to pay Step 2 (First time user) - Enter credit card details & address Step 2 (Return user user) - Select credit card & address Clear indication of book title & purpose of payment Clear amount payable Clear call to action button Users have option to pay for all books or for selected books Users have option to take picture of credit card or to enter details manually Credit card and billing address are saved within the app for convenience
  • 29. Limitation DIFFERENT TYPES OF MEMBERSHIPS 1. Only the basic membership for local citizens was considered in building this prototype. 2. In the next version of the prototype, memberships for different parties and with payment options should be considered.
  • 30. Extension to Service Design FROM UX DESIGN TO SERVICE DESIGN 1. Extend interface to current NLB website, borrowing counters and e-kiosks 2. Increase intensity of user research to encompass more touch points and the user’s library experience