{"id":2862,"date":"2017-02-06T08:00:19","date_gmt":"2017-02-06T13:00:19","guid":{"rendered":"https:\/\/www.lesleyelis.com\/elisblog\/?p=2862"},"modified":"2019-01-08T12:10:49","modified_gmt":"2019-01-08T17:10:49","slug":"lessons-learned-from-running-our-first-online-design-for-user-experience-course","status":"publish","type":"post","link":"https:\/\/www.lesleyelis.com\/elisblog\/2017\/02\/06\/lessons-learned-from-running-our-first-online-design-for-user-experience-course\/","title":{"rendered":"Lessons learned from running our first online Design for User Experience course"},"content":{"rendered":"<p><em>Today&#8217;s post is by Lisa Spitz, Lesley Assistant Professor and consultant for the College of Art and Design\u2019s <a title=\"bachelor\u2019s program in design for user experience\" href=\"http:\/\/www.lesley.edu\/bs\/design-user-experience-online\/\" target=\"_blank\">bachelor\u2019s program in design for user experience<\/a>.<br \/>\n<\/em><\/p>\n<hr \/>\n<p>In Fall 2, 2016 we ran our first course in the Design for User Experience program, Typography 1. 10 students signed up for the course. Excitement ensued. And then I started looking into the class roster. Of the 10 students, just 1 was a Design for UX student. The remaining students represented a mix of Business, Counseling, and Psychology programs. As a new program in an entirely new category for Lesley, I realize that it takes time to market and enroll new students. Nonetheless, I was a bit disappointed by the turn out. I didn\u2019t question the applicability of the content to individuals \u201coutside the field\u201d. Principles of good typography is something anyone can benefit from. But I was worried about the complexity of the learning activities I\u2019d planned and the Adobe software that was required to complete them.<\/p>\n<p>What I learned over the subsequent 8 weeks is the importance of being flexible and the benefit of testing a course with individuals outside your domain. Let\u2019s start with the latter point. For those familiar with Universal Design for Learning or Inclusive Design, it\u2019s a bit like that. If you can make your course \u201cwork\u201d for individuals outside your program, chances are it will work better for those inside your program as well. I\u2019m not talking about \u201cdumbing down\u201d content or removing requirements. I\u2019m talking about adding instructional supports to make the course content and expectations clearer. Here are a few ways I made that happen while the course was still in flight:<\/p>\n<p><strong>Providing better prompts<\/strong><br \/>\nAs a typography course, students were expected to create several designs and critique the work of their peers. However, journal entries revealed that students lacked the confidence to do so and some even felt hypocritical critiquing their peers\u2019 work. The original critique questions I\u2019d provided assumed they could judge which design was best (or worst) and give concrete recommendations on what to do next. But students were not sure how to assess the work of their peers. How would they know which was best? They certainly could tell which one they liked, but could not articulate why it was better. So, I went back to the drawing board and made the questions more personal. \u201cWhat words would you use to describe this?\u201d; \u201cWhat is being emphasized?\u201d; \u201cWhat interests you about the design?\u201d Etc. These questions were easier to answer. They required students to respond based on what they saw and how they felt, not what they deemed to be \u201cgood\u201d or \u201cbad\u201d.<\/p>\n<p><strong>Original critique language:<\/strong><a href=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_Before.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2863\" src=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_Before.png\" alt=\"Critique_Before\" width=\"868\" height=\"372\" srcset=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_Before.png 868w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_Before-300x129.png 300w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_Before-768x329.png 768w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_Before-500x214.png 500w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/a><\/p>\n<p><strong>Revised critique language:\u00a0<\/strong><a href=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_After.png\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2864\" src=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_After.png\" alt=\"Critique_After\" width=\"873\" height=\"337\" srcset=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_After.png 873w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_After-300x116.png 300w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_After-768x296.png 768w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Critique_After-500x193.png 500w\" sizes=\"auto, (max-width: 873px) 100vw, 873px\" \/><\/a><\/p>\n<p><strong><br \/>\nCreating more explicit directions<\/strong><br \/>\nAs a visual learner, one of the biggest challenges I faced when creating my own online course is finding ways around the \u201cwall of text\u201d. To explain an activity requires quite a bit of documentation. Aside from using all video or images, there\u2019s almost no way around it. And when confusion arises, the tendency is to double down with more explanation. Instead, I took a step back, added images, cut text, and used more headings and bulleted lists \u2013 detailing process, specifications and steps for completion.<\/p>\n<p><strong>Original assignment description:<\/strong>\u00a0<a href=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Directions_before.png\" target=\"_blank\">(click for full size image<\/a><a href=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/direction_before_crop.png\">)<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2865\" src=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/direction_before_crop.png\" alt=\"direction_before_crop\" width=\"1030\" height=\"744\" srcset=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/direction_before_crop.png 1030w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/direction_before_crop-300x217.png 300w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/direction_before_crop-768x555.png 768w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/direction_before_crop-1024x740.png 1024w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/direction_before_crop-415x300.png 415w\" sizes=\"auto, (max-width: 1030px) 100vw, 1030px\" \/><\/a><br \/>\n<strong>Revised assignment description:<\/strong> <a href=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/Directions_after.png\" target=\"_blank\">(click for full size image<\/a><a href=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/directions_after_crop.png\">)<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2867\" src=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/directions_after_crop.png\" alt=\"directions_after_crop\" width=\"1041\" height=\"1601\" srcset=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/directions_after_crop.png 1041w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/directions_after_crop-195x300.png 195w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/directions_after_crop-768x1181.png 768w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2017\/01\/directions_after_crop-666x1024.png 666w\" sizes=\"auto, (max-width: 1041px) 100vw, 1041px\" \/><\/a><br \/>\n<strong>Personalizing the feedback process<\/strong><br \/>\nAs students submitted their design work each week, I used the Assignment Tool to provide feedback. Originally, I defaulted to the WYSIWYG editor and took to writing what I thought worked\/didn\u2019t work and needed improvement. However, it felt as if some of my feedback was getting lost in translation. Again, the wall of text. Midway through the course I switched to video. Instead of writing a single piece of feedback, I recorded my screen as I looked at each of their design options and spoke about their use of typography in great details. If I\u2019d have typed that feedback out, it would have been a novel. But to record it took just a few minutes. Students appreciated the new format and commented on how incredibly helpful it was.<\/p>\n<p>All of these changes required a great deal of flexibility on my part. I ended up re-writing each week\u2019s content before it went live; I added images to show, not tell; I created videos that demonstrated how to do the assignments; I offered up 30 minute 1:1 time slots to address individual challenges; and I gave feedback that was personal and specific. In the end, I had students comment on their appreciation for typography and design. But more importantly, I witnessed their transformation. When week 1 started, students proclaimed themselves unable to be creative. When week 8 finished, they professed the ways in which they were using their new knowledge of good typography to impact their professional and academic lives. As for myself, I still have some work to do within the course curriculum \u2013 but am confident that the results will be even better the next time around.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today&#8217;s post is by Lisa Spitz, Lesley Assistant Professor and consultant for the College of Art and Design\u2019s bachelor\u2019s program in design for user experience. In Fall 2, 2016 we ran our first course in the Design for User Experience &hellip; <a href=\"https:\/\/www.lesleyelis.com\/elisblog\/2017\/02\/06\/lessons-learned-from-running-our-first-online-design-for-user-experience-course\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[391,15,16],"tags":[32,392,63,68,76,319,104,235,146,152],"class_list":["post-2862","post","type-post","status-publish","format-standard","hentry","category-faculty-spotlight","category-lesley","category-online-design","tag-assignment","tag-faculty-spotlight","tag-feedback","tag-grading-2","tag-instructional-design","tag-lesley","tag-online-course-design","tag-teaching","tag-tips","tag-video"],"_links":{"self":[{"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/posts\/2862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/comments?post=2862"}],"version-history":[{"count":3,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/posts\/2862\/revisions"}],"predecessor-version":[{"id":2871,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/posts\/2862\/revisions\/2871"}],"wp:attachment":[{"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/media?parent=2862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/categories?post=2862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/tags?post=2862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}