├── 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 `
`.) 10 | 11 | We believe the module, in principle, offers a fantastic opportunity for self-initiated work and we believe, if a student puts in the effort, it affords multiple opportunities to learn. We're rethinking delivery for 2014/15 and, in the spirit of our #opencurriculum approach, we're opening up the process here. 12 | 13 | 14 | Time Management 15 | --------------- 16 | 17 | We've always believed that a student on a degree level course should be able to manage their time effectively and be able to project manage tasks, allocating time where appropriate. Though we'd discussed fortnightly deliverables, we opted not to use them in 2013/14. On reflection, that was a mistake. 18 | 19 | In addition to the research diary and finished narrative web page, we set just one task, a typographic exercise to style a page of content about John Baskerville. When given a defined task, the students put the work in; when managing their own time, they didn't. We've learned from this, in 2014/15, we plan to break the tasks down as follows. 20 | 21 | ###Fortnightly Defined Tasks 22 | 23 | 1. Markup - HTML5, Tables for Tabular Data, etc., i.e We want to see incredible markup. 24 | 2. Typography - Styling Mr Baskerville 25 | 3. Tables - How might we design these? 1. Good markup. 2. Considered CSS. 26 | 4. Maps - Google Maps Exercise; OpenStreetMap and Stamen for Extra Credit 27 | 5. Buttons - A Series of Micro-Interaction Exercises 28 | 6. JavaScript - A Series of Macro-Interaction Exercises 29 | 30 | This year's submission proved problematic. Despite clear instructions being provided, we were alarmed that students were unable in many cases to upload their work to the web (this meant marking work of an archive CD, in many cases). For a course of this nature, this is alarming. 31 | 32 | In 2014/15 we will no longer ask for work to be submitted on CD (even for archive purposes). We will, instead, provide defined URL structures where we will assess work. Failure to undertake this simple task successfully will result in failure of module. We'll be gathering work at the following URLs: 33 | 34 | https://scm.ulster.ac.uk/~B12345678/workspace/310 35 | 36 | https://scm.ulster.ac.uk/~B12345678/workspace/310/markup 37 | 38 | https://scm.ulster.ac.uk/~B12345678/workspace/310/typography 39 | 40 | https://scm.ulster.ac.uk/~B12345678/workspace/310/tables 41 | 42 | https://scm.ulster.ac.uk/~B12345678/workspace/310/maps 43 | 44 | https://scm.ulster.ac.uk/~B12345678/workspace/310/buttons 45 | 46 | https://scm.ulster.ac.uk/~B12345678/workspace/310/sliders 47 | 48 | https://scm.ulster.ac.uk/~B12345678/workspace/310/bird 49 | 50 | 51 | Fortnightly Exercises 52 | --------------------- 53 | 54 | ###Markup 55 | 56 | We expect, by this stage, to see well-crafted HTML5 markup. We'll be looking at students' markup to see how it's constructed. We'd like to see evidence of ruthless attention to detail and QA. We certainly don't expect to see the basic mistakes we saw in 2013/14. We need to stress this more. 57 | 58 | 59 | 60 | We'd like students to have read Jeremy Keith's [HTML5 for Web Designers](http://www.abookapart.com/products/html5-for-web-designers) and made themselves aware of the latest developments in HTML5 (a landscape that's ever-changing). We expect to see HTML5, not XHTML and consequently expect to see a ful range of HTML5 elements explored as appropriate. 61 | 62 | ####Reference Material 63 | 64 | + 65 | 66 | 67 | 68 | ###Typography 69 | 70 | With a solid foundation of markup in place, we'd expect a Year 2 student to explore rich web typography. If cost is an issue, this might be limited to Google's [Web Fonts API](http://www.google.com/fonts) or Typekit's free [Trial](https://typekit.com/users/new/trial) plan. Regardless of which approach they adopt, a student in Year 2 should be experimenting with rich web typography. 71 | 72 | ####Reference Material 73 | 74 | + http://nicewebtype.com/notes/getting-started/ 75 | + 76 | 77 | 78 | ###Tables 79 | 80 | We were alarmed at the number of students from the cohort who left the tabular data (supplied as an image in the original content) as an image, when it should have been marked up appropriately. Out of a cohort of 85 students, precisely zero did marked up the content appropriately. Shocking. 81 | 82 | ####Reference Material 83 | 84 | + https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table 85 | + http://24ways.org/2005/tables-with-style/ 86 | 87 | 88 | 89 | ###Maps 90 | 91 | A student in Year 2 should begin working with APIs and learning how to 92 | 93 | http://maps.stamen.com/ 94 | 95 | 96 | 97 | 98 | -------------------------------------------------------------------------------- /Year 2/3. Designing With Content/3. Designing With Content.md: -------------------------------------------------------------------------------- 1 | Designing With Content 2 | ====================== 3 | 4 | + __Year:__ 2 5 | + __Semester:__ 2 6 | + __Credits:__ 40 Credits 7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study 8 | + __Co-requisites:__ Creative Entrepreneurship 9 | 10 | 11 | ##Rationale 12 | 13 | This module explores the importance of considering content – in all its forms – as a core element of any piece of interaction design that can, itself, be designed. As content strategist Karen McGrane puts it: “Well-structured content is the backbone and starting point of all successful web designs and user interactions.” Through an emphasis on developing strategic approaches to content and its generation, students are introduced to additional possible career pathways, including that of the content strategist. 14 | 15 | As designers on the web we are tasked with managing and manipulating content. This module gives the student a thorough understanding of how to structure and manage content in both a theoretical and practical sense. 16 | 17 | We introduce students to a variety of sources of content, including: self generated content; client-supplied content; user generated content; and content dynamically retrieved from external sources (OpenWeatherMap, Google Maps, YouTube, Twitter…) via Application Programming Interfaces (APIs). 18 | 19 | Students undertake a series of exercises, which include: identifying content types and taxonomies; designing content systems; considering future, as yet unimagined content delivery platforms; learning the principles of programming; and exploring Content Management Systems (CMS). 20 | 21 | In short, the module prepares the student for the contemporary challenges facing interaction designers working in a brave new world of content in all its manifest forms. 22 | 23 | 24 | ##Aims 25 | 26 | The essential aims of this module are: 27 | 28 | + To introduce students to the idea that content can be derived from a range of sources, ranging from the controlled (e.g. copywritten) to the uncontrolled (e.g. user generated). 29 | + To gain an awareness and understanding of content strategy as a discipline. 30 | + To enable students to design and structure a given set of content into a coherent system. 31 | + To investigate concepts relating to structured data. 32 | + To become familiarised with basic concepts of database design. 33 | + To begin to work with Application Programming Interfaces (APIs). 34 | + To build a working example of how content is stored, retrieved, and edited on the web. 35 | 36 | 37 | ##Content 38 | 39 | This module focuses on equipping students with an understanding of how content can be shaped as a core part of the design process. Students are supported through a weekly lecture programme, coupled with practical exercises, that are designed to broaden their knowledge and understanding of what content is, where it might come from, and how it might be designed. 40 | 41 | Through a series of practical exercises, students are taken on a content journey, from creation, through shaping it, to giving it form. Lectures are complemented by supporting seminars and practical sessions where students gain experience with the necessary tools and skills to firstly create original content, before giving it structure, drawing relationships between different content types, before, finally, shaping it and giving it form. 42 | 43 | Indicative lecture content includes: 44 | 45 | + What is content and why is it important? 46 | + Who makes content? Who is responsible for content generation? (Equally, who is to blame when content isn’t delivered?) 47 | + A Content Out Approach 48 | + Structuring Data - An Introduction to Taxonomies and Systems 49 | + Chunking and Adaptive Content 50 | + Delivering for Unknown Future Delivery Platforms 51 | + Introductory Programming - Manipulating Data 52 | + An Introduction to APIs 53 | + Installing a Content Management System (CMS) 54 | + Putting it all Together 55 | 56 | 57 | ##Reading List 58 | 59 | ###Required 60 | 61 | + Kissane, E., 2011. [The Elements of Content Strategy](http://www.abookapart.com/products/the-elements-of-content-strategy) New York: A Book Apart. 62 | + 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. 63 | + 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. 64 | 65 | 66 | ###Recommended 67 | 68 | + McGrane, K., 2012. [Content Strategy for Mobile](http://www.abookapart.com/products/content-strategy-for-mobile) New York: A Book Apart. 69 | + 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. -------------------------------------------------------------------------------- /Year 2/4. Building Digital Products/4. Building Digital Products.md: -------------------------------------------------------------------------------- 1 | Building Digital Products 2 | ========================= 3 | 4 | + __Year:__ 2 5 | + __Semester:__ 2 6 | + __Credits:__ 20 Credits 7 | + __Delivery:__ Lectures, Seminars, Workshops and Self-Directed Study 8 | + __Co-requisites:__ Designing With Content 9 | 10 | 11 | ##Rationale 12 | 13 | This module introduces students to the ideas and principles, which underpin creative entrepreneurship, placing a heavy focus on the emerging and rapidly growing field of digital product design. 14 | 15 | Through a focus on companies and individuals that have built digital products – from the very large (for example, global tools like Facebook and Twitter) to the very small (for example, sole designers developing products like icons and typefaces) – students are encouraged to develop an entrepreneurial mindset. 16 | 17 | Through a series of interconnected lectures, seminars and workshops, students are introduced to the wide range of theories and tools that underpin the contemporary digital entrepreneur. 18 | 19 | In addition to providing students with a holistic understanding of the nature of entrepreneurship, the module also introduces fundamental product and business-focused content, including: idea generation; market research; intellectual property (IP); business support networks and funding applications; pricing models; time management; and presentation and pitching skills. 20 | 21 | 22 | ##Aims 23 | 24 | The essential aims of this module are: 25 | 26 | + To demonstrate a clear understanding of digital product design and the commercial opportunities it offers. 27 | + To introduce a variety of idea generation tools. 28 | + To underline the importance of thinking through paper, through sketching wireframes and user journeys. 29 | + To demonstrate the importance of market research to understand users’ needs. 30 | + To introduce a variety of pricing approaches, from free to paid. 31 | + To demonstrate skills in written and verbal communication. 32 | 33 | 34 | ##Content 35 | 36 | Students are supported through a weekly lecture programme that is designed to broaden their knowledge and understanding. The lecture programme covers the wide range of theories and tools that the contemporary digital entrepreneur’s needs. Using Alexander Osterwalder and Yves Pigneur’s _Business Model Generation: A Handbook for Visionaries, Game Changers, and Challengers_ we introduce the students to the fundamental stages involved in building a successful business. 37 | 38 | The module draws on material from the University’s successful MFA Multidisciplinary Design course, which has spun out a number of successful digital startups. By touching on content covered on the MFA programme, students are not only introduced to creative entrepreneuurship, but are made aware of the opportunities to extend their study and build a digital business on the MFA. 39 | 40 | Indicative lecture content includes: 41 | 42 | + Idea Generation 43 | + Market Research 44 | + Structured Interviews and Questionnaires 45 | + Intellectual Property (IP) 46 | + Business Support Networks 47 | + Grant and Funding Applications 48 | + Pricing Models 49 | + Time Management 50 | + Presentation Skills 51 | 52 | 53 | ##Reading List 54 | 55 | ###Required 56 | 57 | + 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. 58 | + Drucker, P., 2008. [Managing Oneself.](http://www.amazon.co.uk/exec/obidos/ASIN/142212312X/monographic-21) Harvard: Harvard Business Review Classics. 59 | + 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. 60 | + 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. 61 | 62 | 63 | ###Recommended 64 | 65 | + 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. 66 | + 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. 67 | + 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. 68 | 69 | 70 | 77 | -------------------------------------------------------------------------------- /Year 2/4. Building Digital Products/des311-design-journal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Ronald McDonald · ‘Building Digital Products’ Design Journal 7 | 10 | 11 | 12 | 13 |

DES311 Design Journal

14 | 15 |

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 |
25 | 26 | 27 |

Week 2 - Initial Research

28 |

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 |
36 | 37 | 38 |

Week 3 - Applied Market Research

39 |

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 |
45 | 46 | 47 |

Week 4 – User Personas

48 |

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 |
54 | 55 | 56 |

Week 5 – Skills Acquisition 1

57 |

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 |
63 | 64 | 65 |

Week 6 – Skills Acquisition 2

66 |

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 |
72 | 73 | 74 |

Week 7 – Initial Prototypes 1

75 |

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 |
79 | 80 | 81 |

Week 8 – Initial Prototypes 2

82 |

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 |
88 | 89 | 90 |

Week 9 – Product Web Site 1

91 |

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 |
97 | 98 | 99 |

Week 10 – Product Web Site 2

100 |

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 |
106 | 107 | 108 |

Week 11 – Keynotes and PowerPoints

109 |

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 | 117 | 118 |

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 |
122 | 123 | 124 |

Week 12 – The Pitch

125 |

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 | --------------------------------------------------------------------------------