Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Serena Facchinetti
Mohamed and I crafted this French version of my UX Design presentation so that he can use it to teach his students in Tunisia. Now we are sharing it under Creative Commons so that others can benefit too from our effort.
You can download this deck and use it if you want, but please drop me a line if you do: we'd be curious to know it. :)
10 méthodes UX appliquées à votre projet WebCore-Techs
L'UX (User Experience) est une approche du design numérique destinée à apporter aux utilisateurs le bon contenu, le bon service et la bonne information au bon moment et dans une forme intelligible. L'UX est une démarche opérationnelle fondamentale pour réussir votre projet Web : Comment présenter mes contenus ? Comment faire rester mon internaute ? Comment répondre à ses besoins ? Comment dépasser ses freins et en faire un utilisateur "converti" ? Comment faire du beau "utile" ?
Appliquer une démarche UX dans votre projet Web nécessite de connaître les bons outils, leur efficacité et leur pertinence dans votre contexte projet.
Avec ce webinar, découvrez quelles sont les bonnes méthodes, quand et comment les mettre en oeuvre et les résultats à en attendre.
Et réussissez, comme ce fameux sculpteur roumain, à appliquer sur votre site Web ce principe : "la simplicité, c'est la complexité résolue".
Lors d'un cours à l'IESA Multimédia portant sur "l'architecture de l'information" nous devions faire des interviews, créer un persona, l'architecture du portfolio et le parcours utilisateur.
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Serena Facchinetti
Mohamed and I crafted this French version of my UX Design presentation so that he can use it to teach his students in Tunisia. Now we are sharing it under Creative Commons so that others can benefit too from our effort.
You can download this deck and use it if you want, but please drop me a line if you do: we'd be curious to know it. :)
10 méthodes UX appliquées à votre projet WebCore-Techs
L'UX (User Experience) est une approche du design numérique destinée à apporter aux utilisateurs le bon contenu, le bon service et la bonne information au bon moment et dans une forme intelligible. L'UX est une démarche opérationnelle fondamentale pour réussir votre projet Web : Comment présenter mes contenus ? Comment faire rester mon internaute ? Comment répondre à ses besoins ? Comment dépasser ses freins et en faire un utilisateur "converti" ? Comment faire du beau "utile" ?
Appliquer une démarche UX dans votre projet Web nécessite de connaître les bons outils, leur efficacité et leur pertinence dans votre contexte projet.
Avec ce webinar, découvrez quelles sont les bonnes méthodes, quand et comment les mettre en oeuvre et les résultats à en attendre.
Et réussissez, comme ce fameux sculpteur roumain, à appliquer sur votre site Web ce principe : "la simplicité, c'est la complexité résolue".
Lors d'un cours à l'IESA Multimédia portant sur "l'architecture de l'information" nous devions faire des interviews, créer un persona, l'architecture du portfolio et le parcours utilisateur.
EPID is a digital signature scheme that allows for anonymity and privacy. It uses a single public key that corresponds to multiple private keys, so the private key used to generate a signature cannot be identified. EPID signatures can be verified using the group public key. EPID provides granular revocation mechanisms and has been shipping since 2008 in Intel processors. It is used for technologies like Intel Insider, Intel TXT, Intel IPT and Intel SGX.
This document is a presentation from Intel about their Internet of Things (IoT) developer platform and tools. It introduces Intel's IoT reference architecture and developer kit, which includes hardware boards, middleware libraries, cloud connectors, and integrated development environments. It provides examples of code samples and reference applications that developers can use to prototype and develop IoT solutions using Intel technologies.
Cisco Paris DevNet Hackathon slideshow - IntroBeMyApp
This document outlines an agenda for a 48-hour hackathon in Paris to invent the city of the future. It will include presentations from Cisco and various technology partners on topics like smart cities, Internet of Things, and cloud platforms. Participants will then pitch project ideas before forming teams and beginning development. Over the weekend, teams will work on their projects, receive mentoring, and do practice pitches. On the final day, projects will be presented to a jury for cash prizes. The goal is to generate innovative ideas for connecting people, data, and devices to improve city services.
Tumeurs Neuroendocrines : une vue d'ensembleBeMyApp
Le Dr Olivier Dubreuil donne une vue d'ensemble des Tumeurs Neuroendocrines via une présentation donnée au cour de la soirée Idéation du hackathon NET Patient Accelerator qui a eu lieu le 30 avril 2016 à la Zalthabar.
Building your first game in Unity 3d by Sarah SextonBeMyApp
Learn to create a 3D isometric survival shooter called Nightmares using Unity 5 in this hands-on workshop. Although this workshop is beginner-friendly, you need to understand mathematical 3D concepts.
Using intel's real sense to create games with natural user interfaces justi...BeMyApp
As technology advances, more sophisticated ways of interfacing with it are emerging. Even though new tech strives to make our apps more intuitive and easy to use, designing interfaces for those apps is not quite as straight forward. We’ve learned a few rules and “gotchas” when working with gesture cameras that can help to make apps that use them easy and fun to use.
In this talk Justin described:
1. Different data types you can get from Intel® RealSense™ and how to get them
2. Designing an interface for a gesture camera
3. Using your hands, face, and voice as an interface
Introduction to using the R200 camera & Realsense SDK in Unity3d - Jon CollinsBeMyApp
We used the Intel RealSense SDK In conjunction with the R200 Camera to bring about the fun, interactive and tactile gameplay featured at GDC16. Using Intel® RealSense™ we were able to create a unique gameplay experience with every play through, as the players themselves sculpted the terrain the game used out of sand which was monitored by the camera and our code effectively translated the profile of the sand into a terrain. In this talk we’ll use one of the realsense samples to step through and gain an insight into how that depth data is translated into a usable game object in Unity3d.
In this talk, Jon described:
1. Features we used in the Magic and Magnums Tower Defense game
2. Using the Blob Sensing and tracking actions provided in the Unity Toolkit for Realsense
3. Using the Realsense Depth feed to manipulate meshes
Unity 5 introduces a new Audio Mixer system to take your game’s music and sound effects to the next level! Andy will give a hands-on, in-editor demo of all the new Audio Features introduced in the latest version of the Unity game engine; covering in-game sound mixing, groups, applying effects, audio ducking, fading and more!
This talk is welcome to all but at least some Unity knowledge will be useful.
Shaders - Claudia Doppioslash - Unity With the BestBeMyApp
Shader programming is one of the things that most influences how good your game will look, yet it's perceived as a black art, hidden away and feared.
In this talk, Claudia described:
1. How shader programming works
2. How Unity lets you take almost full control of the shader subsystem
3. What you can achieve with that control
4. How to implement a custom Physically Based Lighting system and the logic behind every choice
[HACKATHON CISCO PARIS] Slideshow du workshop Smart CityBeMyApp
Slideshow du workshop Smart City organisé le mercredi 23 mars au NUMA. Ce workshop est organise dans le cadre du hackathon Smart City les 1-3 avril prochain.
Before Spécial 1ère Année proposé par BeMyApp le 8 mars 2016 à l'École 42. Tous les bons conseils, astuces, liens pour des Softwares | Applications pour bien réussir un Hackathon.
[Workshop e résidents] présentation intent, craft ai, dalkia et incubateurBeMyApp
Slideshow de présentation diffusé lors du workshop idéation / soirée pitch à l'Usine io le lundi 1er février. Cet événement a été organisé dans le cadre du Programme E-résidents.
http://hackathon.dalkia.fr/
[Webinar E-résidents #1] Présentation des différents métiers du bâtiment conn...BeMyApp
Dans le cadre du hackathon E-résidents, nous organisons deux webinars de 30 minutes chacun les mardi 19 et 26 janvier à 18h.
Pour cette première immersion au sein du bâtiment connecté, ce sont les deux supers mentors Jean-Yves Lépine et Patrick Quach respectivement Directeur des Relations Clients chez Dalkia et Product Manager chez Intent Technologies, qui expliqueront en détail les différents métiers (gestionnaire de patrimoine, exploitant, fournisseurs de services, occupants, etc...). Ils aborderont les problématiques de chaque acteur ainsi que des idées d'applications à développer et/ou existantes. Une session de questions/réponses suivra.
18h - Introduction par Alex de BeMyApp
18h05 - Présentation des métiers du bâtiment connecté
18h25 - Idées & inspirations pour le hackathon
18h30 - Q&A
Pour rappel, le hackathon E-résidents aura lieu les 5-7 février prochain à l'Usine io. Le workshop Idéation est complémentaire de ce webinar, il prévu le mardi 2 février toujours à l'Usine io.
[IoT World Forum Webinar] Review of CMX Cisco technologyBeMyApp
Cisco's CMX provides location detection, visibility, and engagement capabilities through Wi-Fi, BLE, and video technologies. It uses the MSE for location calculation and WLC/APs to collect client RSSI data. The CMX Mobile App Server hosts applications and Notification Receivers subscribe to location events. CMX's REST API allows extracting real-time location data for various use cases like improving customer experience in retail, banking, hospitality, and healthcare industries.
This document provides an overview of user experience (UX) design. It discusses what UX is, how to deliver good UX by understanding users' needs and goals, envisioning key use cases, creating feature lists, prototyping solutions, testing prototypes with users, and following usability heuristics like ensuring visibility of system status and matching systems to the real world. The document aims to provide both high-level and practical tips for designing more usable solutions that solve problems and meet user needs.
HP Helion Webinar #5 - Security Beyond FirewallsBeMyApp
Giuseppe Paternò is an IT security expert who has worked with many large companies. He discussed security issues with OpenStack and cloud applications. Neutron provides software-defined networking and security groups for network segmentation. Keystone handles identity management. APIs must be secured to protect resources and authentication tokens. Continuous security practices like automated testing and monitoring help harden the cloud platform.
HP Helion Webinar #4 - Open stack the magic pillBeMyApp
We will go through a quick overview about the 5 years of OpenStack cloud computing platform. This webinar explains the short history of this fast growing open-source initiative, and try to answer the common questions about the place of infrastructure and platform services in the IT hierarchy.
The technology is ready, but are we ready for the cloud adoption? Does it really solve our business problems? Learn the basic terminology, get an insight about the IT operation and development transition steps required to win the efficiency race.
EPID is a digital signature scheme that allows for anonymity and privacy. It uses a single public key that corresponds to multiple private keys, so the private key used to generate a signature cannot be identified. EPID signatures can be verified using the group public key. EPID provides granular revocation mechanisms and has been shipping since 2008 in Intel processors. It is used for technologies like Intel Insider, Intel TXT, Intel IPT and Intel SGX.
This document is a presentation from Intel about their Internet of Things (IoT) developer platform and tools. It introduces Intel's IoT reference architecture and developer kit, which includes hardware boards, middleware libraries, cloud connectors, and integrated development environments. It provides examples of code samples and reference applications that developers can use to prototype and develop IoT solutions using Intel technologies.
Cisco Paris DevNet Hackathon slideshow - IntroBeMyApp
This document outlines an agenda for a 48-hour hackathon in Paris to invent the city of the future. It will include presentations from Cisco and various technology partners on topics like smart cities, Internet of Things, and cloud platforms. Participants will then pitch project ideas before forming teams and beginning development. Over the weekend, teams will work on their projects, receive mentoring, and do practice pitches. On the final day, projects will be presented to a jury for cash prizes. The goal is to generate innovative ideas for connecting people, data, and devices to improve city services.
Tumeurs Neuroendocrines : une vue d'ensembleBeMyApp
Le Dr Olivier Dubreuil donne une vue d'ensemble des Tumeurs Neuroendocrines via une présentation donnée au cour de la soirée Idéation du hackathon NET Patient Accelerator qui a eu lieu le 30 avril 2016 à la Zalthabar.
Building your first game in Unity 3d by Sarah SextonBeMyApp
Learn to create a 3D isometric survival shooter called Nightmares using Unity 5 in this hands-on workshop. Although this workshop is beginner-friendly, you need to understand mathematical 3D concepts.
Using intel's real sense to create games with natural user interfaces justi...BeMyApp
As technology advances, more sophisticated ways of interfacing with it are emerging. Even though new tech strives to make our apps more intuitive and easy to use, designing interfaces for those apps is not quite as straight forward. We’ve learned a few rules and “gotchas” when working with gesture cameras that can help to make apps that use them easy and fun to use.
In this talk Justin described:
1. Different data types you can get from Intel® RealSense™ and how to get them
2. Designing an interface for a gesture camera
3. Using your hands, face, and voice as an interface
Introduction to using the R200 camera & Realsense SDK in Unity3d - Jon CollinsBeMyApp
We used the Intel RealSense SDK In conjunction with the R200 Camera to bring about the fun, interactive and tactile gameplay featured at GDC16. Using Intel® RealSense™ we were able to create a unique gameplay experience with every play through, as the players themselves sculpted the terrain the game used out of sand which was monitored by the camera and our code effectively translated the profile of the sand into a terrain. In this talk we’ll use one of the realsense samples to step through and gain an insight into how that depth data is translated into a usable game object in Unity3d.
In this talk, Jon described:
1. Features we used in the Magic and Magnums Tower Defense game
2. Using the Blob Sensing and tracking actions provided in the Unity Toolkit for Realsense
3. Using the Realsense Depth feed to manipulate meshes
Unity 5 introduces a new Audio Mixer system to take your game’s music and sound effects to the next level! Andy will give a hands-on, in-editor demo of all the new Audio Features introduced in the latest version of the Unity game engine; covering in-game sound mixing, groups, applying effects, audio ducking, fading and more!
This talk is welcome to all but at least some Unity knowledge will be useful.
Shaders - Claudia Doppioslash - Unity With the BestBeMyApp
Shader programming is one of the things that most influences how good your game will look, yet it's perceived as a black art, hidden away and feared.
In this talk, Claudia described:
1. How shader programming works
2. How Unity lets you take almost full control of the shader subsystem
3. What you can achieve with that control
4. How to implement a custom Physically Based Lighting system and the logic behind every choice
[HACKATHON CISCO PARIS] Slideshow du workshop Smart CityBeMyApp
Slideshow du workshop Smart City organisé le mercredi 23 mars au NUMA. Ce workshop est organise dans le cadre du hackathon Smart City les 1-3 avril prochain.
Before Spécial 1ère Année proposé par BeMyApp le 8 mars 2016 à l'École 42. Tous les bons conseils, astuces, liens pour des Softwares | Applications pour bien réussir un Hackathon.
[Workshop e résidents] présentation intent, craft ai, dalkia et incubateurBeMyApp
Slideshow de présentation diffusé lors du workshop idéation / soirée pitch à l'Usine io le lundi 1er février. Cet événement a été organisé dans le cadre du Programme E-résidents.
http://hackathon.dalkia.fr/
[Webinar E-résidents #1] Présentation des différents métiers du bâtiment conn...BeMyApp
Dans le cadre du hackathon E-résidents, nous organisons deux webinars de 30 minutes chacun les mardi 19 et 26 janvier à 18h.
Pour cette première immersion au sein du bâtiment connecté, ce sont les deux supers mentors Jean-Yves Lépine et Patrick Quach respectivement Directeur des Relations Clients chez Dalkia et Product Manager chez Intent Technologies, qui expliqueront en détail les différents métiers (gestionnaire de patrimoine, exploitant, fournisseurs de services, occupants, etc...). Ils aborderont les problématiques de chaque acteur ainsi que des idées d'applications à développer et/ou existantes. Une session de questions/réponses suivra.
18h - Introduction par Alex de BeMyApp
18h05 - Présentation des métiers du bâtiment connecté
18h25 - Idées & inspirations pour le hackathon
18h30 - Q&A
Pour rappel, le hackathon E-résidents aura lieu les 5-7 février prochain à l'Usine io. Le workshop Idéation est complémentaire de ce webinar, il prévu le mardi 2 février toujours à l'Usine io.
[IoT World Forum Webinar] Review of CMX Cisco technologyBeMyApp
Cisco's CMX provides location detection, visibility, and engagement capabilities through Wi-Fi, BLE, and video technologies. It uses the MSE for location calculation and WLC/APs to collect client RSSI data. The CMX Mobile App Server hosts applications and Notification Receivers subscribe to location events. CMX's REST API allows extracting real-time location data for various use cases like improving customer experience in retail, banking, hospitality, and healthcare industries.
This document provides an overview of user experience (UX) design. It discusses what UX is, how to deliver good UX by understanding users' needs and goals, envisioning key use cases, creating feature lists, prototyping solutions, testing prototypes with users, and following usability heuristics like ensuring visibility of system status and matching systems to the real world. The document aims to provide both high-level and practical tips for designing more usable solutions that solve problems and meet user needs.
HP Helion Webinar #5 - Security Beyond FirewallsBeMyApp
Giuseppe Paternò is an IT security expert who has worked with many large companies. He discussed security issues with OpenStack and cloud applications. Neutron provides software-defined networking and security groups for network segmentation. Keystone handles identity management. APIs must be secured to protect resources and authentication tokens. Continuous security practices like automated testing and monitoring help harden the cloud platform.
HP Helion Webinar #4 - Open stack the magic pillBeMyApp
We will go through a quick overview about the 5 years of OpenStack cloud computing platform. This webinar explains the short history of this fast growing open-source initiative, and try to answer the common questions about the place of infrastructure and platform services in the IT hierarchy.
The technology is ready, but are we ready for the cloud adoption? Does it really solve our business problems? Learn the basic terminology, get an insight about the IT operation and development transition steps required to win the efficiency race.
3. Guillaume ABEL
UX Team leader
Yannick BONNIEUX
Senior UX Designer
3
@ Ekino
Guillaume ABEL
UX Team leader
@MoreThanScreens
Yannick BONNIEUX
Senior UX Designer
@yannickbonnieux
3
@ Ekino
4. 02 Pourquoi des Guidelines ?
04 Vue d'ensemble des UI
06 Les interactions de base
01 Notre vision de l'UX
03 Les principes de design
05 Les Styles
07 Les bibliothèques
Sommaire
5. Notre vision du design
d'expérience utilisateur
01
02 Pourquoi des Guidelines ? → 03 Les principes de design → 04 Vue d'ensemble des UI → 05 Les styles → 06 Les interactions de base → 07 Les bibliothèques
6. Comprendre les attentes non formulées des
utilisateurs
Faciliter les échanges entre les différents acteurs
(Développeur, Graphiste, Client, Décideur, Marketeur)
Concevoir, tester, améliorer, re-tester, etc.
6
7. Pourquoi utiliser des
Guidelines
03 Les principes de design → 04 Vue d'ensemble des UI → 05 Les styles → 06 Les interactions de base → 07 Les bibliothèques
02
8. Une interface consistante et uniforme
Éviter les problèmes fréquents
Créer une expérience positive
8
9. Perdre les utilisateurs
Être critiqué
Perdre de l’argent
9
10. Parlez avec vos utilisateurs
Testez, testez et testez encore !
Faites-vous assister par un designer
10
11. Les principes de design
pour Tizen
03
04 Vue d'ensemble des UI → 05 Les styles → 06 Les interactions de base → 07 Les bibliothèques
12. Favoriser le Contenu
Focaliser l'Attention
Laisser le Contrôle
12
36. La couleur dominante est un blanc ivoire pour une impression de confort
Winset color
36
37. Le texte principal utilise du texte en
noir à épaisseur maigre, tandis que le
sous texte utilise le texte gris à
épaisseur grasse.
Typos disponibles sur tizen.org
37
38. Pour chaque bouton, des statuts
différents (normal, appuyez sur et
inactif)
38
39. Ne pas mettre en cause l’utilisateur
39
Ton positif et bref
Éviter Préférer
Impossible de terminer la requête La requête ne peut aboutir
Erreur réseau Réseau indisponible
Démarrage de la synchronisation Synchronisation …
Le calendrier n’est pas accessible Calendrier indisponible
Éviter Préférer
Vous avez atteint le nombre maximum de dossiers Nombre max de dossiers atteints
Vous devez sélectionner pour ajouter une recette Ajouter recette
41. 30
Tizen supporte les interactions suivantes
Interaction Description
Touch Pour exécuter la fonction immédiatement au toucher
Tap Pour sélectionner un élément ou exécuter des fonctions
Double Tap Pour revenir au niveau de la vue par défaut en zoomant
Long Tap Pour ouvrir contexte spécifique menu des options. Dans l'écran d'accueil, pour passer en
mode édition
Swipe Pour faire défiler une liste ou d'articles. Aussi, à l'horizontale utilisée pour exécuter menu
rapide
Drag and drop Pour toucher, tenir, faire glisser un objet à l'endroit désiré en libérant un doigt.
Pinch Zoom in/out Pincez OPEN / CLOSE pour agrandir /
41
42. 2 modes d’affichages supportés par Tizen : Portrait et paysage
Portrait et vue paysage Portrait et vue paysage avec un “split screen”
42