62
Team LPG Xplorer.be

Final presentation (21/05) for user interfaces

Embed Size (px)

Citation preview

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 ??