<commit_before>##  Make it simple
<!-- .slide:data-background="images/frontpage.png" data-background-size="100%" -->

### Sensibilisation UX pour les développeurs
<!-- .element: style="color: pink;" -->

16/06/2016 - <NAME> & <NAME>


---
<!-- .slide:data-background="images/celine_1.jpg" data-background-position="right" data-background-size="500px auto"-->
>  Mes passions:
<!-- .element: class="left" -->

<br/>

> Mes applications préférées:
<!-- .element: class="left" -->

<br/>

> Ce que j'aime pas:
<!-- .element: class="left" -->




<!-- .slide:data-background="images/houbeb_1.jpg" data-background-position="left" data-background-size="500px auto"-->
>  Mes passions:
Vélo, Yoga, Photographie
<!-- .element: class="fragment navigate-next left" data-fragment-index="1"  data-transition="slide"-->

<br/>

> Mes applications préférées:
Instagram, pogdesign, Spotify
<!-- .element: class="fragment navigate-next left" data-fragment-index="2"  data-transition="slide"-->

<br/>

> Ce que j'aime pas:
Râler, l'indécision Et le site de Jenkins
<!-- .element: class="fragment navigate-next left" data-fragment-index="3"  data-transition="slide"-->



## Qui sommes nous?
![Prez](images/celine&houb_1.jpg)




## Qui sommes nous?
![Prez](images/celine&houb_2.jpg)




---
## On parle de quoi?
![Prez](images/prez.png)



![Prez](images/seriously.jpeg)
<!-- .element: style="background-color: white;" -->

---
## Qu'est-ce que l'UX?




### Definitions

> <div class="fragment" data-fragment-index="1"><p class="quote">“ UX design is the art and science of generating 
	<span class="highlight"> positive emotions </span>
	among people who interact with products or services.”</p>
<p class="quote-author"><NAME>, UX Researcher chez Google</p></div>

<br/>

> <div class="fragment" data-fragment-index="2"><p class="quote">“ UX design is about delighting users by
	<span class="highlight"> anticipating their needs </span>
	and giving them something they 
	<span class="highlight"> didn’t think </span>
	to ask for. ” </p>
<p class="quote-author"><NAME>, UX Researcher chez StubHub</p></div>

Notes:
1ère définition: insister sur la création d'émotions positives
	Un utilisateur malheureux quittera le site, ne reviendra pas. Il existe pleins d'autres sites similaires sur internet
	Il ne conseillera pas l'application
	Pas d'argent
2e définition: 
	Un utilisateur heureux du service apporté, reviendra
	Donner des exemples d'anticipation qui plairont aux utilisateurs: contact du service client, 
		ajout de telle ou telle fonctionalité, etc.



##  Comprendre l'UX
![Comprendre l'UX par l'exemple](images/uxui.png)

Notes:
	La route construite = design de produit
	La route improvisée = design UX



## Rentabilité

> « La fonction la plus populaire est le bouton de recherche, 
> parce que personne n’arrive à naviguer [...] la seconde fonction la plus 
> populaire est le bouton d’aide, parce que la fonction de recherche 
> n’est pas opérationnelle »
<!-- .element: class="quote" -->

> IBM Internet Operations Manager, 1998
<!-- .element: class="quote-author" -->

Notes:
	Bien beau de plaire aux users mais quelle rentabilité?
	IBM décide de revoir le design en se basant sur des principes simples: 
		homogénéité de l'interface + accès rapides aux pages souvent utilisés<commit_msg>Update introduction.<commit_after>##  Make it simple
<!-- .slide:data-background="images/frontpage.png" data-background-size="100%" -->

### Sensibilisation UX pour les développeurs
<!-- .element: style="color: pink;" -->

16/06/2016 - <NAME> & <NAME>


---
<!-- .slide:data-background="images/celine_1.jpg" data-background-position="right" data-background-size="500px auto"-->
<blockquote>
	<div class="highlight">Mes passions:</div>
	<div>Lire, Voyager, Shopping</div>
</blockquote>
<!-- .element: class="fragment navigate-next left" data-fragment-index="1"  data-transition="slide"-->

