Update
This commit is contained in:
parent
5ef20dfdb1
commit
a9b572e8a3
|
@ -182,10 +182,16 @@ Les \emph{viewports} sont les affichages les plus simples : ils représentent
|
||||||
une caméra, avec son centre optique et son plan image.
|
une caméra, avec son centre optique et son plan image.
|
||||||
\begin{figure}[H]
|
\begin{figure}[H]
|
||||||
\centering
|
\centering
|
||||||
\includegraphics[scale=0.3]{img/wiki/09.png}
|
\includegraphics[scale=0.275]{img/new/01.png}
|
||||||
\caption{Une recommendation \emph{viewport}}
|
\caption{Une recommandation \emph{viewport}}
|
||||||
\end{figure}
|
\end{figure}
|
||||||
|
Cette façon d'afficher une recommandation a l'avantage d'être simple, de ne pas
|
||||||
|
beaucoup masquer le reste des modèles et suggère assez bien l'idée d'un
|
||||||
|
\emph{point de vue recommandé}, mais elle a l'inconvéniant d'être ambigüe à
|
||||||
|
cause de la perspective (dans cette image, il peut être difficile de savoir si
|
||||||
|
le point de vue et vers le modèle ou vers nous).
|
||||||
|
|
||||||
|
\newpage
|
||||||
\subsection{Les flèches}
|
\subsection{Les flèches}
|
||||||
\paragraph{}
|
\paragraph{}
|
||||||
Les flèches sont supposées être plus intuitives pour un utilisateur qui n'a pas
|
Les flèches sont supposées être plus intuitives pour un utilisateur qui n'a pas
|
||||||
|
@ -193,44 +199,64 @@ l'habitude des \emph{viewports} précédemment utilisés. Plutôt que de suggér
|
||||||
un point de vue, elles suggèrent le mouvemement qui va mener à ce point de vue.
|
un point de vue, elles suggèrent le mouvemement qui va mener à ce point de vue.
|
||||||
\begin{figure}[H]
|
\begin{figure}[H]
|
||||||
\centering
|
\centering
|
||||||
\includegraphics[scale=0.3]{img/wiki/06.png}
|
\includegraphics[scale=0.275]{img/new/02.png}
|
||||||
\caption{Des recommendations flèches}
|
\caption{Des recommandations flèches}
|
||||||
\end{figure}
|
\end{figure}
|
||||||
|
|
||||||
|
\paragraph{}
|
||||||
|
|
||||||
\subsection{Les interactions}
|
\subsection{Les interactions}
|
||||||
\subsubsection{Au survol}
|
\subsubsection{Au survol}
|
||||||
\paragraph{}
|
\paragraph{}
|
||||||
Cette fonctionnalité est inspirée des récents lecteurs video sur le web.
|
Cette fonctionnalité est inspirée des récents lecteurs video sur le web.
|
||||||
Lorsque l'on regarde une video, on a la barre de \emph{seeking} en bas et
|
Lorsque l'on regarde une video, on a la barre de \emph{seeking} en bas et
|
||||||
passer le curseur sur cette barre affiche l'image de la vidéo à l'instant visé.
|
passer le curseur sur cette barre affiche l'image de la vidéo à l'instant visé.
|
||||||
Nous avons simplement adapté cette techniques à nos recommendations : lorsque
|
Nous avons simplement adapté cette techniques à nos recommandations : lorsque
|
||||||
le curseur survole une recommendation, une prévisualisation est affichée dans
|
le curseur survole une recommandation, une prévisualisation est affichée dans
|
||||||
une petite boite au voisinage du curseur.
|
une petite boite au voisinage du curseur.
|
||||||
\begin{figure}[H]
|
\begin{figure}[H]
|
||||||
\centering
|
\centering
|
||||||
\includegraphics[scale=0.3]{img/wiki/07.png}
|
\includegraphics[scale=0.275]{img/new/03.png}
|
||||||
\caption{Une prévisualisation}
|
\caption{Une prévisualisation}
|
||||||
\end{figure}
|
\end{figure}
|
||||||
|
|
||||||
\subsubsection{Au click}
|
\subsubsection{Au click}
|
||||||
Hello
|
Lors d'un click sur une recommandation, la caméra suit un mouvement fluide
|
||||||
|
jusqu'au point de vue recommandé. La trajectoire est définié par un polynôme
|
||||||
|
interpolant tel que :
|
||||||
|
\begin{itemize}
|
||||||
|
\item la position initiale est la position de la caméra
|
||||||
|
\item la position finale est la position de la recommandation
|
||||||
|
\item la dérivée de la trajectoire à l'instant final est la direction de la
|
||||||
|
recommandation
|
||||||
|
\end{itemize}
|
||||||
|
|
||||||
|
\paragraph{}
|
||||||
|
Ce mouvement fluide est là pour ne pas perturber l'utilisateur qui pourrait
|
||||||
|
\emph{se perde} si jamais il était téléporté
|
||||||
|
|
||||||
|
\paragraph{}
|
||||||
|
De plus, les recommandations se comportent comme des liens hypertextes : elles
|
||||||
|
sont bleues si elles n'ont jamais été clickées, et deviennent violettes si
|
||||||
|
l'utilisateur les a déjà consommées. Ceci est fait pour qu'un utilisateur
|
||||||
|
puisse savoir par où il est passé, et ce qui lui reste encore à visiter.
|
||||||
|
|
||||||
\newpage
|
\newpage
|
||||||
\section{L'étude utilisateur}
|
\section{L'étude utilisateur}
|
||||||
\paragraph{}
|
\paragraph{}
|
||||||
Pour tester le comportement des utilisateurs face aux recommendations, nous
|
Pour tester le comportement des utilisateurs face aux recommandations, nous
|
||||||
avons dissimulé des pièces rouges à travers ces modèles, et nous avons demandé
|
avons dissimulé des pièces rouges à travers ces modèles, et nous avons demandé
|
||||||
à des utilisateurs de les trouver.
|
à des utilisateurs de les trouver.
|
||||||
\begin{figure}[H]
|
\begin{figure}[H]
|
||||||
\centering
|
\centering
|
||||||
\includegraphics[scale=0.3]{img/wiki/10.png}
|
\includegraphics[scale=0.275]{img/new/04.png}
|
||||||
\caption{Trois pièces rouges}
|
\caption{Une pièce rouge}
|
||||||
\end{figure}
|
\end{figure}
|
||||||
|
|
||||||
\paragraph{}
|
\paragraph{}
|
||||||
Pour éviter la dépendance entre les recomendations et les pièces rouges (si les
|
Pour éviter la dépendance entre les recomendations et les pièces rouges (si les
|
||||||
recommendations visent les pièces rouges, il est évident qu'il sera très facile
|
recommandations visent les pièces rouges, il est évident qu'il sera très facile
|
||||||
de les trouver avec les recommendations), un système de tirage aléatoire de
|
de les trouver avec les recommandations), un système de tirage aléatoire de
|
||||||
pièces rouges a été fait.
|
pièces rouges a été fait.
|
||||||
|
|
||||||
\paragraph{}
|
\paragraph{}
|
||||||
|
|
Loading…
Reference in New Issue