Final presentation (21/05) for user interfaces

Team LPG

Xplorer.be

An application that allows someone to recommend something to someone else.

Xplorer.be

An application that allows you to recommend locations to your Facebook-friends.

Xplorer.be

Xplorer.be

• Tutorial

• Brainstorming & storyboarding

• Paper prototype

• Digital prototype

• Updated digital prototype

• Analytics

• Getting more users

• Conclusion

Xplorer.be

Xplorer.be

• Tutorial

• Brainstorming & storyboarding

• Paper prototype

• Digital prototype

• Updated digital prototype

• Analytics

• Getting more users

• Conclusion

Xplorer.be

Brainstorming

Xplorer.be

Storyboarding

Xplorer.be

• Tutorial

• Brainstorming & storyboarding

• Paper prototype - Test

• Digital prototype

• Updated digital prototype

• Analytics

• Getting more users

• Conclusion

Xplorer.be

Goal

• Discover biggest problems with the user interface of the app

Xplorer.be

Method

• Let the user execute tasks

• Let the user say what he/she thinks

• General impressions/remarks afterwards

Xplorer.be

Rationale

• Think-aloud: to know what the user thinks when a seeing a screen or trying to execute a task

• No real functionality → discover problems with interface

Xplorer.be

Who

• 6 fellow students: good knowledge of existing technologies

Xplorer.be

What

• Open the about-page

• Logging in

• Viewing suggestion made to you, open it & like it

• Viewing suggestion you made to someone else

• Creating a new suggestion

• Searching through suggestions about a certain location

Xplorer.be

Duration

• ~ 5-10 minutes

Xplorer.be

Bare results

• Purpose of application not clear (n = 2)

• Functionality behind toggle-buttons not clear (n = 3)

• Explore-tab hard to find (n = 4)

• Colors in color-rating not clear (n = 2)

Xplorer.be

Interpretation

• Some users don’t know what the purpose of the app is

• Functionality of the toggle-buttons in the explore-screen isn’t immediately clear (only after some trial-and-error)

• Color-rating of suggestions doesn’t speak for itself

• Meaning of the explore-tab isn’t clear to first-time users

Xplorer.be

• Tutorial

• Brainstorming & storyboarding

• Paper prototype - Solutions

• Digital prototype

• Updated digital prototype

• Analytics

• Getting more users

• Conclusion

Xplorer.be

Solutions

• Purpose of the app → logo

• Toggle-buttons in explore-screen → selection menu

• Color-rating of suggestions → icon

• Meaning of tabs → icon + text

Xplorer.be

• Tutorial

• Brainstorming & storyboarding

• Paper prototype

• Digital prototype - Test

• Updated digital prototype

• Analytics

• Getting more users

• Conclusion

Xplorer.be

Goal

• Paper prototype-related problems solved ?

• New problems related to digitalization of prototype ?

Xplorer.be

Method

• Let the user execute tasks

• Let the user say what he/she thinks

• General impressions/remarks afterwards

Xplorer.be

Rationale

• Think-aloud: to know what the user thinks when executing a given task

Xplorer.be

Who

• 9 ‘younger’ people (20-24 year): smartphone users, students

• 1 ‘older’ person (50+): less experience with the use of apps

Xplorer.be

What

• Open the about-page

• Logging in

• Viewing suggestion made to you, open it & like it

• Viewing suggestion you made to someone else

• Creating a new suggestion

• Searching through suggestions about a certain location

Xplorer.be

Duration

• ~ 5-10 minutes

Xplorer.be

Bare results

• Problems with logging in (n = 5)

• Difficulty with opening details of a suggestion (n = 4)

• Not clear that a like is saved (n = 3)

• No ‘back’-button on the ‘add image’-page (n = 2)

• Selection menu instead of tab-bar (n = 2)

Xplorer.be

Interpretation

• Not clear that first the username and password have to entered first

• No visual acknowledgement of saving a like

• Layout-problem for opening the details of a suggestion

• No possibility to return to new suggestion without adding an image

• Possibility to replace tab-bar by selection menu

Xplorer.be

• Tutorial

• Brainstorming & storyboarding

• Paper prototype

• Digital prototype - Solutions

