Final presentation for user interfaces course, showing all progress we made during this semester.

1. Team LPG
Xplorer.be

2. An application that allows someone to
recommend something to someone else.
Xplorer.be

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

4. Xplorer.be

5. • Tutorial
• Brainstorming & storyboarding
• Paper prototype
• Digital prototype
• Updated digital prototype
• Analytics
• Getting more users
• Conclusion
Xplorer.be

6. Xplorer.be

7. • Tutorial
• Brainstorming & storyboarding
• Paper prototype
• Digital prototype
• Updated digital prototype
• Analytics
• Getting more users
• Conclusion
Xplorer.be

8. Brainstorming
Xplorer.be

9. Storyboarding
Xplorer.be

10. • Tutorial
• Brainstorming & storyboarding
• Paper prototype - Test
• Digital prototype
• Updated digital prototype
• Analytics
• Getting more users
• Conclusion
Xplorer.be

11. Goal
• Discover biggest problems with the user interface
of the app
Xplorer.be

12. Method
• Let the user execute tasks
• Let the user say what he/she thinks
• General impressions/remarks afterwards
Xplorer.be

13. 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

14. Who
• 6 fellow students: good knowledge of existing
technologies
Xplorer.be

15. 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

16. Duration
• ~ 5-10 minutes
Xplorer.be

17. 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

18. 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

19. • Tutorial
• Brainstorming & storyboarding
• Paper prototype - Solutions
• Digital prototype
• Updated digital prototype
• Analytics
• Getting more users
• Conclusion
Xplorer.be

20. 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

21. • Tutorial
• Brainstorming & storyboarding
• Paper prototype
• Digital prototype - Test
• Updated digital prototype
• Analytics
• Getting more users
• Conclusion
Xplorer.be

22. Goal
• Paper prototype-related problems solved ?
• New problems related to digitalization of
prototype ?
Xplorer.be

23. Method
• Let the user execute tasks
• Let the user say what he/she thinks
• General impressions/remarks afterwards
Xplorer.be

24. Rationale
• Think-aloud: to know what the user thinks when
executing a given task
Xplorer.be

25. Who
• 9 ‘younger’ people (20-24 year): smartphone users,
students
• 1 ‘older’ person (50+): less experience with the
use of apps
Xplorer.be

26. 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

27. Duration
• ~ 5-10 minutes
Xplorer.be

28. 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

29. 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

30. • Tutorial
• Brainstorming & storyboarding
• Paper prototype
• Digital prototype - Solutions
• Updated digital prototype
• Analytics
• Getting more users
• Conclusion
Xplorer.be

31. • Logging in → social media-login
• Displaying a like → make like button pressed
• Lay-out overview/details → new lay-out
Xplorer.be
Solutions

32. • Tutorial
• Brainstorming & storyboarding
• Paper prototype
• Digital prototype
• Updated digital prototype - Test
• Analytics
• Getting more users
• Conclusion
Xplorer.be

33. Goal
• Is the Facebook-login an issue for most users ?
• Display of likes better ?
• New lay-out of suggestions clearer ?
Xplorer.be

34. Method
• Give the app to the user (mostly via the internet)
→ no specific tasks
• As much feedback as possible via different channels
Xplorer.be

35. 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

36. Who
• 4 fellow students
• 2 other students (20-22 year): much experience
with the use of apps
Xplorer.be

37. Where
• Using the app on their smartphone
• Feedback via:
• blog
• in-app feedback page
• face-to-face
• Google Analytics
Xplorer.be

38. Duration
• ~ 10 minutes (→ Google Analytics)
Xplorer.be

39. 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

40. 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

41. Facebook API-errors
Xplorer.be

42. • Tutorial
• Brainstorming & storyboarding
• Paper prototype
• Digital prototype
• Updated digital prototype - Solutions
• Analytics
• Getting more users
• Conclusion
Xplorer.be

43. Solutions
• Explore-functionality → extra information
Xplorer.be

44. • Tutorial
• Brainstorming & storyboarding
• Paper prototype
• Digital prototype
• Updated digital prototype
• Analytics
• Getting more users
• Conclusion
Xplorer.be

45. Xplorer.be
• Our own website since 25/04
Xplorer.be

46. 25 april - 06 may
Xplorer.be
92 visitors = ~8 visitors/day

47. 25 april - 06 may
Xplorer.be
Bounce rate = ~38%

48. 25 april - 06 may
Xplorer.be

49. 25 april - 06 may
• 92 visitors
• 20 recommendations
Xplorer.be

50. • Tutorial
• Brainstorming & storyboarding
• Paper prototype
• Digital prototype
• Updated digital prototype
• Analytics
• Getting more users
• Conclusion
Xplorer.be

51. Contest (08-17 may)
Xplorer.be

52. Goal for contest
• ~ 150 visits
• ~ 75 new recommendations
• 1 new recommendation per 2 visits
Xplorer.be

53. Xplorer.be
Contest (08-17 may)
127 visitors = ~ 13 visitors/day

54. Xplorer.be
Contest (08-17 may)
55% = 71 visitors via campaigns

55. Xplorer.be
Contest (08-17 may)
Facebook: 70% = 49 visitors
Twitter: 24,3% = 18 visitors
Flyers: 5,7% = 4 visitors

56. Xplorer.be
Contest (08-17 may)
Bounce rate = ~54% → Facebook-login ?

57. Xplorer.be
Contest (08-17 may)

58. Results
• 127 visitors (85% of expected 150)
• 42 new recommendations (56% of expected 75)
→ 1 recommendation per 3 visits
Xplorer.be

59. • Tutorial
• Brainstorming & storyboarding
• Paper prototype
• Digital prototype
• Updated digital prototype
• Analytics
• Getting more users
• Conclusion
Xplorer.be

60. 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

61. 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

62. Xplorer.be
QUESTIONS ??