2. Design and Analysis
Designing Websites (e.g.,
make a specific website and
explain the design)
Usability Testing Methods
(e.g., test whether the
design works)
Technical Writing Projects
(e.g., explain how text and
graphics should be designed
in websites - focus on
content organization,
formatting etc)
Statistical Analysis of Design
(e.g., run statistical
experiments to test web
design)
Issues in Web-based
Training (e.,g explain how
training websites should be
designed)
2
3. Website Design & Analysis
Students design a website.
Analyze the functioning of the
website.
Review literature on how
technical websites are
designed.
Reflect on website features
that are currently non-existent
or non-usable.
Test efficacy of design
features, perform statistical
analysis and make
recommendations for
improvement.
3
4. Statistical Techniques for Website Analysis
Run experiments on how
websites are used by end users.
Data analysis using statistics -
Record how users click on
various icons on the website.
(Camtasia, SnagIt)
Time they spend on specific
pages.
Content complexity in design.
How users switch /scroll down
within and between pages.
Errors during clicking.
Study of eye-tracking techniques
4
5. Example: Usability Testing for
Training Videos & Websites
Using screen capture
software like Morae,
Camtasia, SnagIt work for
testing training videos and
websites (e.g., flight
simulation, surgical
animations for patient
education modules)
How to design surveys for
testing user interaction
with training animations,
videos like Flight Pro Sim,
FlightGear X?
Usability testing of learning
management systems (e.g.,
moodle)
5
7. Information Design Topics
Hi-Fidelity Prototype Design Projects-
Toko Subway System
Aircraft Design
Design of Narita / Haneda Airport
Lego Projects
Aircraft Assembly and Design
7
8. Example: Poser Figure Artist Software - Screenshot
How do technical
illustrators design
body positions for
procedures?
8
9. Example: Patient Education Modules - 1
How should the users access
text, videos, audio and
graphics in the website?
(Focus on cognitive overload,
dual coding theories etc)
What are the visual
perspectives (route, survey,
gaze etc) used in the
animations?
9
10. Example: Patient Education Modules - 2
How would you
test the ability for
users to understand
the content in the
training website ?
Video Access
Audio Access
Text Access
Interaction sequences
Navigation patterns
Information recall
Retention
10
11. Software in Lab
Morae
Camtasia
Snag IT
Google Drawing
Poser Figure Artist
Google SketchUp
Google Drive
IHMC Software
Hot Potatoes
Framemaker
Macromedia Captivate
11
12. Contact
You can contact me through e-mail:
droy@u-aizu.ac.jp
droyjapan@gmail.com
Lab Website:
https://sites.google.com/site/techcommlabroy/
12