1 line
42 KiB
JavaScript
1 line
42 KiB
JavaScript
window.COURSE_DATA = {"language":"en-GB","lastDownload":"2019-12-17T16:10:52+01:00","title":"IS-104-1 19H Digital interaksjonsdesign","modules":[{"id":20118,"name":"A process view on digital interaction design","status":"completed","unlockDate":null,"prereqs":[],"requirement":null,"sequential":false,"exportId":"g60410cb7f80cd48dfc7cf6ca39e28044","items":[{"id":108970,"title":"Deliverable 1: Group project scoping and plan","type":"Assignment","indent":0,"locked":false,"submissionTypes":"a file upload","graded":true,"pointsPossible":0.0,"dueAt":"2019-09-09T23:59:59+02:00","lockAt":null,"unlockAt":null,"requirement":null,"completed":false,"content":"\u003cp\u003e\u003cstrong\u003eAssignment:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eDescribe the interactive system´s \u003cstrong\u003egoal\u003c/strong\u003e and overall idea.\u003c/li\u003e\r\n\u003cli\u003ePerform an initial \u003cstrong\u003escoping using the PACT framework\u003c/strong\u003e: identify the variety of People, Activities, Contexts and Technologies that are relevant for the system use. For this you will need to: \u003cbr\u003ea) Identify the key people groups and think about their physical, psychological and social characteristics. It is better to list all relevant people groups and then focus on 2 or 3 selected ones. \u003cbr\u003eb) Describe the complexity of the activity (focused or vague, simple or difficult, few steps or many), the temporal features (frequency, peaks, with recurrent or casual users), cooperative features. \u003cbr\u003ec) Describe the physical, social and organizational contexts. \u003cbr\u003ed) Describe the technological aspects concentrating on input and output needs and the type of data required (e.g. numbers, free text, predefined standardized categories).\u003c/li\u003e\r\n\u003cli\u003ePresent your choice of \u003cstrong\u003emethods to be used for understanding\u003c/strong\u003e (e.g. interviews, questionnaire, observations etc.). Explain why you have chosen these methods. Include an interview guide or questionnaire or other artefacts that might be used e.g. sketches during interviews.\u003c/li\u003e\r\n\u003cli\u003ePrepare a \u003cstrong\u003eteam plan\u003c/strong\u003e \u003cstrong\u003eand a distribution of tasks\u003c/strong\u003e among the members of your group. The team plan needs to cover the four upcoming deliverables.\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003e \u003c/p\u003e\r\n\u003cp\u003e\u003cstrong\u003eReport requirements:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eTotal length of report: 5-7 pages text, and a table for the team plan (team plan template: \u003ca class=\"instructure_file_link instructure_scribd_file\" title=\"team_plan_IS_104_2019.docx\" href=\"viewer/files/Templates/team_plan_IS_104_2019.docx?canvas_download=1\u0026amp;canvas_qs_wrap=1\" data-api-returntype=\"File\" data-api-endpoint=\"https://uia.instructure.com/api/v1/courses/4762/files/737329\"\u003eteam_plan_IS_104_2019.docx\u003c/a\u003e)\u003c/li\u003e\r\n\u003cli\u003ePlease use 12pt fonts and 1,5 line spacing\u003c/li\u003e\r\n\u003cli\u003eProvide a cover page of your document, including student names and emails.\u003c/li\u003e\r\n\u003cli\u003eEither the cover page or the team plan do not include in the page limit\u003c/li\u003e\r\n\u003cli\u003eSumbit two \u003cstrong\u003edocx\u003c/strong\u003e or \u003cstrong\u003epdf\u003c/strong\u003e-files per group (the report and the team plan)\u003c/li\u003e\r\n\u003c/ul\u003e","exportId":"gc6783c20bedf34fda9d818ce5f7da99d"},{"id":113837,"title":"Lecture 1 - Introduction and course overview.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/Lectures/Lecture 1 - Introduction and course overview.pdf"},{"id":116270,"title":"Lecture 2 - PACT and the process of interface design.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/Lectures/Lecture 2 - PACT and the process of interface design.pdf"}]},{"id":20119,"name":"Understanding for digital interaction","status":"completed","unlockDate":null,"prereqs":[],"requirement":null,"sequential":false,"exportId":"g2baff3e8766f6094ed877d854b09db2a","items":[{"id":108971,"title":"Deliverable 2: Understanding","type":"Assignment","indent":0,"locked":false,"submissionTypes":"a file upload","graded":true,"pointsPossible":0.0,"dueAt":"2019-09-30T23:59:59+02:00","lockAt":null,"unlockAt":null,"requirement":null,"completed":false,"content":"\u003cp\u003e\u003cstrong\u003eAssignment:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eDocument the actual encounters you had with your selected people groups (i.e. number and type of interviews, observation sessions, number of questionnaires collected, distribution of respondents etc.).\u003c/li\u003e\r\n\u003cli\u003eDocument the findings from activities related to “Understanding” in the form of 3-4 \u003cstrong\u003epersonas\u003c/strong\u003e (synthesizing people who have been interviewed, questioned observed or researched in some way) and 4-5 \u003cstrong\u003econcrete scenarios\u003c/strong\u003e in the form of stories of how your system will be used based on personas´ needs and goals (so, the personas will have to drive the stories not the system features and capabilities). A scenario is a concrete, realistic story that sets up a situation involving a persona with a goal to satisfy, and then follows the persona through the activities they do to satisfy that goal. Your scenario should be concrete, complete with imaginary details (e.g. \"Espen is going to the concert with 3 of his friends. He needs to buy a train ticket, but the station is packed with commuters and other music fans, he decides to use the new train app to buy the ticket ...\"). Based on your scenarios, \u003cstrong\u003edecide\u003c/strong\u003e and explain if you will prepare your designs for mobile phones or computer screens.\u003c/li\u003e\r\n\u003cli\u003eDocument and explain \u003cstrong\u003edeviations \u003c/strong\u003efrom the initial plan and system concept if applicable.\u003c/li\u003e\r\n\u003cli\u003eInclude an \u003cstrong\u003eannex with samples\u003c/strong\u003e from the material collected (e.g. notes, interview transcripts, responses to questionnaire). The annex pages are not included in the page limit for the deliverable.\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003e\u003cspan\u003eAdditionally, you will have to prepare presentation slides (5 slides in total): one presenting your idea of the interactive system you will be designing, one presenting the number and types of interviews/questionnaires/observations, two slides of personas and scenarios (one slide presenting persona 1 and a respective scenario, and the second slide presenting persona 2 and a respective scenario). Finally, make one slide presenting the key challenges you encountered and how you addressed them. It is expected that all group members will participate in the presentation. You will have ca. 14 minutes in total: half of the time for presenting and half for questions and answers\u003c/span\u003e\u003c/p\u003e\r\n\u003cp\u003e \u003c/p\u003e\r\n\u003cp\u003e\u003cstrong\u003eReport requirements:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eTotal length of report: 5-7 pages text, including the scenarios and personas + annex with the samples of the empirical material\u003c/li\u003e\r\n\u003cli\u003ePlease use 12pt fonts and 1,5 line spacing\u003c/li\u003e\r\n\u003cli\u003eProvide a cover page of your document, including student names and emails\u003c/li\u003e\r\n\u003cli\u003eEither the cover page or the annex do not include in the page limit\u003c/li\u003e\r\n\u003cli\u003eSubmit one \u003cstrong\u003edocx\u003c/strong\u003e or \u003cstrong\u003epdf\u003c/strong\u003e-file per group\u003c/li\u003e\r\n\u003c/ul\u003e","exportId":"g29be2a3372ae6fd94d10e910463868a9"},{"id":118730,"title":"Lecture 3-Understanding.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/IS104_Understanding_04092019.pdf"},{"id":121110,"title":"Gjesteforelesning 11 september Erlend Stuve.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/Lectures/Gjesteforelesning 11 september Erlend Stuve.pdf"}]},{"id":20120,"name":"Design for usability and user experience","status":"completed","unlockDate":null,"prereqs":[],"requirement":null,"sequential":false,"exportId":"g98733d4eb62b1db42a244fbc87005930","items":[{"id":108972,"title":"Deliverable 3: Initial design","type":"Assignment","indent":0,"locked":false,"submissionTypes":"a file upload","graded":true,"pointsPossible":0.0,"dueAt":"2019-10-21T23:59:59+02:00","lockAt":null,"unlockAt":null,"requirement":null,"completed":false,"content":"\u003cp\u003e\u003cstrong\u003eAssignment:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eBased on the understanding you now have, prepare sketches of the user interface of your system. You need to think of the “full picture” of your solution, i.e. if your system aims to help people buy a used bike your sketches should contain all steps of your users´ journey from “wanting” to “having” (for example: from the start page to the payment confirmation). \u003cstrong\u003eAs \u003cem\u003ean individual,\u003c/em\u003e each member of your group should generate one proposed preliminary design\u003c/strong\u003e for your user interface. Each design should be represented by sketched storyboards, and accompanied by an explanation in a few sentences (inspiration: \u003ca class=\"instructure_file_link instructure_scribd_file\" title=\"Example of sketched storyboard.pdf\" href=\"viewer/files/Resources/Example%20of%20sketched%20storyboard.pdf?canvas_download=1\u0026amp;canvas_qs_wrap=1\" data-api-endpoint=\"https://uia.instructure.com/api/v1/courses/4762/files/785892\" data-api-returntype=\"File\"\u003eExample of sketched storyboard.pdf\u003c/a\u003e). These do not need to be fully fleshed out, but should reflect the insights gained from writing the scenarios. These sketches will have to be included in the annex of the deliverable together with a brief explanation. Take time to experiment on a variety of different interface designs, sketching them by hand. You should play with many more than the required designs, but we only require you to submit a subset of them in your report. It is strongly encouraged to prepare sketches by hand but you can also prepare them using powerpoint or other design applications.\u003c/li\u003e\r\n\u003cli\u003eAs a group, synthesize your individual design ideas to generate \u003cstrong\u003etwo different proposed designs\u003c/strong\u003e for your user interface. These designs should synthesize the best parts of the individual designs. For each of the proposed designs you need to prepare a \u003cstrong\u003enavigation map\u003c/strong\u003e (showing how users move through the site or application). Each page in the site, or screen in the application, should be represented in the map with a box and every page that can be accessed from that page should be linked to it (similar to figure 8.7 in the book). Also, for each of the two proposed designs you will have to prepare \u003cstrong\u003ewireframes\u003c/strong\u003e (defining screen layout). \u003c/li\u003e\r\n\u003cli\u003eDescribe how the proposed solution relates to the understanding developed. You have to explain how your \u003cstrong\u003edesign choices were driven by the understanding\u003c/strong\u003e you have developed. Here are some examples: “we found in interviews that users need to be able to search by price; to respond to this need, our design includes…” , “we found in interviews that users need to be able to complete tasks in minimum time; to respond to this need our design includes…”, “we found by questionnaires that users wanted to avoid giving their personal information; to respond to this preference our design includes…”, “we found by questionnaires that many of our users do not speak Norwegian; to respond to this characteristic our design includes…” . You should also note \u003cstrong\u003ethe additional understanding\u003c/strong\u003e of user needs and preferences you think is needed to decide among alternative design solutions. Here are some examples: “we would like to know what our user groups think about privacy and security because this will allow us to decide about authentication and authorization”, “we would like to know if the price history of similar items is important for sellers when they enter their price because this would allow us to decide if we need a price recommendation functionality”.\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003eDuring your presentation, you will use the best (out of two) navigation map and wireframe to provide a walkthrough of your designs using your scenarios. The walkthrough will include the steps that your personas take for completing tasks according to the scenario (the walkthrough should not be just a tour of features and capabilities). You will have 14 minutes in total: half of the time for presenting and half for questions and answers.\u003c/p\u003e\r\n\u003cp\u003eYour designs will be judged on how well you have justified your choices and how diverse they are. Two group designs that differ only in small ways will not receive much credit. Individual designs that fail to show stretch will not receive much credit.\u003c/p\u003e\r\n\u003cp\u003e \u003c/p\u003e\r\n\u003cp\u003e\u003cstrong\u003eReport requirements:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eTotal length of report: 7-10 pages text, including the navigation maps and wireframes for the two designs, together with a brief explanation and a description of how the proposed designs relate to the understanding you developed, and indicating also possible additional things that you would like to know + annex with individual sketches and their brief explanations\u003c/li\u003e\r\n\u003cli\u003ePlease indicate the best design (the one you presented) and why it is. \u003c/li\u003e\r\n\u003cli\u003ePlease use 12pt fonts and 1,5 line spacing\u003c/li\u003e\r\n\u003cli\u003eProvide a cover page of your document, including student names and emails\u003c/li\u003e\r\n\u003cli\u003eEither the cover page or the annex do not include in the page limit\u003c/li\u003e\r\n\u003cli\u003eSumbit one \u003cstrong\u003edocx\u003c/strong\u003e or \u003cstrong\u003epdf\u003c/strong\u003e-file per group\u003c/li\u003e\r\n\u003c/ul\u003e","exportId":"gd98b2e40a1bf7baea79b770ce28b0ce4"},{"id":122621,"title":"Lecture 4 - Design for user experience.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/Lectures/Lecture 4 - Design for user experience.pdf"},{"id":124455,"title":"Lecture 5 - Design for usability and accessibility.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/Lectures/Lecture 5 - Design for usability and accessibility.pdf"},{"id":127079,"title":"Lecture 6 - Design Principles for usability.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/Lectures/Lecture 6 - Design Principles for usability.pdf"}]},{"id":20121,"name":"Envisioning digital interaction","status":"completed","unlockDate":null,"prereqs":[],"requirement":null,"sequential":false,"exportId":"g3d500cee346eac1244c6d428d015f9f8","items":[{"id":108973,"title":"Deliverable 4: Prototype","type":"Assignment","indent":0,"locked":false,"submissionTypes":"a file upload","graded":true,"pointsPossible":0.0,"dueAt":"2019-11-04T23:59:59+01:00","lockAt":null,"unlockAt":null,"requirement":null,"completed":false,"content":"\u003cp\u003e\u003cstrong\u003eAssignment:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cp\u003eIn this assignment, you will prepare a computer-based implementation of your design. It is strongly encouraged to start experimenting with the prototyping tool (UXPin) as early as possible. The prototype should be web published and remain accessible and frozen (i.e., with no changes) and accessible at the URL you provide for at least 2 months after the deadline of the 4th assignment. This prototype will be used for the evaluation of your design so it has to be in a working state.\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003ePrepare a \u003cstrong\u003edigital prototype\u003c/strong\u003e taking into account the feedback you got during the presentation of assignment 3 and any additional understanding you further developed it (the prototype will be about one design solution; no alternatives will be required). Lay out screens as you want them to appear, make choices about colors, fonts, alignment, icons, and empty space. Ensure that your prototype supports the interaction flows for the scenarios you have prepared for assignment 2. You do not need any features or additional interaction flows beyond those required for your scenarios. You can leave out most of your backend. Where system responses are needed, make them always the same or random. Use realistic data in your displays. If for example, you are building a hotel booking system and your prototype displays only two hotels in the search results that's pretty unrealistic, and won't adequately test your design choices.\u003c/li\u003e\r\n\u003cli\u003eDemonstrate an understanding of the states of \u003cstrong\u003ethe UI Stack\u003c/strong\u003e. Visualize minimum 3 different states from the UI Stack for selected examples. Two of your examples should be: one \"error page\", one \"loading page\". Include screenshots in the text that you will deliver.\u003c/li\u003e\r\n\u003cli\u003eOutline the \u003cstrong\u003edesign principles\u003c/strong\u003e used and give an example using screenshots from your prototype. You do not need to use all principles (consistency, visibility, familiarity, affordance, navigation, feedback, recovery, constraints, flexibility, style, conviviality) but only the ones that you think that are important for your design.\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003e \u003c/p\u003e\r\n\u003cp\u003e\u003cstrong\u003eReport requirements:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eTotal length of report: 5-7 pages text, including screenshots and the design principles used + \u003cstrong\u003eURL link to the prototype\u003c/strong\u003e. Please include the URL on the cover page of your deliverable\u003c/li\u003e\r\n\u003cli\u003ePlease use 12pt fonts and 1,5 line spacing\u003c/li\u003e\r\n\u003cli\u003eProvide a cover page of your document, including student names and emails\u003c/li\u003e\r\n\u003cli\u003eThe cover page does not include in the page limit\u003c/li\u003e\r\n\u003cli\u003eSumbit one \u003cstrong\u003edocx\u003c/strong\u003e or \u003cstrong\u003epdf\u003c/strong\u003e-file per group\u003c/li\u003e\r\n\u003c/ul\u003e","exportId":"g6a71d71cefabb59189683dd75e1a7a68"},{"id":128558,"title":"Lecture 7 - UI Design and Envisionment.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/Lecture 7 - UI Design and Envisionment.pdf"}]},{"id":20122,"name":"Evaluation of digital interaction","status":"completed","unlockDate":null,"prereqs":[],"requirement":null,"sequential":false,"exportId":"g160c56e1f887643504acadebe569bad5","items":[{"id":108974,"title":"Deliverable 5: Evaluation","type":"Assignment","indent":0,"locked":false,"submissionTypes":"a file upload","graded":true,"pointsPossible":0.0,"dueAt":"2019-11-20T23:59:59+01:00","lockAt":null,"unlockAt":null,"requirement":null,"completed":false,"content":"\u003cp\u003e\u003cstrong\u003eAssignment:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cp\u003eFor this assignment you will perform a \u003cstrong\u003ecooperative evaluation\u003c/strong\u003e of your prototype with representative users. For the cooperative evaluation you will need to:\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eFind three representative users from your target population. All should be willing to participate voluntarily.\u003c/li\u003e\r\n\u003cli\u003ePrepare to perform the “Cooperative Evaluation” following the 9 steps described in chapter 10 of your textbook. Do not forget to do a dry run of your task sheet before you test with the real users. You can use another member of the class for this dry run, if you wish.\u003c/li\u003e\r\n\u003cli\u003ePerform the “Cooperative Evaluation”.\u003c/li\u003e\r\n\u003cli\u003ePrepare a report where you will provide a summary of the evaluation activities. Describe how you found your users and how representative they are of your target user population (but don't identify your users by name). Describe how the users were briefed and what tasks they performed. The task sheet used should be included in the delivery as an annex. Prepare a summary of the evaluation results from the cooperative evaluation (i.e. a list of the problems identified). Prepare a list of improvements based on the evaluation results.\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003e \u003c/p\u003e\r\n\u003cp\u003e\u003cstrong\u003eReport requirements:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eTotal length of report: 5-7 pages text, including an annex with the task sheet used\u003c/li\u003e\r\n\u003cli\u003ePlease use 12pt fonts and 1,5 line spacing\u003c/li\u003e\r\n\u003cli\u003eProvide a cover page of your document, including student names and emails\u003c/li\u003e\r\n\u003cli\u003eThe cover page does not include in the page limit\u003c/li\u003e\r\n\u003cli\u003eSumbit one \u003cstrong\u003edocx\u003c/strong\u003e or \u003cstrong\u003epdf\u003c/strong\u003e-file per group\u003c/li\u003e\r\n\u003c/ul\u003e","exportId":"gd48aed233feb04e5d91fef2e94c08b56"},{"id":131589,"title":"Lecture 8 - Evaluation-1.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/Lecture 8 - Evaluation-1.pdf"},{"id":132961,"title":"Lecture 9 - Task Analysis-1.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/Lecture 9 - Task Analysis-1.pdf"}]},{"id":20123,"name":"Course wrap-up","status":"completed","unlockDate":null,"prereqs":[],"requirement":null,"sequential":false,"exportId":"g8d3825b73c64825a3cc530e91f4105f0","items":[{"id":136909,"title":"Lecture 10 - Wrap-up.pdf","type":"Attachment","indent":0,"locked":false,"requirement":null,"completed":false,"content":"viewer/files/Lectures/Lecture 10 - Wrap-up.pdf"}]}],"pages":[],"assignments":[{"exportId":"gc6783c20bedf34fda9d818ce5f7da99d","title":"Deliverable 1: Group project scoping and plan","type":"Assignment","content":"\u003cp\u003e\u003cstrong\u003eAssignment:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eDescribe the interactive system´s \u003cstrong\u003egoal\u003c/strong\u003e and overall idea.\u003c/li\u003e\r\n\u003cli\u003ePerform an initial \u003cstrong\u003escoping using the PACT framework\u003c/strong\u003e: identify the variety of People, Activities, Contexts and Technologies that are relevant for the system use. For this you will need to: \u003cbr\u003ea) Identify the key people groups and think about their physical, psychological and social characteristics. It is better to list all relevant people groups and then focus on 2 or 3 selected ones. \u003cbr\u003eb) Describe the complexity of the activity (focused or vague, simple or difficult, few steps or many), the temporal features (frequency, peaks, with recurrent or casual users), cooperative features. \u003cbr\u003ec) Describe the physical, social and organizational contexts. \u003cbr\u003ed) Describe the technological aspects concentrating on input and output needs and the type of data required (e.g. numbers, free text, predefined standardized categories).\u003c/li\u003e\r\n\u003cli\u003ePresent your choice of \u003cstrong\u003emethods to be used for understanding\u003c/strong\u003e (e.g. interviews, questionnaire, observations etc.). Explain why you have chosen these methods. Include an interview guide or questionnaire or other artefacts that might be used e.g. sketches during interviews.\u003c/li\u003e\r\n\u003cli\u003ePrepare a \u003cstrong\u003eteam plan\u003c/strong\u003e \u003cstrong\u003eand a distribution of tasks\u003c/strong\u003e among the members of your group. The team plan needs to cover the four upcoming deliverables.\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003e \u003c/p\u003e\r\n\u003cp\u003e\u003cstrong\u003eReport requirements:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eTotal length of report: 5-7 pages text, and a table for the team plan (team plan template: \u003ca class=\"instructure_file_link instructure_scribd_file\" title=\"team_plan_IS_104_2019.docx\" href=\"viewer/files/Templates/team_plan_IS_104_2019.docx?canvas_download=1\u0026amp;canvas_qs_wrap=1\" data-api-returntype=\"File\" data-api-endpoint=\"https://uia.instructure.com/api/v1/courses/4762/files/737329\"\u003eteam_plan_IS_104_2019.docx\u003c/a\u003e)\u003c/li\u003e\r\n\u003cli\u003ePlease use 12pt fonts and 1,5 line spacing\u003c/li\u003e\r\n\u003cli\u003eProvide a cover page of your document, including student names and emails.\u003c/li\u003e\r\n\u003cli\u003eEither the cover page or the team plan do not include in the page limit\u003c/li\u003e\r\n\u003cli\u003eSumbit two \u003cstrong\u003edocx\u003c/strong\u003e or \u003cstrong\u003epdf\u003c/strong\u003e-files per group (the report and the team plan)\u003c/li\u003e\r\n\u003c/ul\u003e","submissionTypes":"a file upload","graded":true,"pointsPossible":0.0,"dueAt":"2019-09-09T23:59:59+02:00","lockAt":null,"unlockAt":null},{"exportId":"g29be2a3372ae6fd94d10e910463868a9","title":"Deliverable 2: Understanding","type":"Assignment","content":"\u003cp\u003e\u003cstrong\u003eAssignment:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eDocument the actual encounters you had with your selected people groups (i.e. number and type of interviews, observation sessions, number of questionnaires collected, distribution of respondents etc.).\u003c/li\u003e\r\n\u003cli\u003eDocument the findings from activities related to “Understanding” in the form of 3-4 \u003cstrong\u003epersonas\u003c/strong\u003e (synthesizing people who have been interviewed, questioned observed or researched in some way) and 4-5 \u003cstrong\u003econcrete scenarios\u003c/strong\u003e in the form of stories of how your system will be used based on personas´ needs and goals (so, the personas will have to drive the stories not the system features and capabilities). A scenario is a concrete, realistic story that sets up a situation involving a persona with a goal to satisfy, and then follows the persona through the activities they do to satisfy that goal. Your scenario should be concrete, complete with imaginary details (e.g. \"Espen is going to the concert with 3 of his friends. He needs to buy a train ticket, but the station is packed with commuters and other music fans, he decides to use the new train app to buy the ticket ...\"). Based on your scenarios, \u003cstrong\u003edecide\u003c/strong\u003e and explain if you will prepare your designs for mobile phones or computer screens.\u003c/li\u003e\r\n\u003cli\u003eDocument and explain \u003cstrong\u003edeviations \u003c/strong\u003efrom the initial plan and system concept if applicable.\u003c/li\u003e\r\n\u003cli\u003eInclude an \u003cstrong\u003eannex with samples\u003c/strong\u003e from the material collected (e.g. notes, interview transcripts, responses to questionnaire). The annex pages are not included in the page limit for the deliverable.\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003e\u003cspan\u003eAdditionally, you will have to prepare presentation slides (5 slides in total): one presenting your idea of the interactive system you will be designing, one presenting the number and types of interviews/questionnaires/observations, two slides of personas and scenarios (one slide presenting persona 1 and a respective scenario, and the second slide presenting persona 2 and a respective scenario). Finally, make one slide presenting the key challenges you encountered and how you addressed them. It is expected that all group members will participate in the presentation. You will have ca. 14 minutes in total: half of the time for presenting and half for questions and answers\u003c/span\u003e\u003c/p\u003e\r\n\u003cp\u003e \u003c/p\u003e\r\n\u003cp\u003e\u003cstrong\u003eReport requirements:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eTotal length of report: 5-7 pages text, including the scenarios and personas + annex with the samples of the empirical material\u003c/li\u003e\r\n\u003cli\u003ePlease use 12pt fonts and 1,5 line spacing\u003c/li\u003e\r\n\u003cli\u003eProvide a cover page of your document, including student names and emails\u003c/li\u003e\r\n\u003cli\u003eEither the cover page or the annex do not include in the page limit\u003c/li\u003e\r\n\u003cli\u003eSubmit one \u003cstrong\u003edocx\u003c/strong\u003e or \u003cstrong\u003epdf\u003c/strong\u003e-file per group\u003c/li\u003e\r\n\u003c/ul\u003e","submissionTypes":"a file upload","graded":true,"pointsPossible":0.0,"dueAt":"2019-09-30T23:59:59+02:00","lockAt":null,"unlockAt":null},{"exportId":"gd98b2e40a1bf7baea79b770ce28b0ce4","title":"Deliverable 3: Initial design","type":"Assignment","content":"\u003cp\u003e\u003cstrong\u003eAssignment:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eBased on the understanding you now have, prepare sketches of the user interface of your system. You need to think of the “full picture” of your solution, i.e. if your system aims to help people buy a used bike your sketches should contain all steps of your users´ journey from “wanting” to “having” (for example: from the start page to the payment confirmation). \u003cstrong\u003eAs \u003cem\u003ean individual,\u003c/em\u003e each member of your group should generate one proposed preliminary design\u003c/strong\u003e for your user interface. Each design should be represented by sketched storyboards, and accompanied by an explanation in a few sentences (inspiration: \u003ca class=\"instructure_file_link instructure_scribd_file\" title=\"Example of sketched storyboard.pdf\" href=\"viewer/files/Resources/Example%20of%20sketched%20storyboard.pdf?canvas_download=1\u0026amp;canvas_qs_wrap=1\" data-api-endpoint=\"https://uia.instructure.com/api/v1/courses/4762/files/785892\" data-api-returntype=\"File\"\u003eExample of sketched storyboard.pdf\u003c/a\u003e). These do not need to be fully fleshed out, but should reflect the insights gained from writing the scenarios. These sketches will have to be included in the annex of the deliverable together with a brief explanation. Take time to experiment on a variety of different interface designs, sketching them by hand. You should play with many more than the required designs, but we only require you to submit a subset of them in your report. It is strongly encouraged to prepare sketches by hand but you can also prepare them using powerpoint or other design applications.\u003c/li\u003e\r\n\u003cli\u003eAs a group, synthesize your individual design ideas to generate \u003cstrong\u003etwo different proposed designs\u003c/strong\u003e for your user interface. These designs should synthesize the best parts of the individual designs. For each of the proposed designs you need to prepare a \u003cstrong\u003enavigation map\u003c/strong\u003e (showing how users move through the site or application). Each page in the site, or screen in the application, should be represented in the map with a box and every page that can be accessed from that page should be linked to it (similar to figure 8.7 in the book). Also, for each of the two proposed designs you will have to prepare \u003cstrong\u003ewireframes\u003c/strong\u003e (defining screen layout). \u003c/li\u003e\r\n\u003cli\u003eDescribe how the proposed solution relates to the understanding developed. You have to explain how your \u003cstrong\u003edesign choices were driven by the understanding\u003c/strong\u003e you have developed. Here are some examples: “we found in interviews that users need to be able to search by price; to respond to this need, our design includes…” , “we found in interviews that users need to be able to complete tasks in minimum time; to respond to this need our design includes…”, “we found by questionnaires that users wanted to avoid giving their personal information; to respond to this preference our design includes…”, “we found by questionnaires that many of our users do not speak Norwegian; to respond to this characteristic our design includes…” . You should also note \u003cstrong\u003ethe additional understanding\u003c/strong\u003e of user needs and preferences you think is needed to decide among alternative design solutions. Here are some examples: “we would like to know what our user groups think about privacy and security because this will allow us to decide about authentication and authorization”, “we would like to know if the price history of similar items is important for sellers when they enter their price because this would allow us to decide if we need a price recommendation functionality”.\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003eDuring your presentation, you will use the best (out of two) navigation map and wireframe to provide a walkthrough of your designs using your scenarios. The walkthrough will include the steps that your personas take for completing tasks according to the scenario (the walkthrough should not be just a tour of features and capabilities). You will have 14 minutes in total: half of the time for presenting and half for questions and answers.\u003c/p\u003e\r\n\u003cp\u003eYour designs will be judged on how well you have justified your choices and how diverse they are. Two group designs that differ only in small ways will not receive much credit. Individual designs that fail to show stretch will not receive much credit.\u003c/p\u003e\r\n\u003cp\u003e \u003c/p\u003e\r\n\u003cp\u003e\u003cstrong\u003eReport requirements:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eTotal length of report: 7-10 pages text, including the navigation maps and wireframes for the two designs, together with a brief explanation and a description of how the proposed designs relate to the understanding you developed, and indicating also possible additional things that you would like to know + annex with individual sketches and their brief explanations\u003c/li\u003e\r\n\u003cli\u003ePlease indicate the best design (the one you presented) and why it is. \u003c/li\u003e\r\n\u003cli\u003ePlease use 12pt fonts and 1,5 line spacing\u003c/li\u003e\r\n\u003cli\u003eProvide a cover page of your document, including student names and emails\u003c/li\u003e\r\n\u003cli\u003eEither the cover page or the annex do not include in the page limit\u003c/li\u003e\r\n\u003cli\u003eSumbit one \u003cstrong\u003edocx\u003c/strong\u003e or \u003cstrong\u003epdf\u003c/strong\u003e-file per group\u003c/li\u003e\r\n\u003c/ul\u003e","submissionTypes":"a file upload","graded":true,"pointsPossible":0.0,"dueAt":"2019-10-21T23:59:59+02:00","lockAt":null,"unlockAt":null},{"exportId":"g6a71d71cefabb59189683dd75e1a7a68","title":"Deliverable 4: Prototype","type":"Assignment","content":"\u003cp\u003e\u003cstrong\u003eAssignment:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cp\u003eIn this assignment, you will prepare a computer-based implementation of your design. It is strongly encouraged to start experimenting with the prototyping tool (UXPin) as early as possible. The prototype should be web published and remain accessible and frozen (i.e., with no changes) and accessible at the URL you provide for at least 2 months after the deadline of the 4th assignment. This prototype will be used for the evaluation of your design so it has to be in a working state.\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003ePrepare a \u003cstrong\u003edigital prototype\u003c/strong\u003e taking into account the feedback you got during the presentation of assignment 3 and any additional understanding you further developed it (the prototype will be about one design solution; no alternatives will be required). Lay out screens as you want them to appear, make choices about colors, fonts, alignment, icons, and empty space. Ensure that your prototype supports the interaction flows for the scenarios you have prepared for assignment 2. You do not need any features or additional interaction flows beyond those required for your scenarios. You can leave out most of your backend. Where system responses are needed, make them always the same or random. Use realistic data in your displays. If for example, you are building a hotel booking system and your prototype displays only two hotels in the search results that's pretty unrealistic, and won't adequately test your design choices.\u003c/li\u003e\r\n\u003cli\u003eDemonstrate an understanding of the states of \u003cstrong\u003ethe UI Stack\u003c/strong\u003e. Visualize minimum 3 different states from the UI Stack for selected examples. Two of your examples should be: one \"error page\", one \"loading page\". Include screenshots in the text that you will deliver.\u003c/li\u003e\r\n\u003cli\u003eOutline the \u003cstrong\u003edesign principles\u003c/strong\u003e used and give an example using screenshots from your prototype. You do not need to use all principles (consistency, visibility, familiarity, affordance, navigation, feedback, recovery, constraints, flexibility, style, conviviality) but only the ones that you think that are important for your design.\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003e \u003c/p\u003e\r\n\u003cp\u003e\u003cstrong\u003eReport requirements:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eTotal length of report: 5-7 pages text, including screenshots and the design principles used + \u003cstrong\u003eURL link to the prototype\u003c/strong\u003e. Please include the URL on the cover page of your deliverable\u003c/li\u003e\r\n\u003cli\u003ePlease use 12pt fonts and 1,5 line spacing\u003c/li\u003e\r\n\u003cli\u003eProvide a cover page of your document, including student names and emails\u003c/li\u003e\r\n\u003cli\u003eThe cover page does not include in the page limit\u003c/li\u003e\r\n\u003cli\u003eSumbit one \u003cstrong\u003edocx\u003c/strong\u003e or \u003cstrong\u003epdf\u003c/strong\u003e-file per group\u003c/li\u003e\r\n\u003c/ul\u003e","submissionTypes":"a file upload","graded":true,"pointsPossible":0.0,"dueAt":"2019-11-04T23:59:59+01:00","lockAt":null,"unlockAt":null},{"exportId":"gd48aed233feb04e5d91fef2e94c08b56","title":"Deliverable 5: Evaluation","type":"Assignment","content":"\u003cp\u003e\u003cstrong\u003eAssignment:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cp\u003eFor this assignment you will perform a \u003cstrong\u003ecooperative evaluation\u003c/strong\u003e of your prototype with representative users. For the cooperative evaluation you will need to:\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eFind three representative users from your target population. All should be willing to participate voluntarily.\u003c/li\u003e\r\n\u003cli\u003ePrepare to perform the “Cooperative Evaluation” following the 9 steps described in chapter 10 of your textbook. Do not forget to do a dry run of your task sheet before you test with the real users. You can use another member of the class for this dry run, if you wish.\u003c/li\u003e\r\n\u003cli\u003ePerform the “Cooperative Evaluation”.\u003c/li\u003e\r\n\u003cli\u003ePrepare a report where you will provide a summary of the evaluation activities. Describe how you found your users and how representative they are of your target user population (but don't identify your users by name). Describe how the users were briefed and what tasks they performed. The task sheet used should be included in the delivery as an annex. Prepare a summary of the evaluation results from the cooperative evaluation (i.e. a list of the problems identified). Prepare a list of improvements based on the evaluation results.\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003e \u003c/p\u003e\r\n\u003cp\u003e\u003cstrong\u003eReport requirements:\u003c/strong\u003e\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eTotal length of report: 5-7 pages text, including an annex with the task sheet used\u003c/li\u003e\r\n\u003cli\u003ePlease use 12pt fonts and 1,5 line spacing\u003c/li\u003e\r\n\u003cli\u003eProvide a cover page of your document, including student names and emails\u003c/li\u003e\r\n\u003cli\u003eThe cover page does not include in the page limit\u003c/li\u003e\r\n\u003cli\u003eSumbit one \u003cstrong\u003edocx\u003c/strong\u003e or \u003cstrong\u003epdf\u003c/strong\u003e-file per group\u003c/li\u003e\r\n\u003c/ul\u003e","submissionTypes":"a file upload","graded":true,"pointsPossible":0.0,"dueAt":"2019-11-20T23:59:59+01:00","lockAt":null,"unlockAt":null}],"discussion_topics":[],"quizzes":[],"files":[{"type":"file","name":"Lecture 7 - UI Design and Envisionment.pdf","size":1920475,"files":null},{"type":"file","name":"Lecture 8 - Evaluation-1.pdf","size":945244,"files":null},{"type":"folder","name":"Templates","size":null,"files":[{"type":"file","name":"team_plan_IS_104_2019.docx","size":24104,"files":null}]},{"type":"folder","name":"Lectures","size":null,"files":[{"type":"file","name":"Lecture 6 - Design Principles for usability.pdf","size":2704540,"files":null},{"type":"file","name":"Lecture 10 - Wrap-up.pdf","size":2539630,"files":null},{"type":"file","name":"Lecture 2 - PACT and the process of interface design.pdf","size":4953672,"files":null},{"type":"file","name":"Lecture 5 - Design for usability and accessibility.pdf","size":4205845,"files":null},{"type":"file","name":"Lecture 1 - Introduction and course overview.pdf","size":3524628,"files":null},{"type":"file","name":"Gjesteforelesning 11 september Erlend Stuve.pdf","size":32107735,"files":null},{"type":"file","name":"Lecture 4 - Design for user experience.pdf","size":2886287,"files":null}]},{"type":"folder","name":"unfiled","size":null,"files":[]},{"type":"file","name":"IS104_Understanding_04092019.pdf","size":1186025,"files":null},{"type":"folder","name":"course_image","size":null,"files":[]},{"type":"folder","name":"Resources","size":null,"files":[{"type":"file","name":"Example of sketched storyboard.pdf","size":84096,"files":null}]},{"type":"file","name":"Lecture 9 - Task Analysis-1.pdf","size":488435,"files":null}]} |