-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathhuman_ai_interaction.html
151 lines (121 loc) · 5.28 KB
/
human_ai_interaction.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
149
150
151
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width = device-width, initial-scale = 1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> REV website </title>
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="main.css" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap&subset=latin-ext" rel="stylesheet">
</head>
<body>
<!------------------------------| NAVIGATION |---------------------------------------->
<nav>
<a href="index.html"><img class="AXA_logo nav_item" src="img/axa-logo.png" alt="AXA logo" style="display: none"></a>
<ul>
<li class="nav_item"><a href="index.html">RESEARCH</a></li>
<li class="nav_item"><a href="team.html">OUR TEAM</a></li>
</ul>
</nav>
<!------------------------------| HEADER |---------------------------------------->
<header class="title">
<a href="index.html"><img src="img/left-arrow.svg" alt="back button"></a>
<h1>Human+AI interactions</h1>
</header>
<!------------------------------| LISTE DES PAPIERS |---------------------------------------->
<section class="papers">
<!-----------article template-------------->
<article class="example" style="display: none;">
<!--If you don't have any link, delete the <a></a> elements-->
<a href="LINK TO ARTICLE">
<!--You can put pdf.svg, link.svg or delete the icon altogether-->
<img src="img/link.svg">
<h2>
TITLE OF THE PAPER
</h2>
</a>
<p class="authors">
LIST OF AUTHORS
<span>DATE</span>
</p>
<p class="description">
DESCRIPTION OF THE PAPER
</p>
<!-- You can put the link to the github repository of the project, delete the image to give information like "to appear" or delete it altogether.-->
<a href="#" class="github">
<img src="img/github.svg">
<p>Github repository</p>
</a>
</article>
<!-- article -->
<article class="">
<a href="BOVE_LFI_for_nonexperts.pdf">
<img src="img/link.svg">
<h2>Contextualization and Exploration of Local Feature Importance Explanations to Improve Understanding and Satisfaction of Non-Expert Users</h2>
</a>
<p class="authors">Bove, C.; Aigrain, J.; Detyniecki, M.<span>2022</span></p>
<p class="description">Proceedings of the Int. Conf. of Intelligent User Interface, IUI 2022</p>
</article>
<article class="">
<a href="http://ceur-ws.org/Vol-2903/IUI21WS-CUIIUI-4.PDF">
<img src="img/link.svg">
<h2>Building Trust in Artificial Conversational Agent</h2>
</a>
<p class="authors">Bove, C.; Detyniecki, M.<span>2021</span></p>
<p class="description">IUI 2021 Workshop Conversational User Interface (CUI@IUI)</p>
</article>
<article class="">
<a href="http://ceur-ws.org/Vol-2903/IUI21WS-TExSS-4.pdf">
<img src="img/link.svg">
<h2>Contextualising Local Explanations for Non-Expert Users: an XAI Pricing Interface for Insurance</h2>
</a>
<p class="authors">Bove, C.; Aigrain, J.; Detyniecki, M.<span>2021</span></p>
<p class="description">IUI 2021 Workshop Transparent and Explainable Smart System (TExSS)</p>
</article>
<article class="">
<a href="https://arxiv.org/abs/1910.04424">
<img src="img/link.svg">
<h2>Contract Statements Knowledge Service for Chatbots</h2>
</a>
<p class="authors">Ruf, B.; Sammarco, M.; Detyniecki, M.<span>2019</span></p>
<p class="description">IEEE Systems, Man, and Cybernetics</p>
</article>
</section>
<!------------------------------| TEAM |---------------------------------------->
<section class="team">
<h1>The team</h1>
<!-- contact -->
<div class="member">
<img src="img/team/clara.png">
<div>
<h2>Clara Bove</h2>
<p>Design Researcher</p>
<a href="mailto:clara.bove@axa.com">Contact me</a>
</div>
</div>
<!-- contact -->
<div class="member">
<img src="img/team/marcin.jpeg">
<div>
<h2>Marcin Detyniecki</h2>
<p>Head of Research and Development</p>
<a href="mailto:marcin.detyniecki@axa.com">Contact me</a>
</div>
</div>
</section>
<!------------------------------| FOOTER |---------------------------------------->
<footer>
<div>
<a href="#">
<h3>Follow Us</h3>
</a>
</div>
<div>
<h3>About Us</h3>
<p>We are a global research team working for AXA. We strongly believe that research will make the world a better place for tommorow.</p>
<img src="img/paris-illustration.png">
</div>
</footer>
</body>
</html>