This exercise involves using Diamond, a web-based prototype system to support information architecture. Diamond provides two tools: TreeTest and CardSort.
Diamond is still a work-in-progress, expect there to be some issues here or there.
This is an individual exercise. Points will be awarded individually, not by group.
You should work alone. This is not a collaborative exercise.
Install OBS Studio (obsproject.com
).
Read my guide to Session Capture and my guide to Using OBS Studio.
Practice making a screen recording of, say, browsing a news web site, whilst giving a running commentary about what you are doing and seeing (thinking out loud). Ideally, the resulting video should be at FullHD resolution.
Increase the font size in your browser before you start (say to 150% or 200%), so that text can be clearly read in your screen recording.
Remux the recording to MP4.
Trim any junk from the start and end of the recording. See my guide to Video Editing.
Transcode the video down to a smaller size in bytes. See my guide to Video Transcoding.
For this exercise, it is not necessary to record your face with a web cam. Only record the screen and your audio commentary.
Start your screen recording.
Go to the TreeTest study at:
https://diamond.cyclic.app/#/treetest/31frvg2gx9g
Password: my first name in lower case
Enter your full name (Forename Surname) and complete the tree test. Talk out loud as you work, describing what you see, think, and do.
I am particularly interested in feedback about the tool itself, rather than about the particular hierarchy being tested.
Stop your screen recording. Remux the recording to MP4 and name
it NN-treetest.mp4
, where NN
is your (main)
surname in lower case. For example andrews-treetest.mp4
.
Trim any junk from the start and end of the recording. If the video is too large (hundreds of MB or more), transcode it down to a reasonable size.
Copy the plain text log file template
log.txt
to a new
file called NN-treetest-log.txt
, where NN
is
your (main) surname in lower case. For
example andrews-treetest-log.txt
.
Review your screen recording and fill out the log file, documenting your experience and listing 2-3 positives and 5-10 negatives (problems) you found in the tool.
Start your screen recording.
Go to the CardSort study at:
https://diamond.cyclic.app/#/cardsort/6df044sh6ya
Password: my first name in lower case
Enter your full name (Forename Surname) and complete the card sort. Talk out loud as you work, describing what you see, think, and do.
I am particularly interested in feedback about the tool itself.
Stop your screen recording. Remux the recording to MP4 and name
it NN-cardsort.mp4
, where NN
is your (main)
surname in lower case. For example andrews-cardsort.mp4
.
Trim any junk from the start and end of the recording. If the video is too large (hundreds of MB or more), transcode it down to a reasonable size.
Copy the plain text log file template
log.txt
to a new
file called NN-cardsort-log.txt
, where NN
is
your (main) surname in lower case. For
example andrews-cardsort-log.txt
.
Review your screen recording and fill out the log file, documenting your experience and listing 2-3 positives and 5-10 negatives (problems) you found in the tool.
Prepare a hand-in folder called iaweb-ws2023-ex1-NN
,
where NN
is your (main) surname in lower case. For
example, iaweb-ws2023-ex1-andrews
.
I ask (but cannot require) that you place your work under a CC
licence. To do so, copy, edit, and include the
file CC-LICENSE.txt
in your
hand-in folder.
Your hand-in folder structure should look something like this:
iaweb-ws2023-ex1-andrews/ CC-LICENSE.txt andrews-cardsort-log.txt andrews-cardsort.mp4 andrews-treetest-log.txt andrews-treetest.mp4
Zip up your hand-in folder as a file named something like
iaweb-ws2023-ex1-andrews.zip
and send it to me by email
to kandrews@iicm.edu
before the deadline. If the zip file is too large for email, send it
to me using
bigmail.tugraz.at
(do not set a password).