Exploring product functionality and usability

1. Design Visualisation
Process Book 2
Ciara Beresford
13127764

2. Table of Contents
• Design Brief
• The Product
• Stage 1 - Research, Exploration and Experimentation
• Stage 2 - Illustrations of The Product
• Stage 3 – Photoshop Work
• First Submission
• Feedback I received from First Submission
• Final Output
01/05/2015 2Ciara Beresford 13127764

3. Design Brief
• Explore the best methods of visual communication by using the
following:
- user product interaction (usability)
- product aesthetic
- product function
• Communicate at least 5 elements of interest. Experiment with
orthographic and perspective line-work and renderings.
• Create your final illustrations using illustrator line-work and basic
rendering learned during the first 6 weeks of the module. Compose a
process book displaying all your work to date o this project including
text, arrows, human outlines etc., to aid communication.
01/05/2015 Ciara Beresford 13127764 3

4. The Product
01/05/2015 Ciara Beresford 13127764 4

5. Stage 1 - Research
• Choosing a product for this project was a challenge. I decided to take
the project from a product functionality and usability perspective. In
turn this became my main concept and inspiration for the project.
• I chose a 13” hp laptop. The laptop is small and light making it
extremely portable, touchscreen and can also flip in a 360° angle
neatly transforming into a tablet.
• In my opinion the functions of the laptop adapt sufficiently to meet
the users needs.
• I explored this product by sketching and taking photographs.
01/05/2015 Ciara Beresford 13127764 5

6. Sketches & Images
01/05/2015 Ciara Beresford 13127764 6

7. Stage 2 - Illustrations
01/05/2015 Ciara Beresford 13127764 7

8. Stage 3 - Photoshop
01/05/2015 Ciara Beresford 13127764 8

9. First Submission
01/05/2015 Ciara Beresford 13127764 9

10. Feedback
I received a variety of constructive criticism throughout the observation
process;
• To show something on the laptop screen so that the
hand isn’t just interacting with a blank screen.
• Clearer layout. Display the tablet form and flipping
action better. Clearer use of arrows.
• No need to show every angle of the 360° flip.
01/05/2015 Ciara Beresford 13127764 10

11. Final Output
01/05/2015 Ciara Beresford 13127764 11
In tablet form, the
screen rotates to
accommodate the
users needs.
The touch screen
feature makes
the laptop easier
to use when in
tablet form.
The hp laptop can
smoothly flip at a
360° angle into a
tablet.