macelott.github.io/portfolio.html at master · macelott/macelott.github.io · GitHub

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
<!DOCTYPE html>
<html>
<head>
  <title>Macelott</title>
  <meta charset="UTF-8">
  <meta name="viewport" width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0>
  <link rel="stylesheet" href="assets/common/css/hci.css">
  <script src="https://code.jquery.com/jquery.min.js"></script>
</head>
<body id="bodyWhite">
  <header>
    <h1 class="header_h1">HCI Final Project | Portfolio</h1>
  </header>
  <div class="main">
    <!--
    Design for Others: https://medium.com/@tarrasque9/design-for-others-design-document-898e1c398f55
    Design for Understanding: https://medium.com/@grace.pelella/food-for-understanding-1293b79c627d
    Design for Tension: https://medium.com/@corrinmcourville/design-for-tension-8fa1dcdc96dc
    Design for Wellbeing: https://medium.com/@Avorent/design-for-wellbeing-using-affectiva-for-finding-a-personal-song-1f2f71156760
    Design for Another World: https://medium.com/@erickmoo/design-for-another-world-755b3e238d0e
    -->
    <h2>Design for Others</h2>
    <p>
      The goal of this assignment was to redesign a website for elderly people in a smartphone. My team chose to redesign the Worcester Library website.<br>
      <a href="https://medium.com/@tarrasque9/design-for-others-design-document-898e1c398f55" target="_blank">Medium Post</a>
    </p>

    <h2>Design for Understanding</h2>
    <p>
      The goal of this assignment was to create visualizations. One of them is for effectively communicating data and the other is for persuasion using the data. The data used is from the United States Department of Agriculture’s Food Composition Database.<br>
      <a href="https://medium.com/@grace.pelella/food-for-understanding-1293b79c627d" target="_blank">Medium Post</a>
    </p>

    <h2>Design for Tension</h2>
    <p>
      The goal of this assignment was to create a chatbot that informs users about both sides of a difficult topic without being biased. The topic my team chose was animal testing.<br>
      <a href="https://medium.com/@corrinmcourville/design-for-tension-8fa1dcdc96dc" target="_blank">Medium Post</a>
    </p>

    <h2>Design for Wellbeing</h2>
    <p>
      The goal of this assignment was to use affective computing to assist users explore music. The website plays a song from a random playlist. Depending on how the user reacts, the playlist will change or the song will be added to a list in the side for the user to check later.<br>
      <a href="https://medium.com/@Avorent/design-for-wellbeing-using-affectiva-for-finding-a-personal-song-1f2f71156760" target="_blank">Medium Post</a>
    </p>

    <h2>Design for Another World</h2>
    <p>
      The goal of this assignment was to design an immersive user experience in VR. My team attempted to do this by creating an "escape room" type of game.<br>
      <a href="https://medium.com/@erickmoo/design-for-another-world-755b3e238d0e" target="_blank">Medium Post</a>
    </p>
  </div>
</body>
</html>