├── Combined Reading List.md
├── README.md
├── Year 1
├── 1. Interaction Design Fundamentals
│ └── 1. Interaction Design Fundamentals.md
├── 2. Introduction to Communication Design
│ └── 2. Introduction to Communication Design.md
├── 3. Exploring Identity
│ └── 3. Exploring Identity.md
└── 4. Imaging and Data Visualisation
│ ├── 4. Imaging and Data Visualisation.md
│ └── Workshop Plan.md
├── Year 2
├── 1. Designing User Experiences
│ └── 1. Designing User Experiences.md
├── 2. Narrative and Storytelling
│ ├── 2. Narrative and Storytelling.md
│ └── 2014:15 Planning.md
├── 3. Designing With Content
│ └── 3. Designing With Content.md
└── 4. Building Digital Products
│ ├── 4. Building Digital Products.md
│ └── des311-design-journal.html
├── Year 3
└── 1. Placement Year.md
└── Year 4
├── 1. Major Project Prototyping
└── 1. Major Project Prototyping.md
├── 2. Research and Writing
└── 2. Research and Writing.md
├── 3. Major Project
└── 3. Major Project.md
└── 4. Design Presentation and Reporting
└── 4. Design Presentation and Reporting.md
/Combined Reading List.md:
--------------------------------------------------------------------------------
1 | Combined Reading List
2 | =====================
3 |
4 |
5 |
6 | We'd recommend the following books are read in alignment with the respective module content, however, this list provides an overview of the BDes (Hons) Interaction Design course reading list, broken down by year.
7 |
8 |
9 | ##Year 1
10 |
11 | In our first year, we focus on the fundamentals. We introduce students to the principles of communication design – exploring how we communicate – and, coupled with this, begin to introduce the tools required to build future friendly content.
12 |
13 |
14 | ###Interaction Design Fundamentals
15 |
16 | ####Required
17 |
18 | + Lupton, E. and Cole Phillips, J., 2008. [Graphic Design: The New Basics.](http://www.amazon.co.uk/exec/obidos/ASIN/1568987021/monographic-21) Princeton: Princeton Architectural Press.
19 | + Boulton, M., 2010. [A Practical Guide to Designing for the Web.](http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-for-the-web) Penarth: Five Simple Steps.
20 | + Murphy, C. and Persson, N., 2008. [HTML and CSS Web Standards Solutions: A Web Standardistas’ Approach.](http://www.amazon.co.uk/exec/obidos/ASIN/1430216069/monographic-21) Berkeley: friends of ED.
21 | + Keith, J., 2010. [HTML5 For Web Designers.](http://www.abookapart.com/products/html5-for-web-designers) New York: A Book Apart.
22 | + Cederholm, D., 2010. [CSS3 For Web Designers.](http://www.abookapart.com/products/css3-for-web-designers) New York: A Book Apart.
23 |
24 | ####Recommended
25 |
26 | + Lupton, E., 2010. [Thinking with Type: A Critical Guide for Designers, Writers, Editors and Students.](http://www.amazon.co.uk/exec/obidos/ASIN/1568989695/monographic-21) 2nd ed. Princeton: Princeton Architectural Press.
27 | + Lidwell, W., Holden, K. and Butler, J., 2010. [Universal Principles of Design.](http://www.amazon.co.uk/exec/obidos/ASIN/1592535879/monographic-21) 2nd ed. Rockport Publishers.
28 |
29 |
30 | ###Introduction to Communication Design
31 |
32 | ####Required
33 |
34 | + Meggs, P. and Purvis, A., 2011. [History of Graphic Design.](http://www.amazon.co.uk/exec/obidos/ASIN/0470168730/monographic-21) 5th ed. London: John Wiley & Sons.
35 | + Eskilson, S., 2012. [Graphic Design: A New History.](http://www.amazon.co.uk/exec/obidos/ASIN/1856695115/monographic-21) 2nd ed. London: Laurence King.
36 |
37 | ####Recommended
38 |
39 | + Livingston, A. and Livingston, I., 2012. [The Thames & Hudson Dictionary of Graphic Design and Designers](http://www.amazon.co.uk/exec/obidos/ASIN/0500204136/monographic-21) 3rd ed. London: Thames & Hudson.
40 | + Newark, Q., 2007. [What is Graphic design? (Graphic Design for the Real World).](http://www.amazon.co.uk/exec/obidos/ASIN/2940361878/monographic-21) Hove: RotoVision.
41 |
42 |
43 | ###Exploring Identity
44 |
45 | ####Required
46 |
47 | + Hicks, J., 2011. [The Icon Handbook.](http://www.fivesimplesteps.com/products/the-icon-handbook) Penarth: Five Simple Steps.
48 | + Mollerup, P., 2013. [Marks of Excellence: The History and Taxonomy of Trademarks.](http://www.amazon.co.uk/exec/obidos/ASIN/0714864749/monographic-21) 2nd ed. London: Phaidon.
49 | + Murphy, C. and Persson, N., 2013. [The Craft of Words: Part One – Macrocopy.](http://www.fivesimplesteps.com/products/the-craft-of-words) Penarth: Five Simple Steps.
50 |
51 | ####Recommended
52 |
53 | + Neumeier, M., 2011. [The Brand Gap: How to Bridge the Distance Between Business Strategy and Design.](http://www.amazon.co.uk/exec/obidos/ASIN/0321348109/monographic-21) San Francisco: New Riders.
54 | + Wheeler, A., 2009. [Designing Brand Identity: An Essential Guide for the Whole Branding Team.](http://www.amazon.co.uk/exec/obidos/ASIN/1118099206/monographic-21) London: John Wiley & Sons.
55 | + Muller, J. and Weiland, K., 2011. [A5/05: Lufthansa and Graphic Design: Visual History of an Airline.](http://www.amazon.co.uk/exec/obidos/ASIN/3037782676/monographic-21) Zurich: Lars Muller Publishers.
56 |
57 |
58 | ###Imaging and Data Visualisation
59 |
60 | ####Required
61 |
62 | + Suda, B., 2010. [A Practical Guide to Designing with Data.](http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-with-data) Penarth: Five Simple Steps.
63 | + Tufte, E., 2001. [The Visual Display of Quantitative Information.](http://www.amazon.co.uk/exec/obidos/ASIN/0961392142/monographic-21) 2nd ed. Cheshire, CT: Graphics Press.
64 | + Marshall, L. and Meachem, L., 2010. [How to Use Images.](http://www.amazon.co.uk/exec/obidos/ASIN/1856696588/monographic-21) London: Laurence King.
65 | + Ingledew, J., 2011. [The A - Z of Visual Ideas: How to Solve any Creative Brief.](http://www.amazon.co.uk/exec/obidos/ASIN/1856697142/monographic-21) London: Laurence King.
66 |
67 | ####Recommended
68 |
69 | + McCandless, D., 2010. [Information is Beautiful.](http://www.amazon.co.uk/exec/obidos/ASIN/0007492898/monographic-21) London: Collins.
70 | + Lima, M., 2011. [Visual Complexity: Mapping Patterns of Information.](http://www.amazon.co.uk/exec/obidos/ASIN/1616892196/monographic-21) Princeton: Princeton Architectural Press.
71 | + Hyland, A. and Bell, R., 2003. [Hand to Eye.](http://www.amazon.co.uk/exec/obidos/ASIN/1856693392/monographic-21) London: Laurence King.
72 | + Ingledew, J., 2013. [Photography.](http://www.amazon.co.uk/exec/obidos/ASIN/1780670966/monographic-21) 2nd ed. London: Laurence King.
73 |
74 |
75 | ##Year 2
76 |
77 | In our second year, we focus on broadening students' awareness of the landscape they're working within. We introduce students to user research and explore content – where it comes from and how it can be designed and shaped - establishing the idea that user experiences can, and should, be considered at the heart of the design process.
78 |
79 |
80 | ###Designing User Experiences
81 |
82 | ####Required
83 |
84 | + Bowles, C. and Box, J., 2010. [Undercover User Experience Design.](http://www.amazon.co.uk/exec/obidos/ASIN/0321719905/monographic-21) San Francisco: Voices That Matter.
85 | + Walter, A., 2011. [Designing for Emotion](http://www.abookapart.com/products/designing-for-emotion) New York: A Book Apart.
86 | + Krug, S., 2013. [Don’t Make Me Think: A Common Sense Approach to Web Usability.](http://www.amazon.co.uk/exec/obidos/ASIN/0321965515/monographic-21) 3rd ed. San Francisco: New Riders.
87 | + Buxton, Bill., 2007. [Sketching User Experiences: Getting the Design Right and the Right Design.](http://www.amazon.co.uk/exec/obidos/ASIN/0123740371/monographic-21) Massachusetts: Morgan Kaufmann.
88 |
89 | ####Recommended
90 |
91 | + Norman, D., 1998. [The Design of Everyday Things.](http://www.amazon.co.uk/exec/obidos/ASIN/0262640376/monographic-21) Massachusetts: The MIT Press.
92 | + Moggridge, B., 2006. [Designing Interactions.](http://www.amazon.co.uk/exec/obidos/ASIN/0262134748/monographic-21) Massachusetts: The MIT Press.
93 | + Krug, S., 2009. [Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems.](http://www.amazon.co.uk/exec/obidos/ASIN/0321657292/monographic-21) San Francisco: New Riders.
94 |
95 |
96 | ###Narrative and Storytelling
97 |
98 | ####Required
99 |
100 | + McCloud, Scott, 1994. [Understanding Comics: The Invisible Art.](http://www.amazon.co.uk/exec/obidos/ASIN/006097625X/monographic-21) London: HarperCollins.
101 | + Mills, Robert, 2012. [A Practical Guide to Designing the Invisible.](http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-the-invisible) Penarth: Five Simple Steps.
102 | + Murphy, C. and Persson, N., 2013. [The Craft of Words: Part One - Macrocopy.](http://www.fivesimplesteps.com/products/the-craft-of-words) Penarth: Five Simple Steps.
103 | + Murphy, C. and Persson, N., 2013. [The Craft of Words: Part Two - Microcopy.](http://www.fivesimplesteps.com/products/the-craft-of-words-microcopy) Penarth: Five Simple Steps.
104 |
105 | ####Recommended
106 |
107 | + Duckett, J., 2014. [JavaScript & JQuery: Interactive Front-end Web Development.](http://www.amazon.co.uk/exec/obidos/ASIN/1118531647/monographic-21)
108 | London: John Wiley & Sons.
109 | + Head, V., 2013. [CSS Animations](http://www.fivesimplesteps.com/products/css-animations) Penarth: Five Simple Steps.
110 | + Flanagan, D., 2012. [JavaScript Pocket Reference.](http://www.amazon.co.uk/exec/obidos/ASIN/1449316859/monographic-21) San Francisco: O’Reilly.
111 |
112 |
113 | ###Designing With Content
114 |
115 | ####Required
116 |
117 | + Kissane, E., 2011. [The Elements of Content Strategy](http://www.abookapart.com/products/the-elements-of-content-strategy) New York: A Book Apart.
118 | + Murphy, C. and Persson, N., 2013. [The Craft of Words: Part One - Macrocopy.](http://www.fivesimplesteps.com/products/the-craft-of-words) Penarth: Five Simple Steps.
119 | + Murphy, C. and Persson, N., 2013. [The Craft of Words: Part Two - Microcopy.](http://www.fivesimplesteps.com/products/the-craft-of-words-microcopy) Penarth: Five Simple Steps.
120 |
121 | ####Recommended
122 |
123 | + McGrane, K., 2012. [Content Strategy for Mobile](http://www.abookapart.com/products/content-strategy-for-mobile) New York: A Book Apart.
124 | + Powers, D., 2010. [PHP Solutions: Dynamic Web Design Made Easy .](http://www.amazon.co.uk/exec/obidos/ASIN/1430232498/monographic-21) Berkeley: friends of ED.
125 |
126 |
127 | ###Building Digital Products
128 |
129 | ####Required
130 |
131 | + Osterwalder, A., and Pigneur, Y., 2010. [Business Model Generation: A Handbook for Visionaries, Game Changers, and Challengers.](http://www.amazon.co.uk/exec/obidos/ASIN/0470876417/monographic-21) London: John Wiley & Sons.
132 | + Drucker, P., 2008. [Managing Oneself.](http://www.amazon.co.uk/exec/obidos/ASIN/142212312X/monographic-21) Harvard: Harvard Business Review Classics.
133 | + Kelley, T., 2002. [The Art Of Innovation: Success Through Innovation the IDEO Way.](http://www.amazon.co.uk/exec/obidos/ASIN/186197583X/monographic-21) London: Profile Books.
134 | + Ries, E., 2011. [The Lean Startup: How Constant Innovation Creates Radically Successful Businesses.](http://www.amazon.co.uk/exec/obidos/ASIN/0670921602/monographic-21) London: Portfolio Penguin.
135 |
136 | ####Recommended
137 |
138 | + Anderson, C., 2009. [The Longer Long Tail: How Endless Choice is Creating Unlimited Demand.](http://www.amazon.co.uk/exec/obidos/ASIN/1847940366/monographic-21) London: Random House Business.
139 | + Godin, S., 2007. [Small Is the New Big: And 183 Other Riffs, Rants, and Remarkable Business Ideas.](http://www.amazon.co.uk/exec/obidos/ASIN/0141030534/monographic-21) London: Penguin.
140 | + Brown, T., 2009. [Change by Design: How Design Thinking Creates New Alternatives for Business and Society: How Design Thinking Can Transform Organizations and Inspire Innovation.](http://www.amazon.co.uk/exec/obidos/ASIN/0061766089/monographic-21) London: Collins Business.
141 |
142 |
143 | ##Year 4
144 |
145 | In our final year, after students have returned from their placement year, we move towards the creation of a substantial student-driven project. Students are equipped with an extensive idea generation toolbox and are encouraged to develop a rigorous prototyping process.
146 |
147 |
148 | ###Major Project Prototyping
149 |
150 | ####Required
151 |
152 | + Kelley, T., and Kelley, D., 2013. [Creative Confidence: Unleashing the Creative Potential Within Us All.](http://www.amazon.co.uk/exec/obidos/ASIN/0007517998/monographic-21) London: William Collins.
153 | + Fried, J., and Heinemeier Hansson, D., 2010. [Rework.](http://www.amazon.co.uk/exec/obidos/ASIN/0091929784/monographic-21) London: Vermilion.
154 | + Cooper, A., 2004. [The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How to Restore the Sanity.](http://www.amazon.co.uk/exec/obidos/ASIN/0672326140/monographic-21) London: Sams.
155 | + Noble, I. and Bestley, R., 2011. [Visual Research: An Introduction to Research Methodologies in Graphic Design.](http://www.amazon.co.uk/exec/obidos/ASIN/2940411603/monographic-21) 2nd ed. Lausanne: AVA Publishing.
156 |
157 | ####Recommended
158 |
159 | + Kelley, T., 2002. [The Art Of Innovation: Success Through Innovation the IDEO Way.](http://www.amazon.co.uk/exec/obidos/ASIN/186197583X/monographic-21) London: Profile Books.
160 | + Berkun, S., 2010. [The Myths of Innovation.](http://www.amazon.co.uk/exec/obidos/ASIN/1449389627/monographic-21) San Francisco: O'Reilly Media.
161 | + Friedman, V., Ed., 2013. [Smashing Book #4.](http://www.smashingmagazine.com/smashing-book-4-new-perspectives/) Freiburg: Smashing Media.
162 | + Shaughnessy, A., 2010. [How to Be a Graphic Designer Without Losing Your Soul.](http://www.amazon.co.uk/exec/obidos/ASIN/1856697096/monographic-21) 2nd ed. London: Laurence King Publishing.
163 |
164 |
165 | ###Research and Writing
166 |
167 | ###Required
168 |
169 | + Armstrong, H., 2009. [Graphic Design Theory: Readings from the Field.](http://www.amazon.co.uk/exec/obidos/ASIN/1568987722/monographic-21) Princeton: Princeton Architectural Press.
170 | + Lupton, E. and Abbott Miller, J., 1999. [Design Writing Research: Writing on Graphic Design.](http://www.amazon.co.uk/exec/obidos/ASIN/0714838519/monographic-21) London: Phaidon.
171 | + Collins, H., 2010. [Creative Research: The Theory and Practice of Research for the Creative Industries.](http://www.amazon.co.uk/exec/obidos/ASIN/2940411085/monographic-21) Lausanne: Ava.
172 |
173 | ###Recommended
174 |
175 | + Truss, L., 2009. [Eats, Shoots and Leaves – The Zero Tolerance Approach to Punctuation.](http://www.amazon.co.uk/exec/obidos/ASIN/0007329067/monographic-21) London: Fourth Estate
176 | + Crystal, D., 2006. [The Fight for English: How Language Pundits Ate, Shot, and Left.](http://www.amazon.co.uk/exec/obidos/ASIN/B009JCVFIG/monographic-21) Oxford: Oxford University Press.
177 |
178 |
179 | ###Major Project
180 |
181 | ####Required
182 |
183 | + Knowlton, B., 2012. [A Practical Guide to Managing Web Projects.](http://www.fivesimplesteps.com/products/a-practical-guide-to-managing-web-projects) Penarth: Five Simple Steps.
184 | + Osterwalder, A., and Pigneur, Y., 2010. [Business Model Generation: A Handbook for Visionaries, Game Changers, and Challengers.](http://www.amazon.co.uk/exec/obidos/ASIN/0470876417/monographic-21) London: John Wiley & Sons.
185 | + Ries, E., 2011. [The Lean Startup: How Constant Innovation Creates Radically Successful Businesses.](http://www.amazon.co.uk/exec/obidos/ASIN/0670921602/monographic-21) London: Portfolio Penguin.
186 | + Fried, J., and Heinemeier Hansson, D., 2010. [Rework.](http://www.amazon.co.uk/exec/obidos/ASIN/0091929784/monographic-21) London: Vermilion.
187 | + Murphy, C., 2014. [Talkaboutability.](http://tinybooks.org) Belfast: Tiny Books.
188 |
189 | ####Recommended
190 |
191 | + Long, J., 2013. [Design Evolution.](http://www.fivesimplesteps.com/products/design-evolution) Penarth: Five Simple Steps.
192 | + Hall, E., 2013. [Just Enough Research.](http://www.abookapart.com/products/just-enough-research) New York: A Book Apart.
193 | + Chimero, F., 2011. [The Shape of Design.](http://shapeofdesignbook.com) New York: Frank Chimero (Kickstarter Funded Publication).
194 | + Zambonini, D., 2012. [A Practical Guide to Web App Success.](http://www.fivesimplesteps.com/products/web-app-success) Penarth: Five Simple Steps.
195 |
196 |
197 | ###Design Presentation and Reporting
198 |
199 | ####Required
200 |
201 | + Bayley, S. and Mavity, R., 2008. [Life’s a Pitch.](http://www.amazon.co.uk/exec/obidos/ASIN/0552156833/monographic-21) London: Corgi.
202 | + Duarte, N., 2012. [HBR Guide to Persuasive Presentations.](http://www.amazon.co.uk/exec/obidos/ASIN/1422187101/monographic-21) Harvard: Harvard Business Review.
203 | + Reynolds, G., 2011. [Presentation Zen: Simple Ideas on Presentation Design and Delivery.](http://www.amazon.co.uk/exec/obidos/ASIN/0321811984/monographic-21) San Francisco: New Riders.
204 | + Murphy, C., 2014. [Don’t Die On Stage.](https://github.com/fehler/books) Belfast: Uncommon Knowledge.
205 |
206 | ####Recommended
207 |
208 | + Duarte, N., 2008. [slide:ology: The Art and Science of Creating Great Presentations.](http://www.amazon.co.uk/exec/obidos/ASIN/0596522347/monographic-21) San Francisco: O’Reilly Media.
209 | + Berkun, S., 2011. [Confessions of a Public Speaker.](http://www.amazon.co.uk/exec/obidos/ASIN/B002VL1CGM/monographic-21) San Francisco: O’Reilly Media.
210 |
211 |
212 |
213 |
224 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Curriculum
2 | ==========
3 |
4 | In an effort to share best practice and develop the highest quality educational content possible, I’m opening up the process of developing a new BDes (Hons) Interaction Design course, which I’m developing at The Belfast School of Art.
5 |
6 | Web design education has, rightly, been criticised for its lack of engagement with industry; I believe sharing course content on GitHub can offer us new ways to engage with industry and with other educational institutes (not necessarily universities).
7 |
8 | This is an experiment, there might be elements you disagree with, and that’s fine. If you have alternative ideas that you feel strongly about I’d welcome your input, but please engage in a constructive manner. Working collectively, I believe we can build better curricula, this is intended as a starting point to drive that process. Feel free to email me with your thoughts. —[Christopher Murphy](https://twitter.com/fehler)
9 |
--------------------------------------------------------------------------------
/Year 1/1. Interaction Design Fundamentals/1. Interaction Design Fundamentals.md:
--------------------------------------------------------------------------------
1 | Interaction Design Fundamentals
2 | ===============================
3 |
4 | + __Year:__ 1
5 | + __Semester:__ 1
6 | + __Credits:__ 40 Credits
7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study
8 | + __Co-requisites:__ Introduction to Communication Design
9 |
10 |
11 | ##Rationale
12 |
13 | Placing a heavy emphasis on a design-focussed approach towards interaction design, this module introduces the fundamentals of the craft of communication design, both off- and on-screen. Through a combination of core analogue (drawing, making) and digital (HTML, CSS) skills, students are equipped with the tools required to practice in today’s interaction design industry.
14 |
15 | A twin-stranded module, Design Practice Fundamentals is delivered both off-screen and on-screen, to introduce students embarking on the course to the idea that interaction design can, and should, be developed off-screen as well as on-screen. Paper-based exercises introduce students to fundamental design principles developed at the Bauhaus, Ulm School of Design, and beyond. Complimenting these studio sessions, lab sessions ground students with a solid understanding of HTML5 and CSS3, the building blocks of web-based content.
16 |
17 | This module runs concurrently with the Introduction to Communication Design history and theory module, which provides students with a contextual framework that is designed to complement the practical nature of this module.
18 |
19 |
20 | ##Aims
21 |
22 | The essential aims of this module are:
23 |
24 | + To introduce the formal principles of interaction design, including: sketching, visualisation, paper-prototyping and digital-prototyping.
25 | + To equip students with a comprehensive understanding of communication design principles, including: composition, hierarchy, typography, and systems design.
26 | + To ensure students acquire a solid, foundational knowledge of, and competence in HTML5 and CSS3 upon which they can build.
27 | + To encourage a creative environment that supports an awareness and understanding of the core ideas of interaction design.
28 | + To ensure students understand the principle of ‘learning how to learn’ and begin to develop their own awareness and toolsets proactively.
29 |
30 |
31 | ##Content
32 |
33 | This module contains a series of practical, hands-on workshops, which enable students to fully explore the foundational principles of interaction design, both off- and on-screen. Paper-based exercises introduce students to fundamental communication design principles, including those developed at the Bauhaus, Ulm School of Design and beyond. Computer-based exercises introduce students to the core languages (HTML5 and CSS3) required to understand web standards.
34 |
35 | The module combines studio and lab content with online resources, providing additional support and opportunities to build upon knowledge acquired during workshops. Students are supported through a weekly lecture programme that is designed to broaden their knowledge and understanding.
36 |
37 | Indicative lecture content includes:
38 |
39 | + Point, Line, Plane
40 | + Rhythm and Balance
41 | + Scale and Composition
42 | + Colour
43 | + Typography
44 | + Hierarchy
45 | + Modularity
46 | + Introduction to Web Standards
47 | + Structured Markup, Semantics and Information Architecture
48 | + Links
49 | + File Transfer Protocols (FTP, SFTP)
50 | + Cascading Style Sheets
51 | + Responsive Foundations
52 |
53 |
54 | ##Reading List
55 |
56 | ###Required
57 |
58 | + Lupton, E. and Cole Phillips, J., 2008. [Graphic Design: The New Basics.](http://www.amazon.co.uk/exec/obidos/ASIN/1568987021/monographic-21) Princeton: Princeton Architectural Press.
59 | + Boulton, M., 2010. [A Practical Guide to Designing for the Web.](http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-for-the-web) Penarth: Five Simple Steps.
60 | + Murphy, C. and Persson, N., 2008. [HTML and CSS Web Standards Solutions: A Web Standardistas’ Approach.](http://www.amazon.co.uk/exec/obidos/ASIN/1430216069/monographic-21) Berkeley: friends of ED.
61 | + Keith, J., 2010. [HTML5 For Web Designers.](http://www.abookapart.com/products/html5-for-web-designers) New York: A Book Apart.
62 | + Cederholm, D., 2010. [CSS3 For Web Designers.](http://www.abookapart.com/products/css3-for-web-designers) New York: A Book Apart.
63 |
64 |
65 | ###Recommended
66 |
67 | + Lupton, E., 2010. [Thinking with Type: A Critical Guide for Designers, Writers, Editors and Students.](http://www.amazon.co.uk/exec/obidos/ASIN/1568989695/monographic-21) 2nd ed. Princeton: Princeton Architectural Press.
68 | + Lidwell, W., Holden, K. and Butler, J., 2010. [Universal Principles of Design.](http://www.amazon.co.uk/exec/obidos/ASIN/1592535879/monographic-21) 2nd ed. Rockport Publishers.
69 |
70 |
71 |
82 |
83 |
84 |
85 |
86 |
--------------------------------------------------------------------------------
/Year 1/2. Introduction to Communication Design/2. Introduction to Communication Design.md:
--------------------------------------------------------------------------------
1 | Introduction to Communication Design
2 | ====================================
3 |
4 | + __Year:__ 1
5 | + __Semester:__ 1
6 | + __Credits:__ 20 Credits
7 | + __Delivery:__ Lectures, Seminars, Workshops, Tutorials and Self-Directed Study
8 | + __Co-requisites:__ Interaction Design Fundamentals
9 |
10 |
11 | ##Rationale
12 |
13 | In this module we introduce students to the history of communication design. Starting with imagined communication devices of the future (Minority Report, Prometheus…) we rewind, in a single lecture, to the era of cave painting (Lascaux, Chauvet…), demonstrating the connections that bind human communication together.
14 |
15 | The remainder of the twelve-week programme, takes the student on a leisurely journey from the past to the present to the future, introducing them on a weekly basis to key points in the history of communication design.
16 |
17 | Students are introduced to version control systems, and are assisted in establishing GitHub profiles to act as a repository for their research and writing. By using GitHub and GitHub pages as a vehicle for written content, students are introduced to the fundamental principles of version control, enabling them to work in teams and track other team members’ changes.
18 |
19 | The module is intended to introduce students to fundamental study skills, ensuring their transition into university education is managed and phased. The module introduces study skills exercises and embraces group projects to help students build a sense of community.
20 |
21 |
22 | ##Aims
23 |
24 | The essential aims of this module are:
25 |
26 | + To equip students with an awareness and understanding of both historical and contemporary movements in communication design.
27 | + To ensure students recognise the relationship between history and theory, and practice.
28 | + To equip students with core study skills enabling them to transition into self-directed study.
29 | + To introduce students to working in teams, ensuring they are equipped with the skills required to manage the challenges this poses.
30 | + To introduce students to the idea of version control (Git, Subversion…), enabling them to work as part of a team, tracking different team members’ contributions.
31 |
32 |
33 | ##Content
34 |
35 | This module equips students with a comprehensive understanding of the history of communication design. Through a series of connected lectures, students are introduced to the breadth and depth of communication approaches, intended to inform their practical work.
36 |
37 | In addition to the lecture content students are introduced to study skills, the dynamics of working in teams, and the importance of version control through a series of seminars. The module combines studio and lab content with online resources, providing additional support and opportunities to build upon knowledge acquired during workshops.
38 |
39 | Indicative lecture content includes:
40 |
41 | + 20,000 Years in One Hour
42 | + Cave Paintings to Illuminated Manuscripts
43 | + Gutenberg and Moveable Type
44 | + A Century of Change
45 | + Dada and Propaganda in Design
46 | + Revolution and The Bauhaus
47 | + WWII and Modernism in the US
48 | + The International Style
49 | + Postmodernism
50 | + The Rise of the Machines
51 | + The Here and Now
52 | + Fictional User Interfaces and Beyond
53 |
54 |
55 | ##Reading List
56 |
57 | ###Required
58 |
59 | + Meggs, P. and Purvis, A., 2011. [History of Graphic Design.](http://www.amazon.co.uk/exec/obidos/ASIN/0470168730/monographic-21) 5th ed. London: John Wiley & Sons.
60 | + Eskilson, S., 2012. [Graphic Design: A New History.](http://www.amazon.co.uk/exec/obidos/ASIN/1856695115/monographic-21) 2nd ed. London: Laurence King.
61 |
62 |
63 | ###Recommended
64 |
65 | + Livingston, A. and Livingston, I., 2012. [The Thames & Hudson Dictionary of Graphic Design and Designers](http://www.amazon.co.uk/exec/obidos/ASIN/0500204136/monographic-21) 3rd ed. London: Thames & Hudson.
66 | + Newark, Q., 2007. [What is Graphic design? (Graphic Design for the Real World).](http://www.amazon.co.uk/exec/obidos/ASIN/2940361878/monographic-21) Hove: RotoVision.
67 |
68 |
69 |
--------------------------------------------------------------------------------
/Year 1/3. Exploring Identity/3. Exploring Identity.md:
--------------------------------------------------------------------------------
1 | Exploring Identity
2 | ==================
3 |
4 | + __Year:__ 1
5 | + __Semester:__ 2
6 | + __Credits:__ 40 Credits
7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study
8 | + __Co-requisites:__ Imaging and Data Visualisation
9 |
10 |
11 | ##Rationale
12 |
13 | Exploring aspects of iconography, branding, and visual identity, this practice-based module investigates how design considers issues of character and personality and how these can be communicated graphically. By introducing students to core software packages (Photoshop, Illustrator…) students develop the skills required to realise their ideas using industry standard software, equipping students with the drawing skills needed to create assets for industry.
14 |
15 | Students are introduced to the principles of branding in the widest sense, exploring brand identities in both small scale (personal brand) and large scale (corporate identity) contexts. Through staged delivery, students move through the development of personal identities, working as individuals, before widening their frame of reference to explore the creation of corporate identities, working in teams.
16 |
17 | This module runs concurrently with the Imaging and Data Visualisation module, which provides students with a broader contextual framework, exploring imagery in a much wider sense, and designed to complement the content of this module.
18 |
19 |
20 | ##Aims
21 |
22 | The essential aims of this module are:
23 |
24 | + To introduce core principles of iconography, branding and identity, including: a history of icons, semiotics, and communication systems.
25 | + To introduce students to fundamental techniques, processes and technologies through workshop and lab practice.
26 | + To equip students with the skills to communicate their ideas through sketching and visualisation.
27 | + To encourage students to develop the team working skills required to complete a substantial piece of corporate identity coursework.
28 | + To develop the skills needed to create a range of assets to form the backbone of a comprehensive corporate identity campaign.
29 |
30 |
31 | ##Content
32 |
33 | This module contains a series of practical, hands-on workshops, which equip students with both a theoretical understanding of iconography and identity, and the skills required to communicate their ideas visually. Paper-based exercises introduce students to the idea of rapid prototyping ideas and ‘thinking through paper’. Computer-based exercises take these sketches and prototypes and develop them further.
34 |
35 | By introducing the various tools, both off- and on-screen, required to meet industry needs, standards, including Illustrator, Photoshop and other appropriate commercial packages, students are equipped for a career in industry.
36 |
37 | The module combines studio and lab content with online resources, providing additional support and opportunities to build upon knowledge acquired during workshops. Students are supported through a weekly lecture programme that is designed to broaden their knowledge and understanding.
38 |
39 | Indicative lecture content includes:
40 |
41 | + A History of Icons
42 | + Non Verbal Communication
43 | + Semiotics
44 | + The Art and Craft of Iconography
45 | + Wordbanks and Brand Dictionaries
46 | + Learning From the Apple Human Interface Guidelines (HIG)
47 | + The Transformer
48 | + Taxonomies and Lexicons
49 | + Personal Branding
50 | + Corporate Identity Systems
51 | + Case Study: Lufthansa
52 |
53 |
54 | ##Reading List
55 |
56 | ###Required
57 |
58 | + Hicks, J., 2011. [The Icon Handbook.](http://www.fivesimplesteps.com/products/the-icon-handbook) Penarth: Five Simple Steps.
59 | + Mollerup, P., 2013. [Marks of Excellence: The History and Taxonomy of Trademarks.](http://www.amazon.co.uk/exec/obidos/ASIN/0714864749/monographic-21) 2nd ed. London: Phaidon.
60 | + Murphy, C. and Persson, N., 2013. [The Craft of Words: Part One – Macrocopy.](http://www.fivesimplesteps.com/products/the-craft-of-words) Penarth: Five Simple Steps.
61 |
62 |
63 | ###Recommended
64 |
65 | + Neumeier, M., 2011. [The Brand Gap: How to Bridge the Distance Between Business Strategy and Design.](http://www.amazon.co.uk/exec/obidos/ASIN/0321348109/monographic-21) San Francisco: New Riders.
66 | + Wheeler, A., 2009. [Designing Brand Identity: An Essential Guide for the Whole Branding Team.](http://www.amazon.co.uk/exec/obidos/ASIN/1118099206/monographic-21) London: John Wiley & Sons.
67 | + Muller, J. and Weiland, K., 2011. [A5/05: Lufthansa and Graphic Design: Visual History of an Airline.](http://www.amazon.co.uk/exec/obidos/ASIN/3037782676/monographic-21) Zurich: Lars Muller Publishers.
--------------------------------------------------------------------------------
/Year 1/4. Imaging and Data Visualisation/4. Imaging and Data Visualisation.md:
--------------------------------------------------------------------------------
1 | Imaging and Data Visualisation
2 | ==============================
3 |
4 | + __Year:__ 1
5 | + __Semester:__ 2
6 | + __Credits:__ 20 Credits
7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study
8 | + __Co-requisites:__ Exploring Identity
9 |
10 |
11 | ##Rationale
12 |
13 | We’ve been led to believe that a picture is worth a thousand words. This module puts that truism to the test. Exploring non-verbal communication, we introduce students to photographic, illustrative and diagrammatic approaches to communication. Showcasing the power of the image in communication the module equips students with the ability to not only create images, but also brief others’ on how to create images, through the creation of functional mood boards.
14 |
15 | The module explores both paper- and screen-based approaches to image creation and introduces students to the differences between vector and raster images, in addition to various file formats and their appropriate uses.
16 |
17 | By asking students to deliver their coursework using digital channels, for example grouping courseworks into Flickr pools, students are also introduced to digital distribution methods and exposed to the various channels they might consider to develop and build their web-based profiles.
18 |
19 |
20 | ##Aims
21 |
22 | The essential aims of this module are:
23 |
24 | + To introduce students to both photographic and illustrative approaches towards image making.
25 | + To increase students’ awareness of how imaging can be used in a variety of design contexts.
26 | + To develop students’ knowledge of the technical terms surrounding images: vector, raster, resolution, compression, bokeh, and other terms.
27 | + To familiarise students with the principles of art direction and help them develop tools – like moodboarding – that they can use to brief collaborators.
28 | + To explore designing with data and the challenges and opportunities that presenting data in an interactive context affords.
29 | + To visually portray complex data in a clear and intelligible manner.
30 |
31 |
32 | ##Content
33 |
34 | Students are supported through a weekly lecture programme that is designed to broaden their knowledge and understanding. A weekly lecture and seminar programme that is designed to develop a knowledge and understanding of the creation and application of images – photographic, illustrative, and diagrammatic – to interaction design.
35 |
36 |
37 |
38 | Indicative lecture content includes:
39 |
40 | + The Impact of Photography
41 | + Harmony and Proportion
42 | + Manufactured Fictions in The Age of Instagram
43 | + Illustration, Hand to Mouse
44 | + The Art of Art Direction
45 | + Giving Guidance Through Moodboards
46 | + The Visual Language of Data
47 | + A Cornucopia of Charts
48 | + Designing (and Deceiving) with Data
49 | + Meet Edward Tufte
50 | + Case Study: The Challenger: An Information Disaster
51 |
52 | ##Reading List
53 |
54 | ###Required
55 |
56 | + Suda, B., 2010. [A Practical Guide to Designing with Data.](http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-with-data) Penarth: Five Simple Steps.
57 | + Tufte, E., 2001. [The Visual Display of Quantitative Information.](http://www.amazon.co.uk/exec/obidos/ASIN/0961392142/monographic-21) 2nd ed. Cheshire, CT: Graphics Press.
58 | + Marshall, L. and Meachem, L., 2010. [How to Use Images.](http://www.amazon.co.uk/exec/obidos/ASIN/1856696588/monographic-21) London: Laurence King.
59 | + Ingledew, J., 2011. [The A - Z of Visual Ideas: How to Solve any Creative Brief.](http://www.amazon.co.uk/exec/obidos/ASIN/1856697142/monographic-21) London: Laurence King.
60 |
61 |
62 | ###Recommended
63 |
64 | + McCandless, D., 2010. [Information is Beautiful.](http://www.amazon.co.uk/exec/obidos/ASIN/0007492898/monographic-21) London: Collins.
65 | + Lima, M., 2011. [Visual Complexity: Mapping Patterns of Information.](http://www.amazon.co.uk/exec/obidos/ASIN/1616892196/monographic-21) Princeton: Princeton Architectural Press.
66 | + Hyland, A. and Bell, R., 2003. [Hand to Eye.](http://www.amazon.co.uk/exec/obidos/ASIN/1856693392/monographic-21) London: Laurence King.
67 | + Ingledew, J., 2013. [Photography.](http://www.amazon.co.uk/exec/obidos/ASIN/1780670966/monographic-21) 2nd ed. London: Laurence King.
68 |
69 |
74 |
--------------------------------------------------------------------------------
/Year 1/4. Imaging and Data Visualisation/Workshop Plan.md:
--------------------------------------------------------------------------------
1 | Workshop Plan
2 | =============
3 |
4 | This is the beginnings of a workshop plan for a one day masterclass on designing with data. Using Brian Suda's book, I have in mind building a workshop that explores data visualisation.
5 |
6 | Basics
7 | ------
8 |
9 | We'll start by designing in Keynote. /* We'll need to get this installed on all the Mac Minis, so the students are working from a common base, with a common toolset. */
10 |
11 |
12 | APIs or Frameworks
13 | ------------------
14 |
15 | I think it would be interesing to explore some off-the-shelf tools, e.g. [Highcharts](http://www.highcharts.com). Build out some exercises using this as a tool to streamline the process.
16 |
--------------------------------------------------------------------------------
/Year 2/1. Designing User Experiences/1. Designing User Experiences.md:
--------------------------------------------------------------------------------
1 | Designing User Experiences
2 | ==========================
3 |
4 | + __Year:__ 2
5 | + __Semester:__ 1
6 | + __Credits:__ 40 Credits
7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study
8 | + __Co-requisites:__ Narrative and Storytelling
9 |
10 |
11 | ##Rationale
12 |
13 | This module looks beyond the technical ‘how’ of interaction design and explores questions relating to ‘why’. Starting with users and their needs, the module investigates the experiential aspects and emotional perception of the things we create as designers, drawing from the work of Don Norman, Jakob Nielsen, Bruce Tognazzini and other human computer interaction (HCI) experts.
14 |
15 | User Experience (UX) is defined as, “A person’s perceptions and responses that result from the use or anticipated use of a product, system or service.” (ISO 9241-210). This module is focused on working with real people and seeking their input in the design process. In short, rather than designing in isolation, it aims to get to students to the heart of what the problem really is (rather than their perception of what it is).
16 |
17 | Students are introduced to: user personas, based upon user research and structured interviews; wireflows, routes through a site or product; storyboards, helping to illustrate user journeys and troubleshoot potential problems; wireframes, low level representations of interfaces; and usability testing, ensuring that their designs and their intended outcomes are tested against set criteria.
18 |
19 | Using a carefully considered approach, we put people at the heart of the design process, ensuring that students understand the importance of designing for real people with real needs.
20 |
21 |
22 | ##Aims
23 |
24 | The essential aims of this module are:
25 |
26 | + To introduce core concepts of user experience as a discipline.
27 | + To introduce students to the importance of user research and gathering information through structured interviews and other means.
28 | + To introduce students to the concept of user personas, and explore how these shape and alter the design process.
29 | + To create a body of work investigating the emotional responses of the viewer to differing prototypes.
30 | + To explore the viewpoints of different works from the perspective of varying users.
31 | + To emphasise the importance of an iterative design process based on usability testing and user feedback.
32 |
33 |
34 | ##Content
35 |
36 | This module introduces students to the importance of placing users at the heart of the design process. Through a series of practical, hands-on workshops, students are introduced to the importance of developing a user-centred approach to design.
37 |
38 | Students are introduced to the importance of conducting user research through structured interviews and encouraged to consider usability testing at every stage of an iterative design process. The module covers paper-based exercises (wireflows, storyboards, wireframes) in addition to screen-based exercises (functional prototypes, usability tests, A/B tests) to ensure students appreciate the complexity of designing great user experiences.
39 |
40 | Indicative lecture content includes:
41 |
42 | + An Introduction to User Experience
43 | + The Emotional Design of Everyday Things
44 | + Sketching User Experiences
45 | + Designing With the User in Mind
46 | + Considering User’s Motivations and Feelings
47 | + Usability Testing
48 | + How Context Alters Use
49 | + Delighters, Momentary Emotions
50 | + Experiences That Linger in the Memory
51 |
52 |
53 | ##Reading List
54 |
55 | ###Required
56 |
57 | + Bowles, C. and Box, J., 2010. [Undercover User Experience Design.](http://www.amazon.co.uk/exec/obidos/ASIN/0321719905/monographic-21) San Francisco: Voices That Matter.
58 | + Walter, A., 2011. [Designing for Emotion](http://www.abookapart.com/products/designing-for-emotion) New York: A Book Apart.
59 | + Krug, S., 2013. [Don’t Make Me Think: A Common Sense Approach to Web Usability.](http://www.amazon.co.uk/exec/obidos/ASIN/0321965515/monographic-21) 3rd ed. San Francisco: New Riders.
60 | + Buxton, Bill., 2007. [Sketching User Experiences: Getting the Design Right and the Right Design.](http://www.amazon.co.uk/exec/obidos/ASIN/0123740371/monographic-21) Massachusetts: Morgan Kaufmann.
61 |
62 |
63 | ###Recommended
64 |
65 | + Norman, D., 1998. [The Design of Everyday Things.](http://www.amazon.co.uk/exec/obidos/ASIN/0262640376/monographic-21) Massachusetts: The MIT Press.
66 | + Moggridge, B., 2006. [Designing Interactions.](http://www.amazon.co.uk/exec/obidos/ASIN/0262134748/monographic-21) Massachusetts: The MIT Press.
67 | + Krug, S., 2009. [Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems.](http://www.amazon.co.uk/exec/obidos/ASIN/0321657292/monographic-21) San Francisco: New Riders.
68 |
69 |
70 |
71 |
--------------------------------------------------------------------------------
/Year 2/2. Narrative and Storytelling/2. Narrative and Storytelling.md:
--------------------------------------------------------------------------------
1 | Narrative and Storytelling
2 | ==========================
3 |
4 | + __Year:__ 2
5 | + __Semester:__ 1
6 | + __Credits:__ 20 Credits
7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study
8 | + __Co-requisites:__ Designing User Experiences
9 |
10 |
11 | ##Rationale
12 |
13 | Examining how storytelling can be used to enhance content, this module considers how concepts like art direction, pacing and narrative can be used to control the flow of information. Through the creation of a piece of narrative web-based content, students are taught the dynamics of design as it unfolds like a story, across frames and over time.
14 |
15 | Narrative and storytelling form the backbone of all interactive experiences. With a focus on user journeys – how users make their way through content – the module underlines the importance of pacing and flow. We introduce students to a broader palette of design tools, including behaviour, motion, visual feedback and transitions between states, exploring how these can help define emotional responses to what we create.
16 |
17 | We explore the importance of separating the ‘behaviour layer’ (introducing and exploring JavaScript) from a web page’s structure and content (HTML) and presentation (CSS). Through a series of prototyping exercises we explore JavaScript and behaviour in more detail, stressing the importance of progressive enhancement to support devices that may not support advanced JavaScript functionality.
18 |
19 | The module explores both macro-interactions (how we move through content at a storytelling level) and micro interactions (how we design detailed interactions, for example, pressing a button). The intention is to explore the potentially rich ways in which we can use transitions and animations to connect content and tell stories in new and exciting ways.
20 |
21 |
22 | ##Aims
23 |
24 | The essential aims of this module are:
25 |
26 | + To introduce the principles of narrative and storytelling, enabling students to consider their use as part of the content design process.
27 | + To examine how a story unfolds over time and consider pacing as an essential part of the storytelling process.
28 | + To explore the process of art direction, considering its role within the design process.
29 | + To prototype macro-interactions at an overall story level and micro-interactions at a more focused functional level.
30 | + To undertake a series of prototypes using JavaScript which introduce and explore behaviour.
31 | + To introduce the importance of progressive enhancement as a strategy for creating inclusive experiences designed for all.
32 | + To draw together a series of macro- and micro- prototypes to create a finished, cohesive piece.
33 |
34 |
35 | ##Content
36 |
37 | Students are supported through a weekly lecture programme that is designed to broaden their knowledge and understanding. The lecture programme is based on specific topics associated with narrative and storytelling. Key figures and contemporary practices are presented in each lecture, examining how a story unfolds over time and the methodology used to control the flow of information.
38 |
39 |
40 |
41 | Narratives unfold at both the macro level, between large masses of information, but also during small, tiny interactions. With this in mind, we explore how content can be shaped at different levels of magnification: from the canvas in, to the element out. We explore storytelling canvases and also consider the functional design of different interface elements, including: buttons, menus, input elements, navigation and other elements.
42 |
43 | Indicative lecture content includes:
44 |
45 | + Editorial Design
46 | + Learning From Print
47 | + Art Direction
48 | + Narrative and Storytelling
49 | + Time as a Design Element
50 | + Pacing, East Meets West
51 | + Learning From Film
52 | + Understanding Behaviour
53 | + Macro and Micro Prototyping
54 | + Transitions
55 |
56 | [2015-16 Lecture Content](https://github.com/fehler/lectures/blob/master/DES310.md)
57 |
58 |
59 | ##Reading List
60 |
61 | ###Required
62 |
63 | + McCloud, Scott, 1994. [Understanding Comics: The Invisible Art.](http://www.amazon.co.uk/exec/obidos/ASIN/006097625X/monographic-21) London: HarperCollins.
64 | + Mills, Robert, 2012. [A Practical Guide to Designing the Invisible.](http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-the-invisible) Penarth: Five Simple Steps.
65 | + Murphy, C. and Persson, N., 2013. [The Craft of Words: Part One - Macrocopy.](http://www.fivesimplesteps.com/products/the-craft-of-words) Penarth: Five Simple Steps.
66 | + Murphy, C. and Persson, N., 2013. [The Craft of Words: Part Two - Microcopy.](http://www.fivesimplesteps.com/products/the-craft-of-words-microcopy) Penarth: Five Simple Steps.
67 |
68 |
69 | ###Recommended
70 |
71 | + Duckett, J., 2014. [JavaScript & JQuery: Interactive Front-end Web Development.](http://www.amazon.co.uk/exec/obidos/ASIN/1118531647/monographic-21)
72 | London: John Wiley & Sons.
73 | + Head, V., 2013. [CSS Animations](http://www.fivesimplesteps.com/products/css-animations) Penarth: Five Simple Steps.
74 | + Flanagan, D., 2012. [JavaScript Pocket Reference.](http://www.amazon.co.uk/exec/obidos/ASIN/1449316859/monographic-21) San Francisco: O’Reilly.
75 |
--------------------------------------------------------------------------------
/Year 2/2. Narrative and Storytelling/2014:15 Planning.md:
--------------------------------------------------------------------------------
1 | Narrative and Storytelling - 2014/15 Planning
2 | =============================================
3 |
4 | We were disappointed with the results of the 'Narrative and Storytelling' module as delivered this year. We'd hoped that our Year 2 students would pick up the task we'd set them – to markup and style a narrative driven web page – and really explore the possibilities the content offered. We'd hoped for a series of in depth projects, that pushed the boundaries, that's not what was submitted, sadly.
5 |
6 | We'd written the content specifically to allow the students to explore a number of areas, however, we were alarmed that:
7 |
8 | 1. The students for the most part didn't take the initiative and explore the potential the content offered.
9 | 2. More worryingly, students were using HTML for presentational purposes. (We were alarmed to see thousands of `
` elements (why?) and, even worse, deprecated elements like `
Think of your design journal as a written and visual scrapbook where you collect your inspiration, and a place to gather your prototypes.
16 | 17 |We expect to see evidence that you're up to date with what is happening on the web and in our industry. Don't over-rely on Google, look beyond the web, consider books, magazines, newspapers and other media. We expect to see something along the lines of The Standardistas' site, where inspiration is gathered and reflected upon. In short, something that shows us that you're interested in web design and have a passion for it.
18 | 19 |Please overwrite this content to show us that you have read and understand what we expect of you in your design journal. You can replace this content with introductory material of your own, however, we would ask that at the very top of the page you kick off with a 50 word pen portrait that introduces yourself.
20 | 21 |If you are unclear of what is expected, please ask a lecturer during the lab sessions or after the lectures. We don't want to hear, "But my friend told me this was how we should do it." Your friend is usually wrong.
22 | 23 | 24 |This week we expect to see evidence of initial market research. We expect to see you undertaking the groundwork that will form the basis of the project as we progress through the semester.
29 | 30 |During the lecture we looked at the evolution of ‘digital product design’ and how many designers are starting to use their skills to develop product ranges: icons, prints, themes… We’d like to see you exploring this area and laying the foundations for this semester’s project work.
31 | 32 |Remember this module is a 20 Credit module, we expect to see 200 hours of work.
33 | 34 | 35 |This week we expect to see evidence of three product categories – for example icons, prints, or themes – with an analysis of them. This might be three designers who are creating icon sets, for example: Dan Cederholm’s IconShoppe icons; Drew Wilson’s Pictos icons; or Adam Whitcroft’s Batch icons.
40 | 41 |We’d like to see some thought given to each of your three choices. How are the products being marketed? Who’s the target market? How are they priced? If they’re $40, why are they $40. If they’re free, why are they free? This research will inform your research in Week 3, when we start to build some user personas, which represent your typical customers.
42 | 43 | 44 |This week we expect to see research into your target market. We’d like to see a finished user persona that encapsulates your typical customer. Our friends at MailChimp have created a lovely article on User Persona Research, you might like to start by reading that, but we’d like to see you doing your own research into this area.
49 | 50 |Put some thought into how you design your personas. MailChimp’s, linked to above, are particularly nice, but how would you execute them?
51 | 52 | 53 |This week we expect to see evidence of initial skills acquisition. You will probably need to learn new skills to get your product idea off the ground: this might mean learning Illustrator (you could take a look at Veerle Pieters’ excellent tutorials to leverage up your Illustrator abilities); or it might be learning how to theme Wordpress (you could explore WordPress’s documentation to grow your skills in this area).
58 | 59 |In short, we expect to see evidence of you learning new skills. Your work in these early weeks will enable you to fulfil the brief.
60 | 61 | 62 |This week we expect to see further evidence of skills acquisition. You all need to widen your skills base in order to: 1. Fulfil the brief; and 2. Prepare yourself for placement. Focus on your weaknesses. What skills do you need to improve? Identify these and provide prototypes that clearly show us what you have been working on.
67 | 68 |It’s worth stressing at this point that we are expecting sustained work undertaken throughout the semester, don’t ease off the gas, maintain the momentum. You all have skills gaps, now is the time to address these gaps and learn something new.
69 | 70 | 71 |This week we expect to see your initial digital product prototypes. We’d like you to focus on building a Minimum Viable Product, you will iterate on this over the remainder of the semester. The quicker you give your product form, the quicker you can iterate upon it. We’d like to see evidence of your product idea and some thought given to target market and pricing. (Remember, your price might be ‘free’.
76 | 77 | 78 |This week we expect to see your product ideas taking shape and becoming further refined. We’d like to see further evidence of your thinking and how it is evolving, reflect upon this so we can see your thinking.
83 | 84 |At this point you should have a product idea and be at a stage that you can gather feedback on it from your peers and the wider market. Be proactive and start to consider how you’re framing your product’s story.
85 | 86 | 87 |Your product’s need a home. We showed some examples of these during the Week 2 lecture, ‘From Service to Product’. We’d like you to take a look at the examples we showed and consider how your product’s story is told. Examples to consider include: Dan Cederholm’s IconShoppe; Gavin Elliot and Vic Bell’s Gump Inc.; or Dan Mall’s Site Map Kit.
92 | 93 |We’d like to see consideration give to pricing and target markets, as outlined in your Week 3 and Week 4 research. Consider the product narrative. How are you telling the story?
94 | 95 | 96 |This week we’d like you to develop your product web site and move it towards completion. This is your opportunity to tie up loose ends and undertake essential QA (Quality Assurance). We expect you to have tested your product web site across multiple browsers and in multiple contexts (desktop and mobile), it should work everywhere, not just on the computer you developed it on.
101 | 102 |This is your chance to showcase your skills as they are evolving on the course. You should be aiming to include this project in your portfolio, take some pride in it.
103 | 104 | 105 |This week we expect to see your work on the Keynote or PowerPoint you’ll use to pitch your digital product idea to us in Week 12. We’d like to see evidence of well-designed slides and a carefully considered pitch. Your Keynote or PowerPoint needs to provide:
110 | 111 |In short, we’ll be looking for a well-designed slide deck that tells us the product story. We’ll also need you to provide a PDF of your slide deck to assist us with the assessment.
119 | 120 | 121 |In this, the final week of the semester, you’ll be pitching your product ideas to the DES staff. We’ll provide feedback during the pitch sessions and offer some suggestions to improve your ideas.
126 | 127 |We’ll run through presentation skills during the lecture programme, this will be opportunity to show us what you learned and to practice your pitching skills.
128 | 129 | 130 | 131 | -------------------------------------------------------------------------------- /Year 3/1. Placement Year.md: -------------------------------------------------------------------------------- 1 | Placement 2 | ========= 3 | 4 | + __Year:__ 3 5 | + __Semester:__ N/A 6 | + __Credits:__ TBC 7 | + __Delivery:__ Work Placement Visits 8 | + __Co-requisites:__ None 9 | 10 | 11 | ##Rationale 12 | 13 | We believe that placement experience is important, we've seen this borne out in previous students we've worked with. We hope to partner with companies, both nationally and internationally, to help facilitate this. Students are supported on their placement year through staff engagement with industry and we envisage this offering additional opportunities to build strong connections between academia and industry. -------------------------------------------------------------------------------- /Year 4/1. Major Project Prototyping/1. Major Project Prototyping.md: -------------------------------------------------------------------------------- 1 | Major Project Prototyping 2 | ========================= 3 | 4 | + __Year:__ 4 5 | + __Semester:__ 1 6 | + __Credits:__ 40 Credits 7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study 8 | + __Co-requisites:__ Research and Writing 9 | 10 | 11 | ##Rationale 12 | 13 | This module focuses on equipping students with the idea generation and prototyping skills required to produce a substantial and challenging body of work for the Major Project module in the following semester. It is intended to form a springboard for the students’ final outcome and is very closely linked to the deliverables of that module. 14 | 15 | The module aims to equip students with a comprehensive understanding of the various aspects of idea generation, project preparation, management and delivery, required to undertake a substantial piece of project work. The module is designed to help students develop their individual design skills, identities and direction, enabling them to develop a realistic and meaningful piece of work during their final year. 16 | 17 | Through an emphasis on developing iterative prototypes at a range of fidelities – including sketches, paper prototypes, wireframes and functional prototypes – and testing these extensively, students are equipped with the building blocks required to bring ideas into form and embark on their Major Project successfully. 18 | 19 | A structured lecture programme, coupled with a series of idea generation workshops, paper-prototyping workshops and applied lab sessions, equips students with the skills required to prototype their ideas and test their validity before embarking on the Major Project. 20 | 21 | 22 | ##Aims 23 | 24 | The essential aims of this module are: 25 | 26 | + To introduce students to a range of design research approaches. 27 | + To add to the students’ idea generation repertoire. 28 | + To further develop students’ paper-prototyping skills, ensuring they complete the programme with a clear understanding of the importance of thinking through paper. 29 | + To equip students with the skills required to convincingly pitch their ideas in a confident and reasoned manner. 30 | + To develop students individual design skills and identities, informing their Major Project module in the final semester. 31 | + To build a series of prototypes that will inform and guide the construction of their Major Project. 32 | 33 | 34 | ##Content 35 | 36 | Students are supported through a weekly lecture programme that is designed to broaden their knowledge and understanding. Lecture and seminar content are centred on developing students’ understanding of the idea generation process, with a focus on learning from international models of excellence. 37 | 38 | Models developed in both industry (IDEO, Frog Design) and academia (d.school, Hyperisland) are introduced and explored, forming a basis for evolving a solid idea generation process and methodology. 39 | 40 | Indicative lecture content includes: 41 | 42 | + The Myths of Innovation 43 | + Idea Generation 44 | + Brainstorming 45 | + Six Thinking Hats 46 | + Radiant Thinking and Widening the Frame of Reference 47 | + Randomness 48 | + Collaborative Approaches and Hot Teams 49 | + Space as Creative Facilitator 50 | + Paper- and Digital-Prototyping 51 | 52 | 53 | ##Reading List 54 | 55 | ###Required 56 | 57 | + Kelley, T., and Kelley, D., 2013. [Creative Confidence: Unleashing the Creative Potential Within Us All.](http://www.amazon.co.uk/exec/obidos/ASIN/0007517998/monographic-21) London: William Collins. 58 | + Fried, J., and Heinemeier Hansson, D., 2010. [Rework.](http://www.amazon.co.uk/exec/obidos/ASIN/0091929784/monographic-21) London: Vermilion. 59 | + Cooper, A., 2004. [The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How to Restore the Sanity.](http://www.amazon.co.uk/exec/obidos/ASIN/0672326140/monographic-21) London: Sams. 60 | + Noble, I. and Bestley, R., 2011. [Visual Research: An Introduction to Research Methodologies in Graphic Design.](http://www.amazon.co.uk/exec/obidos/ASIN/2940411603/monographic-21) 2nd ed. Lausanne: AVA Publishing. 61 | 62 | 63 | ###Recommended 64 | 65 | + Kelley, T., 2002. [The Art Of Innovation: Success Through Innovation the IDEO Way.](http://www.amazon.co.uk/exec/obidos/ASIN/186197583X/monographic-21) London: Profile Books. 66 | + Berkun, S., 2010. [The Myths of Innovation.](http://www.amazon.co.uk/exec/obidos/ASIN/1449389627/monographic-21) San Francisco: O’Reilly Media. 67 | + Friedman, V., Ed., 2013. [Smashing Book #4.](http://www.smashingmagazine.com/smashing-book-4-new-perspectives/) Freiburg: Smashing Media. 68 | + Shaughnessy, A., 2010. [How to Be a Graphic Designer Without Losing Your Soul.](http://www.amazon.co.uk/exec/obidos/ASIN/1856697096/monographic-21) 2nd ed. London: Laurence King Publishing. 69 | -------------------------------------------------------------------------------- /Year 4/2. Research and Writing/2. Research and Writing.md: -------------------------------------------------------------------------------- 1 | Research and Writing 2 | ==================== 3 | 4 | + __Year:__ 4 5 | + __Semester:__ 1 6 | + __Credits:__ 20 Credits 7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study 8 | + __Co-requisites:__ Major Project Prototyping 9 | 10 | 11 | ##Rationale 12 | 13 | This module is intended to consolidate the students’ knowledge and understanding of history and theory, by providing an opportunity for students to generate a body of unique research, tailored to their specialist area. 14 | 15 | The module is taught through a series of lectures and seminars that provide an awareness of the changing context of interaction design, exploring how the subject area is expanding and evolving. Lecture content adopts a less technology-focused approach, instead focusing on context. 16 | 17 | Students are expected to undertake a substantial piece of writing informed by the lecture and seminar programme to contextualise their practice. Through an emphasis on a substantial piece of written work, students are equipped with the skills required to reflect upon their practice and its theoretical underpinnings. The module aims to equip students with an understanding of the importance of reflective writing and how it can be mapped onto, and benefit, practice. 18 | 19 | The module explores a range of research and writing strategies through a series of seminars that identify and explore several key areas of contemporary practice. The emphasis is placed upon evolving the high-level research and writing skills necessary to meet industry’s needs. 20 | 21 | 22 | ##Aims 23 | 24 | The essential aims of this module are: 25 | 26 | + To develop specialist knowledge of emerging technologies, and their possible uses, related to interaction design. 27 | + To develop a deep understanding of the context in which we consume media, and explore how these media are evolving. 28 | + To develop research, evaluation, reporting and presentation skills. 29 | + To develop skills in providing a critique of research performed by others. 30 | 31 | 32 | ##Content 33 | 34 | Students are supported through a weekly lecture programme that is designed to broaden their knowledge and understanding. Lecture content adopts a less technology-focused approach, instead focusing on context, including: disruptive pricing models (‘Free’, ‘The Long Tail’); shared creation (‘Wikinomics’); underlying shifts in our industry, for example the shift from service to product; varying startup approaches (‘The Lean Startup’); and the psychology of digital design. 35 | 36 | Indicative lecture content includes: 37 | 38 | + The Shift from Services to Products 39 | + The Rise of the Digital Product Designer 40 | + Wikinomics and Mass Collaboration 41 | + Riding the Long Tail to Free 42 | + Steve Jobs vs. The Word of Minimum Viable Product 43 | + Maslow’s Hierarchy of Needs and the Psychology of Delight 44 | + The Internet of Things 45 | + Wearable Computing 46 | + Talkaboutability 47 | 48 | 49 | ##Reading List 50 | 51 | ###Required 52 | 53 | + Armstrong, H., 2009. [Graphic Design Theory: Readings from the Field.](http://www.amazon.co.uk/exec/obidos/ASIN/1568987722/monographic-21) Princeton: Princeton Architectural Press. 54 | + Lupton, E. and Abbott Miller, J., 1999. [Design Writing Research: Writing on Graphic Design.](http://www.amazon.co.uk/exec/obidos/ASIN/0714838519/monographic-21) London: Phaidon. 55 | + Collins, H., 2010. [Creative Research: The Theory and Practice of Research for the Creative Industries.](http://www.amazon.co.uk/exec/obidos/ASIN/2940411085/monographic-21) Lausanne: Ava. 56 | 57 | 58 | ###Recommended 59 | 60 | + Truss, L., 2009. [Eats, Shoots and Leaves – The Zero Tolerance Approach to Punctuation.](http://www.amazon.co.uk/exec/obidos/ASIN/0007329067/monographic-21) London: Fourth Estate 61 | + Crystal, D., 2006. [The Fight for English: How Language Pundits Ate, Shot, and Left.](http://www.amazon.co.uk/exec/obidos/ASIN/B009JCVFIG/monographic-21) Oxford: Oxford University Press. -------------------------------------------------------------------------------- /Year 4/3. Major Project/3. Major Project.md: -------------------------------------------------------------------------------- 1 | Major Project 2 | ============= 3 | 4 | + __Year:__ 4 5 | + __Semester:__ 2 6 | + __Credits:__ 40 Credits 7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study 8 | + __Co-requisites:__ Design Presentation and Reporting 9 | 10 | 11 | ##Rationale 12 | 13 | This module focuses on equipping students with a combination of skills, centred on the design and build of a sustained piece of coursework, which enables them to showcase what they have learned throughout the entirety of the course. The aim of the module is to highlight the depth and breadth of knowledge students have acquired whilst on the course. 14 | 15 | The module offers students support and feedback towards the development of a sustained body of work, which comes together in the form of a Major Project, designed to showcase the student’s abilities. 16 | 17 | The module allows students to identify and focus on a topic that interests them, enabling them to demonstrate what they have learned throughout the course. Within the project the student is expected to integrate and apply their learning from other modules on the course through the completion of a high level piece of work. 18 | 19 | Through the creation of a substantial piece of work students demonstrate an understanding of both the project management and quality assurance skills needed to work within industry, assisting them in the process of securing employment. 20 | 21 | 22 | ##Aims 23 | 24 | The essential aims of this module are: 25 | 26 | + To give the student an opportunity to carry out a significant body of workthat integrates the various topics covered on the course. 27 | + To develop students’ project management, and time and resource management skills. 28 | + To equip students with an understanding of the importance of quality assurance throughout a project’s different phases. 29 | + To develop the students’ ability to work independently and advance their critical assessment abilities. 30 | + To equip students with the skills required to present their work and engage in critical discussion. 31 | 32 | 33 | ##Content 34 | 35 | Students are supported through a weekly lecture programme that is designed to broaden their knowledge and understanding. Lecture and seminar content are centred on developing students’ understanding of the project development and marketing process, with a focus on learning from international models of excellence. 36 | 37 | Indicative lecture content includes: 38 | 39 | + Strategic Marketing 40 | + Idea Viruses and Purple Cows 41 | + Storytelling and Social Media 42 | + Hollywood Launch 43 | + Developing Successful Press Campaigns 44 | + The Art of the Press Release 45 | + Dealing With the Media 46 | 47 | 48 | ##Reading List 49 | 50 | ###Required 51 | 52 | + Knowlton, B., 2012. [A Practical Guide to Managing Web Projects.](http://www.fivesimplesteps.com/products/a-practical-guide-to-managing-web-projects) Penarth: Five Simple Steps. 53 | + Osterwalder, A., and Pigneur, Y., 2010. [Business Model Generation: A Handbook for Visionaries, Game Changers, and Challengers.](http://www.amazon.co.uk/exec/obidos/ASIN/0470876417/monographic-21) London: John Wiley & Sons. 54 | + Ries, E., 2011. [The Lean Startup: How Constant Innovation Creates Radically Successful Businesses.](http://www.amazon.co.uk/exec/obidos/ASIN/0670921602/monographic-21) London: Portfolio Penguin. 55 | + Fried, J., and Heinemeier Hansson, D., 2010. [Rework.](http://www.amazon.co.uk/exec/obidos/ASIN/0091929784/monographic-21) London: Vermilion. 56 | + Murphy, C., 2014. [Talkaboutability.](http://tinybooks.org) Belfast: Tiny Books. 57 | 58 | 59 | ###Recommended 60 | 61 | + Long, J., 2013. [Design Evolution.](http://www.fivesimplesteps.com/products/design-evolution) Penarth: Five Simple Steps. 62 | + Hall, E., 2013. [Just Enough Research.](http://www.abookapart.com/products/just-enough-research) New York: A Book Apart. 63 | + Chimero, F., 2011. [The Shape of Design.](http://shapeofdesignbook.com) New York: Frank Chimero (Kickstarter Funded Publication). 64 | + Zambonini, D., 2012. [A Practical Guide to Web App Success.](http://www.fivesimplesteps.com/products/web-app-success) Penarth: Five Simple Steps. -------------------------------------------------------------------------------- /Year 4/4. Design Presentation and Reporting/4. Design Presentation and Reporting.md: -------------------------------------------------------------------------------- 1 | Design Presentation and Reporting 2 | ================================= 3 | 4 | + __Year:__ 4 5 | + __Semester:__ 2 6 | + __Credits:__ 20 Credits 7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study 8 | + __Co-requisites:__ Major Project 9 | 10 | 11 | ##Rationale 12 | 13 | Design Presentation and Reporting equips students with the skills – both written and verbal – to confidently articulate their ideas, pitching them to an audience in a manner that is both reasoned and persuasive. 14 | 15 | The module allows students to expand upon their research skills to further a deeper understanding of the subject area in general, and to help in evidencing concepts, ideas and rationales relating to the work undertaken for the Major Project in the same semester. The module develops advanced analytical skills vital in the rapidly evolving field of interaction design. 16 | 17 | The module, which is tightly coupled with the Major Project module, is intended to enable students to develop the pitching skills necessary to present their ideas in an industry context. Equipping them with the abilities required to do this, students make a formal structured presentation that sets out the rationale, analysis, conclusions and critical appraisal of their Major Project. 18 | 19 | 20 | ##Aims 21 | 22 | The essential aims of this module are: 23 | 24 | + To introduce students to the skills required to present their work in a clearly structured manner. 25 | + To develop the necessary skills and methodologies for the creation and presentation of ideas. 26 | + To develop students’ understanding of the visual materials required to support a structured presentation. 27 | + To develop students’ formal presentation abilities, equipping them with the personal qualities required to pitch ideas confidently. 28 | 29 | 30 | ##Content 31 | 32 | Students are supported through a comprehensive lecture and seminar programme that equips them with the skills needed to confidently articulate their thinking, both verbally and in supporting written form. Lecture content is geared towards equipping students with an understanding of how to support and make an argument in a persuasive manner, whether verbal or written. 33 | 34 | Indicative lecture content includes: 35 | 36 | + Structuring a Narrative 37 | + Presentation Zen 38 | + The Art of the Pitch 39 | + Building Confidence 40 | + Don’t Die On Stage 41 | + Working the Room 42 | + Offstage Engagement 43 | + Taking the Presentation Online 44 | 45 | 46 | ##Reading List 47 | 48 | ###Required 49 | 50 | + Bayley, S. and Mavity, R., 2008. [Life’s a Pitch.](http://www.amazon.co.uk/exec/obidos/ASIN/0552156833/monographic-21) London: Corgi. 51 | + Duarte, N., 2012. [HBR Guide to Persuasive Presentations.](http://www.amazon.co.uk/exec/obidos/ASIN/1422187101/monographic-21) Harvard: Harvard Business Review. 52 | + Reynolds, G., 2011. [Presentation Zen: Simple Ideas on Presentation Design and Delivery.](http://www.amazon.co.uk/exec/obidos/ASIN/0321811984/monographic-21) San Francisco: New Riders. 53 | + Murphy, C., 2014. [Don’t Die On Stage.](https://github.com/fehler/books) Belfast: Uncommon Knowledge. 54 | 55 | 56 | ###Recommended 57 | 58 | + Duarte, N., 2008. [slide:ology: The Art and Science of Creating Great Presentations.](http://www.amazon.co.uk/exec/obidos/ASIN/0596522347/monographic-21) San Francisco: O’Reilly Media. 59 | + Berkun, S., 2011. [Confessions of a Public Speaker.](http://www.amazon.co.uk/exec/obidos/ASIN/B002VL1CGM/monographic-21) San Francisco: O’Reilly Media. 60 | 61 | 71 | --------------------------------------------------------------------------------