• Updated digital prototype

• Analytics

• Getting more users

• Conclusion

Xplorer.be

• Logging in → social media-login

• Displaying a like → make like button pressed

• Lay-out overview/details → new lay-out

Xplorer.be

Solutions

• Tutorial

• Brainstorming & storyboarding

• Paper prototype

• Digital prototype

• Updated digital prototype - Test

• Analytics

• Getting more users

• Conclusion

Xplorer.be

Goal

• Is the Facebook-login an issue for most users ?

• Display of likes better ?

• New lay-out of suggestions clearer ?

Xplorer.be

Method

• Give the app to the user (mostly via the internet) → no specific tasks

• As much feedback as possible via different channels

Xplorer.be

Rationale

• Users use the app as they would without us being there

• Gives an indication of how usable the app is

• If their are big issues, users will feedback those

Xplorer.be

Who

• 4 fellow students

• 2 other students (20-22 year): much experience with the use of apps

Xplorer.be

Where

• Using the app on their smartphone

• Feedback via:

• blog

• in-app feedback page

• face-to-face

• Google Analytics

Xplorer.be

Duration

• ~ 10 minutes (→ Google Analytics)

Xplorer.be

Bare results

• Explore-functionality not clear (n = 5)

• Wrong color of login-button in IE (n = 1)

• App gets ‘stretched’ on larger screens (n = 1)

• Lay-out overview/details clear (n = 6)

• Display of likes clear (n = 6)

• Facebook-login clear (n = 6)

Xplorer.be

Interpretation

• Functionality on the explore-screen is not clear to most users

• App doesn’t scale well on big screens

• Problems concerning logging in, opening details and the display of likes are solved

Xplorer.be

Facebook API-errors

Xplorer.be

• Tutorial

• Brainstorming & storyboarding

• Paper prototype

• Digital prototype

• Updated digital prototype - Solutions

• Analytics

• Getting more users

• Conclusion

Xplorer.be

Solutions

• Explore-functionality → extra information

Xplorer.be

• Tutorial

• Brainstorming & storyboarding

• Paper prototype

• Digital prototype

• Updated digital prototype

• Analytics

• Getting more users

• Conclusion

Xplorer.be

Xplorer.be

• Our own website since 25/04

Xplorer.be

25 april - 06 may

Xplorer.be

92 visitors = ~8 visitors/day

25 april - 06 may

Xplorer.be

Bounce rate = ~38%

25 april - 06 may

Xplorer.be

25 april - 06 may

• 92 visitors

• 20 recommendations

Xplorer.be

• Tutorial

• Brainstorming & storyboarding

• Paper prototype

• Digital prototype

• Updated digital prototype

• Analytics

• Getting more users

• Conclusion

Xplorer.be

Contest (08-17 may)

Xplorer.be

Goal for contest

• ~ 150 visits

• ~ 75 new recommendations

• 1 new recommendation per 2 visits

Xplorer.be

Xplorer.be

Contest (08-17 may)

127 visitors = ~ 13 visitors/day

Xplorer.be

Contest (08-17 may)

55% = 71 visitors via campaigns

Xplorer.be

Contest (08-17 may)

Facebook: 70% = 49 visitorsTwitter: 24,3% = 18 visitorsFlyers: 5,7% = 4 visitors

Xplorer.be

Contest (08-17 may)

Bounce rate = ~54% → Facebook-login ?

Xplorer.be

Contest (08-17 may)

Results

• 127 visitors (85% of expected 150)

• 42 new recommendations (56% of expected 75) → 1 recommendation per 3 visits

Xplorer.be

• Tutorial

• Brainstorming & storyboarding

• Paper prototype

• Digital prototype

• Updated digital prototype

• Analytics

• Getting more users

• Conclusion

Xplorer.be

Course

• Learned to think from the viewpoint of the user

• Users have a (very) different view on the app than the developer

• Improving is only possible when testing enough with real users

Xplorer.be

Xplorer

• Enough functionality to be really tested and used

• More functionality still possible (images, ..)

• Not relevant for more users (right now)

• Not easy to get users in the wild

Xplorer.be

Xplorer.be

QUESTIONS ??