Skip to content

Commit 6ff204e

Browse files
ndennlerndennler
committed
overhauls about page
1 parent 96f0c67 commit 6ff204e

File tree

3 files changed

+118
-19
lines changed

3 files changed

+118
-19
lines changed

‎_includes/author-profile.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ <h3 class="author__name p-name" itemprop="name">
2323
</div>
2424

2525
<div class="author__urls-wrapper">
26-
<button class="btn btn--inverse">{{ site.data.ui-text[site.locale].follow_label | remove: ":" | default: "Follow" }}</button>
26+
<button class="btn btn--inverse">Dataset</button>
2727
<ul class="author__urls social-icons">
2828
{% if author.location %}
2929
<li itemprop="homeLocation" itemscope itemtype="https://schema.org/Place">

‎_sass/minimal-mistakes/_archive.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,12 @@
99
@include breakpoint($large) {
1010
float: right;
1111
width: calc(100% - #{$right-sidebar-width-narrow});
12-
padding-right: $right-sidebar-width-narrow;
12+
// padding-right: $right-sidebar-width-narrow;
1313
}
1414

1515
@include breakpoint($x-large) {
1616
width: calc(100% - #{$right-sidebar-width});
17-
padding-right: $right-sidebar-width;
17+
// padding-right: $right-sidebar-width;
1818
}
1919
}
2020

‎about.md

+115-16
Original file line numberDiff line numberDiff line change
@@ -3,19 +3,118 @@ layout: home
33
author_profile: true
44
---
55

6-
This dataset contains a collection of 165 robots. For each robot we collected:
7-
8-
* A composite image of the robot from a front and side view
9-
* A set of 52 design features: 43 binary features, 4 ordinal features, and 5 continuous features
10-
* Three user-reported design metaphors to describe each robot
11-
* The levels of abstraction for each metaphor
12-
* User-Reported Social Expectation Metrics:
13-
* Warmth, Competence, Discomfort (RoSAS Scale)
14-
* Masculinity and Femininity
15-
* Social Role
16-
* Identity Closeness
17-
* Likeability
18-
* User-Reported Functional Expectations:
19-
* Shared Perception and Interpretation, Tactile Interaction and Mobility, Non-verbal Expressiveness (EmCorp Scale)
20-
* Design Ambiguity
21-
* Design Atypicality
6+
<style>
7+
.image-row {
8+
display: flex;
9+
justify-content: space-around; /* Center images horizontally */
10+
align-items: center; /* Center images vertically */
11+
}
12+
13+
.image-container {
14+
text-align: center; /* Center image and caption */
15+
margin: 1.5vw; /* Adjust spacing between images */
16+
width: 25vw;
17+
}
18+
19+
.caption {
20+
margin-top: 5px; /* Adjust spacing between image and caption */
21+
}
22+
</style>
23+
24+
This dataset contains a collection of 165 robots. For each robot we collected descriptions of the robot, design metaphors, social expectations, and functional expectations. Download the dataset using the download button on the left side of this page.
25+
26+
27+
<div style="text-align:center;">
28+
<h2>Robot Descriptors</h2>
29+
</div>
30+
31+
<div class="image-row">
32+
<div class="image-container">
33+
<img src="{{ site.baseurl }}/assets/images/robot_slide.PNG" alt="Image of a soft knitted rabbit-shaped robot.">
34+
<div class="caption">A composite image of the robot from a front and side view</div>
35+
</div>
36+
<div class="image-container">
37+
<img src="{{ site.baseurl }}/assets/images/feature_graphic.png" alt="Image describing the features that a robot has">
38+
<div class="caption">A set of 52 design features:<br>43 binary features, 4 ordinal features, and 5 continuous features</div>
39+
</div>
40+
</div>
41+
42+
The robot descriptors were collected by a group of researchers. The researchers hand-labeled each design feature, which corresponds to physical elements present on the robot.
43+
44+
<div style="text-align:center;">
45+
<h2>Design Metaphors</h2>
46+
</div>
47+
48+
<div class="image-row">
49+
<div class="image-container">
50+
<img src="{{ site.baseurl }}/assets/images/metaphors.png" alt="Text saying: like a dog, like a rabbit, like a tricycle.">
51+
<div class="caption">Three user-reported design metaphors to describe each robot</div>
52+
</div>
53+
<div class="image-container">
54+
<img src="{{ site.baseurl }}/assets/images/abstraction.png" alt="A set of progress bars showing how abstract each of these metahpors are.">
55+
<div class="caption">The levels of abstraction for each metaphor</div>
56+
</div>
57+
<!-- Add more image-container elements as needed -->
58+
</div>
59+
60+
Design metaphors are people, animals, things, or concepts that participants are reminded of when viewing the design of the robot. The level of abstraction corresponds to how literal or abstractly this idea implemented in the robot's design.
61+
62+
<div style="text-align:center;">
63+
<h2>Social Expectations</h2>
64+
</div>
65+
66+
<div class="image-row">
67+
<div class="image-container">
68+
<img src="{{ site.baseurl }}/assets/images/7.png" alt="A set of logos: a smiley face, a brain, and a uncertain face, reading warmth, competence, discomfort from left to right.">
69+
<div class="caption">The RoSAS Scale</div>
70+
</div>
71+
<div class="image-container">
72+
<img src="{{ site.baseurl }}/assets/images/8.png" alt="an image of two axes, saying femininity and masculinity.">
73+
<div class="caption">Masculinity and Femininity</div>
74+
</div>
75+
<!-- Add more image-container elements as needed -->
76+
</div>
77+
78+
<div class="image-row">
79+
<div class="image-container">
80+
<img src="{{ site.baseurl }}/assets/images/9.png" alt="A ticker moving between low social role and high social role">
81+
<div class="caption">Social Role</div>
82+
</div>
83+
<div class="image-container">
84+
<img src="{{ site.baseurl }}/assets/images/10.png" alt="A logo of two people hugging eachother.">
85+
<div class="caption">Identity Closeness</div>
86+
</div>
87+
88+
<div class="image-container">
89+
<img src="{{ site.baseurl }}/assets/images/11.png" alt="A thumbs up.">
90+
<div class="caption">Likeability</div>
91+
</div>
92+
<!-- Add more image-container elements as needed -->
93+
</div>
94+
95+
Social expectations describe the robot's identity and ability for social interaction, as determined by the robot's embodiment. These attributes encapsulate how a participant relates to and interacts with the robot.
96+
97+
<div style="text-align:center;">
98+
<h2>Functional Expectations</h2>
99+
</div>
100+
101+
<div class="image-row">
102+
<div class="image-container">
103+
<img src="{{ site.baseurl }}/assets/images/12.png" alt="three logos of an eye, a hand touching something, and a hand waving.">
104+
<div class="caption">EmCorp Scale</div>
105+
</div>
106+
</div>
107+
<div class="image-row">
108+
109+
<div class="image-container">
110+
<img src="{{ site.baseurl }}/assets/images/13.png" alt="a blob with a question mark in it.">
111+
<div class="caption">Design Ambiguity</div>
112+
</div>
113+
114+
<div class="image-container">
115+
<img src="{{ site.baseurl }}/assets/images/14.png" alt="A dog with two feathers growing out of its head.">
116+
<div class="caption">Design Atypicality</div>
117+
</div>
118+
</div>
119+
120+
Functional Expectations describe what the robot is physically expected to do. Participants also evaluated how well-aligned the robots design is with the tasks they expected it to perform.

0 commit comments

Comments
 (0)