This is a college example of building a Storyboard in pdf for a website, using personnas and profiles of the people who would typically use the site.

1. E content – Higher Diploma in
eBusiness
Student: Philip Nagle
Student Number: 09104682
Date: 02 March 2010
1

2. Contents
• Initial Storyboard slides
• Feedback from 2 users
• Updated Storyboard slides
2

3. Initial Storyboard Slides
Strap line at the end in blue describes what’s
happening in the particular webpage you are viewing
3

4. 4

5. 5

6. 6

7. 7

8. 8

9. 9

10. 10

11. 11

12. Feedback from 2 users
12

13. Feedback from 2 users
Users felt that on the
home page there
should be a Search box
either here or at the
bottom of the page so
that they could search
the entire site rather
than having to navigate
all the particular pages
13

14. Feedback from 2 users
An indicator near
the end of the page
to highlight what
content changes
have happened
since the last time
the user logged on.
The banner advert
can be moved
down the page
14

15. Feedback from 2 users
Users felt that the
Search options in the
Blog box should be at
the top of the blog. It
should be coloured and
there should be an
“Enter” or “Search”
button after the user
has entered in their
date range or keywords
15

16. Feedback from 2 users
Users felt that the
Search options in the
Blog box should be at
the top of the page.
That it was unclear
which videos were
clickable and that the
research papers section
should be clearly
separated from the
video section. Also
show more videos to
indicate multiple videos
were on the site and
not just two. There
should also be a “Date
uploaded” beside each
video 16

17. Feedback from 2 users
One user wanted to see
what the drop down
menu was in this box
17

18. Feedback from 2 users
It wasn’t apparent to
one of my users which
page I was on when I
clicked onto the
choices on the left
hand side. Point was
made about making the
choices on the left
appear in Bold or
underlined when the
user had clicked into
that option
18

19. Feedback from 2 users
One user felt that
another option could
appear here for “Other
Websites” with links to
similar websites or a
list of Government
agencies
19

20. Feedback from 2 users
This option should be
further plotted out to
show the user what the
next screen would be
since its unclear what
appears on the next
page if the user clicks
this
20

21. Updated Storyboard slides
21

22. 22

23. 23

24. 24

25. 25

26. 26

27. 27

28. 28

29. 29

30. 30