my online portfolio
Our final presentation for the Virtual Stylist project can be accessed through the following links :
Google Slides: Virtual Stylist Presentation (Google Slides)
PDF Format: Virtual Stylist Presentation (PDF Format)
The demonstration video is accessible on Youtube by clicking on the following link :
Enjoy !
Flo, for the Virtual Stylist team 
Below are some more extracts of the User Interface of the Virtual Stylist
Below are some examples of the User Interface of the Virtual Stylist
We asked 20 people (12 male / 8 female) questions via facebook about both their mall shopping habits and their online shopping habits. Below you will find the results of the survey and how these answers will influence our project.
As we posted our survey on Facebook, the age range of the interviewees is mostly 18-25 years old. However this is not an issue, as it is the age range most prone to online shopping.
Our first finding was that over half of the interviewees go less than once a month in a shopping mall or to a store to buy clothes. As for online shopping, over 75% of the interviewees do it less than once a month. So all in all, shopping in a store or in a mall is still the first option as to where to shop for clothes.
80% of the interviewees spend less than 30 minutes in a specific store and of those 80%, 30% spend less than 15 minutes.
Over ⅔ of the interviewees have at least a vague idea of what they are going to buy when they enter a store.
However when asked about how they would rate their shopping experience, the interviewees had mixed feelings (average rating of 3.5/5)
On the one hand they really appreciate the fact that you can touch the fabric/textile, try it on, put it back if it doesn’t fit. They also enjoy the fact you can be surprised when walking in front of a store and seeing a clothing item that is appealing to you. However on the other hand they dislike the lack of choice of clothes and clothes sizes in stores, and the fact that it is very time consuming to go store shopping. Moreover we also had some interviewees telling us that they dislike being “harassed” by vendors as soon as they walk in a store. Finally queuing in line is also a big issue for them.
90% of the interviewees have already tried online clothes shopping.
The average rating for online shopping is 3.4/5. So it is roughly the same as for the mall shopping experience.
What people enjoy the most about shopping online is that it’s fast, easy, very convenient and you can compare different clothes/brands at the same time. Furthermore the word that came out the most out of the interviewees’ responses is “choice” when it comes to online shopping. And this is perhaps why it is the most appealing. However they find frustrating the fact that you can’t try on the clothes and that you run the risk of having to return the piece of clothing if it doesn’t fit you. Lastly people don’t like the fact that you don’t have physically the clothes right after you purchase them but you have to wait for the delivery. As for this last issue, our project will not be able to solve it but delivery times are getting shorter so it is becoming less and less of an issue.
When we asked the interviewees if they were satisfied with the clothes they bought online, we found out that a very large proportion of the people (78%) who had already tried online shopping have gone through both good and bad experiences.
Only 15% of the interviewees have always been satisfied with the products they bought online.
78% of the interviewees have already returned a piece of clothing bought online, and of those 78%, 50% have done it more than once. These numbers explain why the rating for the online shopping experience is so low.
This result comforted us in our choice to develop a service that could enable you to virtually try on the clothes, so you could verify that it fits you before buying it.
66% of the reasons why these people returned a piece of clothing is size/fit.
The rest of the returns were because of a manufacturing defect or other various reasons.
Finally, we asked the interviewees if they would be willing to do a body scan in their underwear to improve their shopping experience, 80% agreed however some were concerned with the security of the system and their personal information being leaked.
Here’s an interesting article on the subject of virtual dressing rooms : https://www.digitalpulse.pwc.com.au/virtual-dressing-rooms/
http://qz.com/497259/could-3d-body-scanning-mean-never-entering-another-dressing-room-again/
Virtual fitting rooms/mirrors using Kinect technology :
You need a kinect or an asus xtion pro live (cameras with gesture recognition). You can use it for fitting rooms, shopping windows/ exhibitions etc..
http://zugara.com/virtual-dressing-room-technology/virtual-style-sense 2014
VSS allows shoppers to digitally view different colors and styles of items in a display
http://retail-innovation.com/adidas-body-scanner-lets-you-try-clothes-on-virtually/
”BodyKinectizer“ is a body scanner based on Microsoft Kinect which enables customers to determine the right size of a product and allows them to dress their virtual body – whether you in a shop or at home. In addition to the in store version, Adidas have also built a version for use within the customer’s home.
Companies using Body scanning
Example at Bloomingdale’s in Palo Alto (2012): https://vimeo.com/62030462
A customer can get scanned in a store, and software compares the measurements with the exact dimensions of garments, to find a perfect fit. The customer can then potentially shop on any of the retail sites partnered with 3D-scanning company, using the profile made in-store
https://acustom.com/pages/theacustomexperience
http://www.me-ality.com/fit-solutions/size-matching-station
This company offers two different sizing options:
1. Body scanning (over 200,000 body dimensional data points are collected in just 10 seconds + the user remains fully clothed during process)
2. Sizing application which applies advanced algorithms to determine clothing and size recommendations from a database of select products.
https://www.goscan3d.com/en/applications/human-body-scanning
The Go!SCAN 3D scanners offer possibilities for scanning the human body. Due to their portability and real-time results, these scanners make it easy to capture the shapes of the body. The whole body can be scanned, or only parts of it depending on the application. (product description on the website). However 30min of scanning + 1hr of postprocessing is required.
Use your measurements to create an online avatar of yourself
No body scan used here, http://fits.me/fit-origin/ -> You see your measurement and then, with the help of big data and complex algorithms,the website/app determines your perfect fit.
“triMirror uses the actual designs, measurements, grading rules, textures, and fabric properties of the individual garments – all efficiently modelled in 3D and realistically physically simulated. It then uses real-time clothing simulation to stream the animated virtual fitting experience from the cloud to the user’s browser, no matter the platform and be it computer- or mobile-based, without any downloading or buffering”
The technology can compose 3D models of clothing from “photos, pattern files and other sources and simulates the behaviour of the garments”, according to eBay. It adds that consumers could see how clothes “fit, look and move in different environments without actually having to try them on”.
All you’ll need to do is type in your measurements, and then a 3D model will appear with whatever garment you choose. You’ll even be able to view the clothes in different scenarios, such as walking down the street, rather than just standing in a room.
Project 1 : Virtual Stylist
Group Members : Danni, Skye, Florent
Description of the project
Buying clothes can take up a lot of time, and while some people like to go to stores and try out clothes, some people would rather just be done with it. Also the surge in online shopping, shows that a lot of people like to do their shopping on a screen.
The idea is to propose an on-screen experience that would enable you to try out different outfits without having to go around for hours looking for clothes. This service could be accessible direct from your home, to improve the online shopping experience and removing the stress of not being able to try it on before buying it.
Extra features might be that there could be suggestions based on your current clothes, what other people who have looked at the same clothes as you have bought, and other features already on the online sites.
Part 2: Start to work on final project proposals – prepare three ideas for a screen-based experience that you’d like to create (it can be speculative). Prepare a slide show to illustrate your ideas. The ideas can be based on any of the field trips done so far or can be something completely new.
If you click on the following link, you will find a slide presentation of three ideas I came up with for a screen-based experience.
https://docs.google.com/presentation/d/1I3uKbyoI5-iMj8zYFi8CyFxPL5m-G_JGBvKQsKxGoLA/edit?usp=sharing
Part 1: Write a response to the exhibition “Future World”. Keep in mind the following questions – What is experience design and what are the possibilities of responsive environments? How might this change the way we think about the world around us and the ways that we communicate with each other?
Response regarding the exhibition “Future World” I visited on Thursday, September 22nd.
The slogan for the exhibition Future World is “Where Art meets Science”. It is indeed what I witnessed during my visit. As soon as I walked in the exhibition, I was instantly immersed into darkness. A darkness in which music met visual effects to create a perfect blend. In other words, I had set foot in a totally immersive experience.
The first room was one of the displays of the exhibition which impressed me the most. At first I was wondering why people were laying down and just staring at an animation which seemed to be going on forever. But then I tried it, I sat down and finally decided to lay down on the floor. It took some time but the atmosphere succeeded in carrying me away. The music, the visuals, the colors, the way the screen were displayed (forming a quarter of an octogon), everything that was there, felt right.
This is what the whole exhibition is about, immersing yourself in a world, an environment, and most importantly being able to interact with it.
It was also the case with the last display of the exhibition, the crystal universe. I entered a room not knowing what to expect and suddenly I found myself surrounded by lighting effects, as if I was being transported to another dimension. And the experience got even more interesting when I realize that I, the person walking inside of it, could control this universe I set myself in. This was possible by selecting the desired universe on the iPad at the back at the room and swiping it towards the crystal hallway. A few seconds later, I had succeded in changeing the (shared) universe.
To be able to interact with your surrounding but also in this last particular case to be able to control it, feels very empowering. I also felt to some extent that it gave me responsability, in that I was responsible for what the people standing inside the hallway were going to see next.
I also enjoyed the display in which you could make interact physical objects with digital objects (see picture below). First of all the technical aspect of it impressed me, since the physical object was just a simple disk of wood, but also I couldn’t help but imagine other kind of games/animations you could create with this concept.
This exhibition made me realize that, when designing an interface, it is vital to take into account all the senses (all the relevant ones at least). For example if there hadn’t been any music the first room, the experience would have been totally different and most likely a lot less immersive.
If you take almost every display in the display, taking away one element, would completely change the user/visitor experience. The fact that we can immerse ourselves in it, and interact with the environment is key here.
Take for example the drawing workshop. If it wasn’t for the interaction part (scanning your drawing and seeing it appear in the environment on the screen), it would just have been a basic drawing workshop where we would have taken our drawing home, without necessarily showing it to others. Probably just because we were not really proud with it (or simply didn’t want to share it). But the fact that we could interact with the environment made us want to share our work to the world.
In a way this is how experience design and immersive design could be helpful to people. It could help suppress people’s fear of being judged for their work, since everyone interacts with it the same way, everyone is seen as equal. And in a way even to have the courage to share and interact is sufficient.
It could be a new way of communication, instead of describing our product with words, we could just show it by modifying our environment. This brings me to mind the example of the hologram. We can display what we wish by making it appear as a physical object in our environment.
Part 3: Find 3 examples of a product/project that you think are good examples of thoughtfully designed user experience. Be prepared to support your choices.
Here below are 3 examples I chose, which constitute for me good examples of thoughtfully designed user experience.
- MRT Ticketing station.
The first product I chose to talk about in this assignement is the MRT Ticketing Station.
To illustrate my point, I will compare this machine with the existing ones in the parisian metro (see second picture)
You can see on the left picture below the Singaporean MRT Ticketing Station and on the right picture an example of the Parisian Metro ticketing station.
The global impression that I have of this MRT machine is that it is very intuitive. In fact, I have never encountered any difficulty when using it. The instructions are clear and the user experience is all in all pleasant.
The large tactile screen is very appealing to the eye and the font size is big enough that you can read it from standing 1m away. The use of contrasting colors for the buttons to push on the screen makes it really easy to understand where to push.
Furthermore, the screen interface is very simple and clear, you have very few options (buy ticket vs. top-up / mode of payment etc..)
The ez link card physical emplacement is very easy to identify because it is situed just under eye level and it is protruding from the machine, you cannot miss it.
Plus, there are no physical buttons at all on this machine, on the contrary to the ticketing machines of the parisian metro which combines touch screen interface with physical buttons, which I find quite disorienting.
All these characteristics of the MRT ticketing machines contribute to make the top-up experience pleasant and very quick (less than 30 seconds in average).
2. Grab Smartphone application
The second product I will talk about in this assignement is the Grab application.
In my opinion it is very well designed because every information that the user needs is very visible,as you can see on the screenshot I took of the application.
On the homepage, you find every piece of information you need : adress of pick-up and drop-off, type of payment you wish to use, how much it will cost you, when it will arrive and also the kind of taxi/car you wish to order.
All in all, it takes you less than 30seconds to order the car you wish.
Furthermore, the system of suggestions when you type in the search box is very efficient as you can see in the screenshots below. In fact, the app shows you which drop-off location most people who took a taxi from your location chose. (in this case the airport)
In my opinion it is better designed than other similar applications (such as Uber for example), in that it is more straightforward, you do not have go to 3 different app pages to get the information you desire. Here just one page (the homepage) is sufficient.
3. McDonald’s ordering machine
The last product I am going to mention in this assignement is the McDonald’s ordering machine.
Although I am not a huge fan of McDonald’s, I am forced to admit that their order machine is quite effective and well designed.
The screen size is sufficient, because as you can see in the picture below, you can fit all the burgers in one, and have at the same time access to the other menus and to your current order at the bottom. Furthermore, the tactile screen is very responsive (a light touch is sufficient).
The Burger Menu on the ordering machine
The visual aspect of the interface is quite pleasing to the eye, especially for people that like to have images of what they eat before choosing. As the pictures are generally quite small on the overhead display, I find that it is more helpful to choose directly at the order machine. You can simply “browse” between the different menus to have access to all the burgers, rather than standing in front of the display and trying to figure out what to take.
The colors for the font, as well as the font size are spot on. You can read from a distance and the font chosen is pleasant to read.
Furthermore, I find that ordering at the Ordering Machine gives the user a quite reassuring feeling as you can control from A to Z everything you wish to order and what you will pay in the end. Thereby you avoid having a bad surprise and end up paying more than you thought.
In the end the experience of ordering at a McDonald’s ordering machine feels a lot like an interactive game, which I feel like is the experience that McDonald’s was going for. It gets you feel more involved in the preparation of your meal, especially if you use the feature for creating your own burger (see picture below).
DAY 1 – create a diary of when, why and what you use your mobile device for. Observe how others are using their mobile devices. What are the most common uses and where do you see these behaviors?
I use two mobile devices on a daily basis: my smartphone and my laptop
Thursday, September 8th.
First of all, I used my smartphone in the morning to wake up, then I checked my mails/ whatsapp messages. Since they didn’t need to be answered immediately, I didn’t respond to them.
Next time I used my phone was in public transport to listen to music. It lasted about 15minutes.
I continued using consistently my phone throughout the day for messaging.
While I was in class I kept my mobile phone within arms reach and I read the message I received but responded to them only if I had to.
I also used my smartphone for reminders and alarms during the day. This way I didn’t have to carry a physical planner and always had the information at hand.
I used my phone again for listening to music when I was walking back to my hall.
At night I went out for drinks, therefore I used my phone for calling a taxi using Grab, which is an app only available on mobile devices. I used it for gaining time (and money) because without a mobile phone I would have had to wait until a taxi came by and hail it.
I also used my phone for calling a friend back home late in the evening (via whatsapp).
As for my laptop, the use was not as consistant as for my phone. The reasing being that I use it mostly for the software which is on it (most of the software I use is not available on the library’s computers – infographic software for example). Therefore that day I brought my laptop, so that I could work during my free hours in the library. During that day I used it from 2pm until 6pm.
Furthermore I didn’t use my laptop during class, because the class required me to take manuel notes (calculations), therefore I used a notepad.
Common uses and behaviors
Concerning others, I noticed that behaviors varied with the location. For example in the library people seemed to put their smartphones aside while working, probably wishing not to be disturbed. In this case, it seemed like the only use of the smartphone was for music and so it was rarely picked up from the table.
In the public transports on the other hand, people seemed like they were trying to kill time so they spent a lot of time on their phone, mostly sending messages, playing on their phones and/or listening to music.
I encountered a very large number of people with the Pokemon Go app open on their phone (regardless of the location, I even saw so in the library).
Lastly and this surprised to some extent, I saw quite a few people taking selfies in the library (and not in a very discreet fashion ), which is in my opinion quite an odd thing to do, since it’s a place to study and not really a place of entertainment.
From what I observed, regardless of the location, the most common uses for a smartphone seemed to be messaging (mostly whatsapp in Singapore), checking Facebook and listening to music.
For now these are the most common uses for smartphones but in the future, smartphone may even have more diversified uses such as paying, as we have seen with the development of Apple Pay and Android Pay
DAY 2 – Do not use your phone, computer or electronic device for 24 hours. Create a diary documenting and describing the difference in your behavior patterns. How did you do the things you would normally do with your phone? What other alternative behaviors did you develop? What else did you notice about the difference in behavior?
Friday, September 9th
On this day I didn’t use any of the mobile devices I mentioned earlier (mobile phone and laptop). However, it was only partly a choice. In fact, I was on a trip abroad (on the west coast of Java, in Indonesia), therefore I didn’t have my laptop on me and I also didn’t have any cell phone service.
The only electronic device I used during that day was a GoPro (a pocket action camera, which doesn’t have any screen interface). However as it is not a device I use everyday and as I wanted to capture some of what I visited, I considered that using this camera wouldn’t be in issue for this assignement.
During that day I carried a notepad to write things down whenever I thought of something noteworthy.
The first difficulty I had was for waking up. Fortunately I shared a hostel room with a friend so I relied on him to wake me up (at a very early hour – 4am). If I had been alone it would have been much more complicated and the only solution would have been to ask the desk to wake me up at 4am by calling my room.
Then for the rest of the trip I set my phone aside in a friends bag so I didn’t have any access to it.
For taking pictures (which normally I would have done with my phone, I used my GoPro. But since a standard GoPro doesn’t have a screen, I didn’t know if the pictures I was taking were any good or not. This caused me to take much more pictures than needed. In my mind I was thinking “well I took so many, at least one is going to be good”. However this led to reduce the battery life and took a lot of space on my memory card.
All in all, one of the most difficult thing (and quite annoying at first) was not knowing what time it was. In fact it made realize that in a regular day I unconsciously look at my phone very often just to know what time it is. And as I don’t wear a watch, I had no other option that either ask someone for the time, or not care at all about it.
During that day, I really liked not having to worry about things such as where to find a power outlet to charge my phone or checking my mails/messages. I think it helped me enjoy my trip even more.
I noted that I found myself quite a number of times tapping my shorts’ pockets to see if I had my phone and then remembering that I had left in my friend’s purse. This gave me mixed feelings, on the one hand I felt very liberated and free but on the other hand I also felt quite vulnerable.