<br/>

<blockquote>
	<div class="highlight">Mes applications préférées:</div>
	<div>ShowroomPrivée, Youtube, La Fourchette</div>
</blockquote>
<!-- .element: class="fragment navigate-next left" data-fragment-index="2"  data-transition="slide"-->

<br/>

<blockquote>
	<div class="highlight">Ce que je n'aime pas:</div>
	<div>Le désordre</div>
</blockquote>
<!-- .element: class="fragment navigate-next left" data-fragment-index="3"  data-transition="slide"-->




<!-- .slide:data-background="images/houbeb_1.jpg" data-background-position="left" data-background-size="500px auto"-->
<blockquote>
	<div class="highlight">Mes passions:</div>
	<div>Vélo, Yoga, Photographie</div>
</blockquote>
<!-- .element: class="fragment navigate-next right" data-fragment-index="1"  data-transition="slide"-->

<br/>

<blockquote>
	<div class="highlight">Mes applications préférées:</div>
	<div>Instagram, pogdesign, Spotify</div>
</blockquote>
<!-- .element: class="fragment navigate-next right" data-fragment-index="2"  data-transition="slide"-->

<br/>

<blockquote>
	<div class="highlight">Ce que je n'aime pas:</div>
	<div>Râler, l'indécision Et le site de Jenkins</div>
</blockquote>
<!-- .element: class="fragment navigate-next right" data-fragment-index="3"  data-transition="slide"-->



## Qui sommes nous?
![Prez](images/celine&houb_1.jpg)




## Qui sommes nous?
![Prez](images/celine&houb_2.jpg)




---
## On parle de quoi?
![Prez](images/prez.png)



![Prez](images/seriously.jpeg)
<!-- .element: style="background-color: white;" -->

---
## Qu'est-ce que l'UX?




### Definitions

> <div class="fragment" data-fragment-index="1"><p class="quote">“ UX design is the art and science of generating 
	<span class="highlight"> positive emotions </span>
	among people who interact with products or services.”</p>
<p class="quote-author"><NAME>, UX Researcher chez Google</p></div>

<br/>

> <div class="fragment" data-fragment-index="2"><p class="quote">“ UX design is about delighting users by
	<span class="highlight"> anticipating their needs </span>
	and giving them something they 
	<span class="highlight"> didn’t think </span>
	to ask for. ” </p>
<p class="quote-author"><NAME>, UX Researcher chez StubHub</p></div>

Notes:
1ère définition: insister sur la création d'émotions positives
	Un utilisateur malheureux quittera le site, ne reviendra pas. Il existe pleins d'autres sites similaires sur internet
	Il ne conseillera pas l'application
	Pas d'argent
2e définition: 
	Un utilisateur heureux du service apporté, reviendra
	Donner des exemples d'anticipation qui plairont aux utilisateurs: contact du service client, 
		ajout de telle ou telle fonctionalité, etc.



##  Comprendre l'UX
![Comprendre l'UX par l'exemple](images/uxui.png)

Notes:
	La route construite = design de produit
	La route improvisée = design UX



## Rentabilité

> <div class="quote">« La fonction la plus populaire est le <span class="highlight">bouton de recherche</span>, 
parce que personne n’arrive à naviguer [...] la seconde fonction la plus 
populaire est le <span class="highlight">bouton d’aide</span>, parce que la fonction de recherche 
n’est pas opérationnelle »</div>

> IBM Internet Operations Manager, 1998
<!-- .element: class="quote-author" -->

Notes:
	Bien beau de plaire aux users mais quelle rentabilité?
	IBM décide de revoir le design en se basant sur des principes simples: 
		homogénéité de l'interface + accès rapides aux pages souvent utilisés
{'fraction_non_alphanumeric': 0.15376226826608505, 'fraction_numerical': 0.009133042529989095, 'mean_word_length': 4.635176651305684, 'pattern_counts': {'":': 0, '<': 124, '<?xml version=': 0, '>': 141, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2594077', 'n_tokens_mistral': 2541, 'n_tokens_neox': 2405, 'n_words': 710}