-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathassignment1.html
148 lines (145 loc) · 6.94 KB
/
assignment1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-22315352-14"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-22315352-14');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Assignment 1 - YSDN 4003 - Advanced Topics in Interactivity 2020</title>
<link href="https://fonts.googleapis.com/css2?family=Martel:wght@400;700&family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body class="assignment">
<div class="side-menu">
<div class="wrapper">
<div class="logo">
<a href="index.html"><img src="img/logo_yellow.svg"/></a>
<p class="tagline yellow">Advanced Topics in Interactivity<br/>York University</p>
</div>
<div class="menu">
<ul class="menu-list">
<li class="items"><a href="index.html">Home</a></li>
<li class="items"><a href="about.html">About</a></li>
</ul>
<ul class="menu-list">
<li class="items"><a href="methodology.html">Methodology</a></li>
<li class="items"><a href="student-process.html">Student process</a></li>
</ul>
<ul class="menu-list">
<li class="items active"><a href="assignment1.html">Assignment 1</a></li>
<li class="items"><a href="assignment2.html">Assignment 2</a></li>
<li class="items"><a href="assignment3.html">Assignment 3</a></li>
<li class="items"><a href="assignment4.html">Assignment 4</a></li>
</ul>
</div>
<div class="direct-block">
<div class="name">
<h5>Course director</h5>
<p>Philippe Jean</p>
</div>
<div class="time">
<h5>When</h5>
<p>Tuesday 4:30pm - 8:30pm Eastern Time (ET)</p>
</div>
</div>
</div>
</div>
<div class="main">
<div class="wrapper">
<div class="page-title">
<span>Context</span>
<span class="right">Assignment 1 - Creation</span>
</div>
<div class="heading">
<h1>Students are invited to explore a topic of their choosing through the creation of a screen-based interface.</h1>
</div>
</div>
<div class="content">
<div class="wrapper">
<div class="description">
<div class="tab">
<p>The interface can be developed for any device/medium and for any purpose - either exploratory, utilitarian or speculative. All students should think outside the box.</p>
<p>The application developed will be an expression of the student's exploration of interactive design and the chosen topic; however, it must have a precise goal/use, be engaging, provide users with satisfying user experience, elicit both wonder and surprise, and ultimately, promote recurring usage.</p>
<a href="files/YSDN4003-Assignement1.pdf" target="_blank">Evaluation Criteria</a></p>
</div>
</div>
<div class="article">
<div class="date-block">
<h5>Introduction</h5>
<p class="date">Week 1 - September 15</p>
</div>
<div class="article-content">
<p>First, students need to narrow down a topic of their interest throughout the research phase. This research should entail the collecting and cataloguing of various sources and types of materials such as (but not limited to):</p>
<div class="answers">
<ul>
<li>Screenshots</li>
<li>Text Explanation</li>
<li>Etc.</li>
</ul>
</div>
<p>An analysis also needs to be done. In a few paragraphs, students must explain and answer:</p>
<div class="answers">
<ul>
<li>What is your concrete topic?</li>
<li>What is the goal of the project?</li>
<li>What do you like about this idea?</li>
<li>What elements or factors could risk the achievement of your project ?</li>
<li>What's your inspiration for your project?</li>
</ul>
</div>
<p>Also, because this assignment is limited to within a 2 weeks' sprint, students must start crafting their experience with various techniques, including:</p>
<div class="answers">
<ul>
<li>User flow</li>
<li>Paper prototypes</li>
<li>Mid-fidelity wireframes</li>
<li>Light High-fidelity prototypes <em>(not mandatory but highly suggested)</em></li>
</ul>
</div>
<p>Since this assignment is a package of various design techniques together, make sure to use your designer judgement and start with methodology which makes sense. In other words, never start with a high-fidelity prototype first.</p>
<p>For future information on these techniques, please refer to the <a href="methodology.html">toolbox section</a> on the class website.</p>
<ul class="black">
<li class="bold">Due Next Week</li>
<li>Ongoing process summarize on website process with full design materials Figma links.</li>
</ul>
</div>
</div>
<div class="break"></div>
<div class="article">
<div class="date-block">
<h5>Feedback Token</h5>
<p class="date">Week 2 - September 22</p>
</div>
<div class="article-content">
<p>Inside the Zoom class, students will explain their process as a virtual round table. Once all presentations, students will put in practice the first collaborative class review. Under the concept of virtual token attribution, students will provide 8 different sets of feedback inside their respective Figma file.</p><p>Remember, feedback is a gift—you should think critically while you share it. Here are some guidelines and procedures:</p>
<div class="answers">
<ul>
<li>Use the master token feedback component from the class Figma library and paste it inside all student spaces where you want to emphasize your feedback.</li>
<li>Make sure to include your name.</li>
<li>Be objective with your feedback.</li>
<li>Feedback is about the design material and not the person itself.</li>
<li>Make sure to emphasize constructive feedback</li>
<li>Students must give 8 pieces of constructive feedback (mandatory)</li>
<li>All feedback should be captured under your class website as proof and linked to the specific Figma project</li>
</ul>
</div>
<p>For future information on this technique, please refer to the <a href="methodology.html">toolbox section</a> on the class website.</p>
<ul class="black">
<li class="bold">Due Next Week</li>
<li>Taking into consideration all feedback received from your peers and Figma collaborators, this second phase focuses on finishing your digital experience with the most depth.</li>
<li>You're wireframes should be articulated into an interactive prototype with real content.</li>
<li>A basic visual design language should be also submitted.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>