Sketching designs using the Five Design-Sheet Methodology http://fds.design Jonathan C. Roberts, Christopher Headleand, Panagiotis Ritsos @jcrbrts @ChrisHeadleand @ritsos_p 1
1. A teaching scenario 2. The FdS methodology 3. Experience with the FdS 2
Bob Finished ¡CS ¡undergraduate ¡major Currently ¡grad ¡student ¡in ¡CS Taking ¡module ¡on ¡Information ¡Visualization Knows ¡how ¡to ¡write ¡code Chosen ¡some ¡data Understands ¡computer ¡graphics Wants ¡to ¡build ¡an ¡interactive ¡visualization Done ¡some ¡Processing.js 3
Think Design Build Evaluate 4
Build ✔ METHODOLOGIES C, C++, Java etc. Agile UML Prototyping Divide & Conquer
Build Evaluate ✔ ✔ METHODOLOGIES C, C++, Java etc. Questionnaires SUS Agile UEQ UML Q&A Prototyping Walk through Divide & Conquer
Design Build Evaluate ? ✔ h ✔ METHODOLOGIES Sketching? C, C++, Java etc. Questionnaires Wireframes Ad hoc sketch SUS Agile Wireframe UEQ UML SQVID Q&A Prototyping Walk through Divide & Conquer
Think Design Build Evaluate ? ? ✔ h ✔ METHODOLOGIES Just think Sketching? C, C++, Java etc. Questionnaires Wireframes 6 thinking hats Ad hoc sketch SUS Agile Webb’s method Wireframe UEQ UML SQVID Q&A Prototyping Walk through Divide & Conquer
Think Design Build Evaluate ? ? ✔ h ✔ METHODOLOGIES Just think Sketching? C, C++, Java etc. Questionnaires Wireframes 6 thinking hats Ad hoc sketch SUS Agile Webb’s method Wireframe UEQ UML SQVID Q&A Prototyping Walk through Divide & Conquer
We We teach a lot about implementation We We te teach littl tle ab about design thinking, sk sketching and planning 10
11
The Five Design-Sheet Methodology Five sheets Five parts per sheet Five parts to the process Sheet 1 = Ideas Sheets 2,3,4 = Main designs Sheet 5 = Realization 12
Dataset of degree entrants Sheets 2,3,4 13
Realization sheet 14
Sketching • Evolve • Sharable • Disposable • Help you plan • Unfinished ideas • Communicates an idea • Tangible (put on walls) • Quick to change directions • Helps you work through ideas • Demonstrates work in progress 15
Prepare your kit ~ prepare your thoughts • Task • Data analysis • Components of the system • Think about the user 16
17
18
19
Use & evaluation • Conference publication 2011 Eurographics Education • Used in courses – “Information Visualization” grad course – The design chapter of dissertations/project reports – 3 rd year graphics module – 3 rd year Technologies for internet systems (interactive interface) • Company (designing websites) • Evaluated – Modified System Usability Survey (Questionnaire) – Qualitative comments 20
21
I ¡really ¡liked ¡the ¡FdS model. ¡It ¡ The ¡five ¡design ¡sheet ¡ added ¡a ¡lot ¡of ¡structure ¡to ¡an ¡ methodology ¡has ¡contributed ¡to ¡ otherwise ¡unstructured ¡section. ¡ my ¡overall ¡design ¡in ¡multiple ¡ Usually ¡my ¡designs ¡lack ¡detail ¡and ¡ positive ¡ways. ¡ ¡... ¡[the] ¡clearly ¡ just ¡end ¡up ¡as ¡a ¡big ¡mess ¡of ¡ defined ¡stages ¡helped ¡by ¡ thoughts. challenging ¡me ¡to ¡fulfil ¡the ¡ requirements. ¡… ¡Without ¡the ¡aid ¡ of ¡the ¡method, ¡my ¡ideas ¡would ¡ Without ¡the ¡five ¡design ¡sheet ¡ not ¡have ¡been ¡as ¡organized ¡or ¡as ¡ methodology, ¡I ¡feel ¡like ¡my ¡ well ¡developed. ¡ final…would ¡not ¡have ¡been ¡as ¡ fleshed ¡out ¡or ¡quite ¡as ¡though-‑ through ¡as ¡if ¡it ¡had ¡become ¡ FdS is ¡a ¡great ¡methodology ¡to ¡ through ¡the ¡five ¡design ¡sheet ¡ use ¡for ¡quick ¡ideation ¡that ¡is ¡also ¡ methodology. very ¡practical 22
Summary • Described the FdS • Our experiences • Discussed some of the issues • More in paper… – Data analysis (pre-consideration) – How a student would implement their sketches – Implications of a design (e.g., legal/ethical/professional etc) 23
Sketching designs using the Five Design-Sheet Methodology http://fds.design Jonathan C. Roberts, Christopher Headleand, Panagiotis Ritsos @jcrbrts @ChrisHeadleand @ritsos_p 24
Recommend
More recommend
