| json_metadata | "{"appParentPermlink":"fk8l9fdkq","musingAppId":"aU2p3C3a8N","appTags":["Web","design",""],"appDepth":2,"appBody":"<p>Before being in the middle, it is easy to confuse UX and UI. This is because they are two professions that collaborate in product design.<\/p>\n<p><strong>UX = User eXperience<\/strong><\/p>\n<p><strong>UI = User Interface<\/strong><\/p>\n<p>UX is a mix of visible parts + invisible parts that together contribute to the user's overall experience on the mobile app<\/p>\n<p>The UI is the \"visible\", \"perceptible\" part of a product: it is what we see, hear, touch when we use a mobile application for example.<\/p>\n<p><img src=\"http:\/\/blog-ux.com\/wp-content\/uploads\/magnus-revang.png\" \/><\/p>\n<p>The emerging part is the UI, and the entire iceberg is the UX.<\/p>\n<p>To summarize, let's take an example with an object of everyday life:<\/p>\n<ul>\n <li>Product: the car, more precisely a Porsche. (We have the right to dream! \ud83d\ude1d)<\/li>\n <li>User: the driver (main user, but by extension, passengers too, if there are any).<\/li>\n <li>Interface: Inside the car: where there is what you need to use it, drive the car.<\/li>\n<\/ul>\n<p>The seat, the dashboard, the steering wheel, the pedals and the gearshift are signifiers that form (all together) the interface; that's what allows you to drive. That said, there are other things that allow the car to move forward, and you do not need to worry about it: it's the hidden part of the iceberg.<\/p>\n<ul>\n <li>Experience: driving the car.<\/li>\n<\/ul>\n<p>If the seat is comfortable, if the noise of the engine and the contact of your hands on the steering wheel are pleasant, if the car is beautiful (or in any case, that it represents you, gives a good image of you), if the sensations are strong, the brakes are effective, the management is assisted, etc., so your overall experience is positive!<\/p>","appCategory":"Web","app":"musing\/1.1","appParentAuthor":"rasamuel","musingPostType":"answer","appTitle":"What are the differences between U.I design and U.X design?","musingAppVersion":"1.1"}" |
|---|