You are here

Design

How to Create a Credit Card Icon

Vandelay Design - Tue, 02/18/2020 - 19:39

Welcome back to another Illustrator based tutorial, in which we’re going to take an in-depth look at the process of creating a credit card icon, using nothing more than a couple of basic geometric shapes and tools. So, assuming you already have the software running in the background, bring it up and let’s get started! […]

The post How to Create a Credit Card Icon appeared first on Vandelay Design.

Categories: Design

11 Locations of Valuable Real Estate on Your Website or Blog

Vandelay Design - Tue, 02/04/2020 - 07:11

What is the goal of your website or blog? Do you want to sell products? Promote a service? Grow an email list? Promote products as an affiliate? Regardless of the type of website that you have or the main purpose that you are trying to accomplish, in order to have success, you’ll need to get […]

The post 11 Locations of Valuable Real Estate on Your Website or Blog appeared first on Vandelay Design.

Categories: Design

How to build the perfect diagram in 3 steps

UX Planet - Sat, 02/01/2020 - 01:46

As UX designers, we have to work with data visualization for many tasks related to showing statistics, reporting and providing feedback. This requires an understanding of how to show complex data in a way that can be interpreted easily.

My illustration

In my research, I have found a number of articles about different charts and diagram types to use for my daily projects. However, these resources often include complex or outdated methods and use an unnatural method of grouping.

In this article, I have organized diagram types based on the number of categories shown within each whilst moving away from unsuitable styles. Ultimately, I have found that there are 5–6 popular chart types used by modern UX designers.

BONUS: Check out the ‘Essential checklist for chart design’ at the bottom of this article!

Step 1: Understand the size of your chart

Before you begin, it’s important to understand the size and dimensions that you’ll be working within. Whether you’re creating an infographic or an interface, you must always know how much space you have available.

Since all modern web interfaces are responsive or adaptive, each dashboard element will also need a corresponding mobile size. Designers can use more complex and detailed charts, however, this should be avoided when working with a small area.

Step 2: Select the number of categories you need to display

Before proceeding, you have to answer the question: how many different categories will this graph show?

1 Category

Usually, graphs with only one category show how a variable changes over time, or they just display an amount or percentage to convey information.

Examples:

  • Today’s value (eg. user balance, user rating, percent of today’s success)
  • Change over time (eg. quantity changing over time, percentage of variable increasing/decreasing)
2 Categories

Graphs displaying two categories are used to illustrate a relationship between two variables. It could be categories from one group, such as the number of men/women, or show the percentage of today’s sales against last Monday’s.

Examples:

  • Group relations (eg. intersection of product A users and product B users)
  • Comparison (eg. the number of voters for the first and second candidates, your income vs best player’s income)
  • Proportion (eg. your income vs overall income, sales of cosmetics vs overall sales)
Many Categories

Diagrams featuring three or more categories are used to compare and present many different variables in one location.

Examples:

  • Ranking (eg. election results, incomes sorted by “good” months, top users)
  • Comparison (eg. your income vs other player incomes, manager sales this year, budget)
  • Correlation (eg. income and life expectancy)
Step 3: Select your chart style1 CategoryToday’s valueLabel

The standard configuration for the label is a large number accompanied by an explanatory caption.

Examples: boldbi.com / dashboardpack.comProgress Doughnut chart

You should use a Progress Doughnut Chart if you want to show value in comparison to the maximum amount that can be achieved. This type of chart is a unique version of the Doughnut Chart for two variables: one for progress amount, and the other for 100% completion.

Examples: tinypulse.com /boldbi.comChange over timeLine/Area chart

A Line Chart consists of two axes and a line graph. The horizontal axis is most commonly used for time whilst the vertical axis displays the value.

Normally, Line/Area Charts have a different purpose, but in this case of using it for just one variable, it can be united into one group. Using the area in this scenario is just a style decision.

Examples: tinypulse.comHistogram/Density Plot

Histograms are very similar to Density Plots and they both show the same type of data. Histograms use columns distributed at equal intervals whilst a Density Plot has a continuous curved line.

Examples: wikipedia / dashboardpack.comTimelines

Timelines are used to illustrate a group of events arranged by date. Timelines can be horizontal or vertical depending on the available space and designer decisions. Vertical timelines are used more frequently as they are mobile/scroll friendly.

Examples: datavizcatalogue.com / dashboardpack.com2 CategoriesGroup RelationsVenn Diagram

A Venn Diagram is not a very popular way to show data in user interfaces, but it is commonly used for infographic design. They are best used to show overlapping areas or highlight if one group contains a larger amount than others.

Examples: technologynetworks.com / datavizcatalogue.comHistogram/Density Plot

If you want to show more than one Histogram in one place, you can use a Density Plot. Designers use this kind of chart to show how two variables may intersect.

Examples: r-graph-gallery.com / datavizcatalogue.comComparisonBar Chart

A Bar Chart is one of the most popular chart types for every dashboard. Use this type of chart to show the difference between two (or more) variables.

Example: onlinestatbook.com / fusioncharts.comLine Chart

Another frequently used type of graph is the Line Chart. Line Graphs are used to display quantitative values over a changing x-axis amount. They are used to compare two values ​​changing over time.

Examples: boldbi.comArea chart

This diagram is used to compare two or more different data sets. Read this article for a great explanation between the differences between Line and Area Charts.

Example: dashboardpack.comProportionPie/Doughnut Chart

The Pie Chart is one of the most popular ways to show the data. It is a circle divided into sectors that are proportionate to their values.

In my research, I also found that a Doughnut Chart is considered a special type of Pie Chart, rather than these being two different charts.

Examples: outlier.ai / blogs.sas.comMany CategoriesTable

A Table is a great way of showing any data especially sets with a high amount of variables.

Example: dashboardpack.comComparisonStandard Bar Chart

Standard Bar Charts show amounts for several categories of data and help evaluate how these values ​​relate to each other. A Standard Bar Chart can be vertical or horizontal.

Example: datavizcatalogue.com / www.tinypulse.comMultiset Bar Chart

This variation of a Bar Chart is used when two or more data series are plotted side-by-side and grouped together under categories, all on the same axis.

Examples: dashboardpack.com / boldbi.comLine Graph

Similar to a Linear Graph for two variables, a Linear Graph for several categories show a change in value depending on a change in the x-axis value ​​(usually time). Curved lines and areas can also be applied to Line Diagrams.

Examples: tinypulse.com/analytics.google.comCorrelation

All three of the diagrams from this category are rarely used in common practice for creating modern UX-dashboards or showing graphs in an app. This is because they are quite bulky and difficult to read when scaled. However, they are still worth considering because they are often used in analytical articles and are familiar to many users.

Scatterplot

A Scatterplot Chart displays a large number of elements, each of which is defined by 2 variables. Two axes and many points are used for this.

Using this chart, you can easily compare items with each other and identify those that differ from the main trend.

Examples: dobermantalk.com / harvardsportsanalysis.orgBubble Chart

A Bubble Chart is Scatter Plot but one more variable (size), or two more variables (size and positivity/negativity). Size is shown based on the size of the dot, and the positive/negative factor is shown using color.

Examples: flowingdata.com / researchgate.netMosaic Plot (Marimekko)

A Mosaic Plot is a diagram that uses two axes which are variables with a percentage scale. This determines both the width and height of each segment. It looks like a rectangle divided into many colorful pieces.

Example: powerbi.microsoft.comProportionPie/Doughnut Chart

As discussed in the two categories example, a Pie/Doughnut Chart is a circle divided by segments with size proportionate amounts.

Examples: material.io / developers.google.comStacked Bar Graph

Another modification for a Bar Chart is a Stacked Bar Graph. They are used to show how a larger category is divided into smaller categories and what the relationship of each part has on the total amount.

Examples: dashboardpack.comMap

If we need to show some data related to geography, we can use a Map Chart with colors.

Example: datamatic.ioOther chats

I have moved the next group of charts into their own special group as they are not practical for interactive systems or they are considered very difficult to understand.

These graphics are presented in many well-known catalogs and resources for designers/developers, but they are not seen in user interfaces or even articles and infographic designs.

Most of them are also impossible to scale for mobile size, which makes their use in a modern application unsuitable.

Tree Chart

A Tree Chart is used to show hierarchy and relationships between elements. The main problem of its use appears in the design for more than three levels. In an interactive system, you have to scroll both vertically and horizontally which can be an inconvenience. The second observation is that it’s difficult to work with headings in this type of diagram.

Example: datavizcatalogue.comRadar Chart

The main disadvantage for a Radar Chart is that the axes represent wildly different scales since they are nominally independent.

Example: datavizcatalogue.comChord Diagram

A Chord Diagram’s downfall is that there are multi-layered intersections that make it very difficult to read the chart. Another complication is that the graphic area takes up a lot of space because group signatures are arranged in a circle. This means it is difficult to move labels outside the diagram, unlike a simple pie chart where this is very easy.

Example: amcharts.comParallel Sets (Sankey Chart)

A Sankey Chart also has a problem with overlapping areas. The long width also creates an issue as users are forced to scroll horizontally.

Example: www.anychart.comRadial Bar Charts

The main issue here is that the bar lengths cannot be easily recognized due to different radicands. Bars on the outside appear longer than others, even if they represent the same value.

Example: datavizcatalogue.comSunburst

A Sunburst Chart features a number of rings divided by groups, which form sectors. This chart has problems with displaying titles in small sectors. Having different amounts in each sector also makes it difficult to read.

Example: anychart.comWhisker Plots

Whisker Plots are quite wild and whilst they can be easy to understand for experienced users, everyday users will struggle to comprehend the data without special explanation about the plot structure.

Example: datavizcatalogue.comCandlestick Chart

This chart is similar in appearance to Whisker Plots, however, their use is completely different. Candlestick Charts are used as a trading tool to work with price movements, derivatives, currencies, stocks, bonds, commodities, etc. and they are used in very specific industries.

Examples: datavizcatalogue.comMatrix Heatmap

Analyzing the data in a Matrix Heatmap via the table look-up method is generally not feasible since it is impossible to infer with sufficient accuracy the numerical value corresponding to a given color. Furthermore, the data is not clustered in a way that displays trends.

Examples: datavizcatalogue.comConclusion

In this article, I didn’t cover some popular charts such as the Flow Chart, Gantt Chart, Network Diagram, Time Table and Word Cloud because they serve for a different type of data (not numeric) and do not fit with my classification.

In my research, I have found that there are some types of diagrams which are used more often than others in modern user interfaces. These include Today’s Value, Line Charts, Pie/Doughnut Charts and Bar Charts.

However, every chart should be considered, tailored and chosen specifically for your needs. Your data may even be best represented by a rare type of chart!

Please note: For some examples, I have used charts from infographics. This is due to a lack of examples in the public domain.

Bonus — Essential checklist for chart design
  • If the chart has an axis, it should start at zero
  • Avoid mixing multiple chart types in one place
  • Make sure the scale is respected
  • Ensure readability of titles and labels
  • Make sure the chart looks good in responsive mode or provide a special state for this
  • Provide empty states
Resources

https://datavizcatalogue.com/

https://material.io/design/communication/datavisualization.html#selecting-charts

www.anychart.com

Articles

Thank you for reading my article. Please leave any comments, questions or feedback in the comments below and clap

Categories: Design

Learning UX #1 | The User is Everything That’s Not Your Design

UX Planet - Sat, 02/01/2020 - 01:45

Those new to user experience sometimes have difficulty detaching themselves from the designed object to develop a perspective on the user, their goals and problems, and the overall context of how the design fits into a larger scheme. When you make something, it’s natural enough to fixate on this thing you’ve just made. If you design an app concept, you’re probably going to be very interested in your app’s features, how you’ve laid out the user interface items, the colors you’ve chosen, the kind of navigation employed (flat, hierarchical etc.), and so on.

The design is tangible and present before you, and you know it inside and out, so it’s going to grab a lot of your attention. The user, however, is an intangible, and the user’s goals or problems you are addressing with the design are even more so. Users start out as assumptions and gradually become refined through the process of converting those assumptions into testable hypotheses. This conversion happens through developing personas for typical users and applying an appropriate user research method that will ultimately convert your best guesses into actionable design considerations.

But because the user (and their goals, problems and contexts) are somewhat abstract and are not tangibly present before you, students sometimes get stuck on making the conceptual move away from the solid thing in front of them that’s easy to define. Getting a handle on this more conceptual realm of hypothetical people, their assumed goals and problems, and the imaginary context that has to eventually be converted into design choices that can be tested can be a source of frustration.

There’s an analogy that happens when teaching photography. As environmental psychologists like James J. Gibson have long pointed out, the nature of vision is to present us with information about objects. When we look at things, we see things — and not the light falling onto them. You may not know James J. Gibson but you likely know his popularizer — Donald Norman. Norman is best known for repackaging Gibson’s ideas so now everyone thinks these are Norman’s ideas instead! Such is the nature of our short attention span epoch where people have little historical sense and tend to trust authoritative cheery grandpa types in YouTube videos.

In the larger scheme of environmental psychology (which is the real intellectual context for ‘the design of everyday things’), the senses all convey specific kinds of information about an environment. For instance, hearing provides information about events, and sight presents information about objects. So, when we look at things, we see things, i.e. objects, because that’s what vision is supposed to do for us. Vision is not supposed to convey much information about the aesthetic qualities of light falling upon those objects, but that is what the art of photography is largely about (in addition to the art of composing rectangles around things!).

To become good at photography, you have to learn how to look past things, and see the light falling on those things, and imagine non-existent rectangles framing those things. Light qualities and invisible frames are intangibles, as they are not really concretely in front of you in the same way that things are, but ultimately, to be a good photographer, you’re going to need to regularly work with these intangibles that are not just the things your vision-related neurons habitually focus on instead.

Just as with photography, where there’s the thing that is naturally our main focus, and these more abstract intangibles such as the qualities of light and invisible frames, with design, you have to learn to see past the artifact that you’re making and conceptually grasp the intangibles. To extend the analogy, the qualities of light would be like the users’ goals and problems, and the frame is the general social and cultural context of the design, e.g. home, school, work, mall, car, park, plane, forest, etc.

Defining your user more concretely is also refining your design more concretely. Typically your design is not for everyone, though it’s another common error those new to design make — they think their design is for everyone! Almost nothing is designed for everyone, when you think about it, not even forks and door handles, carpets and shoe laces. The most mundane item you can think of will have its demographic or market segment particularities to it. If you try to design for everyone, you will end up with something no one likes.

Ultimately, your user, their goals, the context, and your design, should align themselves into a coherent whole. Image SourceOtherwise, you end up with this! Image Source

When you look at a pickup, you’re not going to see Dale! And no minivan will have Marge standing next to it. But these ‘intangible ghost people’ are essential to the design in the same way that things needs good light and rectangles around them to make for great photographs. Luckily, we’ll never see that weird vehicle you get when you try to make a car everyone will drive.

When designing something, don’t make that weird car, which is what you’ll get if you think you’re designing ‘for everyone.’ Surround your design ideas with these invisible ghost people and give them names, problems in life, goals when using a particular design, and a context in which your design is being used. Eventually, these intangibles will feed directly into your tangible design and both will become part of an integrated design process.

amazon.com/author/mikeludo

https://medium.com/media/a7ecd953714a6022a3456ca263d5f43b/href

Learning UX #1 | The User is Everything That’s Not Your Design was originally published in UX Planet on Medium, where people are continuing the conversation by highlighting and responding to this story.

Categories: Design

Tengo un amigo UX — Cursos 2020

UX Planet - Fri, 01/31/2020 - 14:42
Tengo un amigo UX — Cursos 2020

En este capítulo les cuento un poco de algunos posibles cursos que pueden hacer de UX y algunas otras cosas.

Hola de nuevo gente!!! Feliz año nuevo en Febrero (?) me tomĂ© unas vacaciones de escribir bastante largas, aunque en verdad arranquĂ© con este post hace bastante tiempo. Lo que mĂĄs me motivĂł a terminarlo fue algo que el otro dĂ­a vi en Instagram donde unas personas cobraban (o mejor dicho robaban cobrando) un bootcamp (esta es la nueva palabra de moda en tecnologĂ­a) de Design Sprint a 30.000 pesos Argentinos (unos 450 Euros en España)
y te aseguro que todo lo que vas a aprender ahĂ­ lo podĂ©s aplicar leyendo este libro
es por eso que me puse teclas a la obra a seguir buscando cosas interesantes para poder aprender (cosa que yo hago compulsivamente) Y como ya hemos visto hay mucha oferta educativa virtual para estudiar diseño, algunas son muy buenas otras no tanto y es por esto Ășltimo que hay que prestar especial atenciĂłn en donde vas a poner tu plata, porque ninguna es muy barata. Como ya es recurrente hay menos opciones en español y muchas en ingles, de estas hay algunas gratuitas y esta bueno aprovecharlas.

Vale aclarar que ni de casualidad he hecho todos estos cursos asĂ­ que las recomendaciones son en base a comentarios y reviews que me han dado sobre ellos. Voy a empezar de los mĂĄs “formales” a los menos lo que no quiere decir que sean mejores los primeros que los Ășltimos.

Cursos en Argentina (para Bs As presenciales la mayoría para el interior online):
  • Acamica: es el rey de los cursos pero tambiĂ©n es uno de los mĂĄs caros. Lo positivo es que en Argentina podes pagar en 3, 6, 9 o 12 cuotas, con tarjeta de crĂ©dito o dĂ©bito automĂĄtico de cuenta bancaria con CBU.
  • UTN a distancia: Experto en Diseño de Experiencia de Usuario e Interacciones (UX e IXD) yo hice uno de estos cursos de front-end y la verdad que me resulto muy fĂĄcil y super practico. Los profesores estaban siempre para responder preguntas y las videoconferencias de las clases estaban muy bien pensadas y diagramadas.
  • Coderhouse Algo muy bueno que tiene esta escuela es la opciĂłn de las becas, toda la info ahĂ­ en el link. AdemĂĄs la cuadrĂ­cula se ve muy completa.
Cursos en España

En España hay mil cursos por eso elegí solo dos opciones que me parecieron excelentes y tienen muy buenas recomendaciones. La primera y una de las escuelas mas conocidas (si es que no es la escuela mas conocida) es Ironhack, tiene un bootcamp que a mi me parece un poco intenso pero que si no estas trabajando estå bastante bien y es muy completo, ademas tienen muchas colaboraciones con empresas. Tiene dos modalidades una part-time y otra full time, en esta ultima se cursa todos los días de 9 a 18 por 9 semanas, también cuenta con muchas becas y ayudas.

EL segundo que les recomiendo es la Uxerschool. Los cursos de me parecieron mas amigables para alguien que trabaja. Tienen también las opciones de tiempo completo y el precio es bastante menor a la anterior.

Masters online

En cuanto a masters hay millones, si chicos
millones en ingles, en español, en chino, en catalĂĄn, rindiendo en el paĂ­s de origen o en el de la universidad, propios u oficiales. ElegĂ­ estos 3 pero si tienen ganas de hacer un master investiguen porque de verdad hay muchos, comunĂ­quense con gente que los hizo para saber si valen la plata y el tiempo, porque eso si los masters son super caros..pero lo bueno es que hay muchĂ­simas becas, lo que siempre piden es la matrĂ­cula que estĂĄ al rededor de los 400 euros.

Cursos Online y otras yerbas

Si estas ya con los pelos de punta por los precios
no te preocupes! TambiĂ©n busquĂ© los cursos que son mas accesibles o gratuitos (de estos si hice varios)

Muchos de estos de verdad son muy pro y te tiran mucha data importante, también Twitter es buena herramienta y si pueden ir a meetups, drinkups, charlas, encuentros, etc. no duden y vayan.

No solo de pan vive el hombre

Bueno y leĂ­ste hasta aquĂ­ tambiĂ©n os voy a dar un consejo: si les queda tiempo despuĂ©s de hacer todos estos cursos les super recomiendo empezar a estar mas en contacto y aprender de otras disciplinas mĂĄs estratĂ©gicas no enfocarse solamente la bĂșsqueda de la forma perfecta, no es por nada que el nombre de UX haya evolucionado a Product Design y eso es lo que se pide en el mercado actualmente. Es por eso que les recomiendo abrir su mente de diseñadores y conocer un poco mĂĄs sobre product management, marketing estratĂ©gico (seo y sem, posicionamiento, etc), metodologĂ­as ĂĄgiles, conocer un poco que es un lenguaje de programaciĂłn, cuĂĄl es el que utilizan en la empresa a la que van a aplicar, operation design y por Ășltimo, pero no por eso al menos importante
 RESEARCH que es algo de lo cual muchos de nosotros nos olvidamos y dejamos en un cajĂłn.

No se trata de volvernos expertos, solamente es conocimiento para saber de que te están hablando y no quedar patinando en medio de una charla, feedback o defensa de un proyecto
 y quizás quien te dice
por ahí te gusta y terminas siendo scrum master :)

Gracias por la lectura espero que algo de esta informaciĂłn les sea Ăștil, sĂ© que a veces estos cursos son muy caros, tambiĂ©n hay mucha informaciĂłn gratuita en youtube que pueden utilizar a su favor, a no desanimarse y a seguir aprendiendo siempre!! Y si tienen alguna sugerencia de cursos me pueden encontrar y (seguir) en Twitter , Instagram o LinkedIn .

Tengo un amigo UX — Cursos 2020 was originally published in UX Planet on Medium, where people are continuing the conversation by highlighting and responding to this story.

Categories: Design

PURE methodology applied to the Tesla Model 3 user interface

UX Planet - Fri, 01/31/2020 - 14:40
Let’s see how Tesla has done it, does this big screen really facilitate the user’s life or make it difficult to interact with the vehicle?“With that big screen, I don’t know how people don’t get distracted.”
“And that computer that has been stuck?”
“I would stress out if I am supposed to be aware of the screen and drive!!!”

I have heard many times people comment such things when talking about the Tesla Model 3 and its 15 “screen. This, is the connection point between the vehicle and the user, there is not a single button on the dashboard, that is the main reason for me to analyze how Tesla has done to make life easier for the driver and his companions.

What methodology have I used to test usability?

To perform this analysis I have based on the PURE (Pragmatic Usability Rating by Experts) method of Nielsen Norman Group, which focuses exclusively on showing the difficulty of the steps that users would take to complete the tasks. During the process I assigned quantitative ratings to the design proposed by Tesla, and then collected the total score that represented the data obtained.

I must say that it is not a substitute for usability tests, but it serves to identify problems.

How does the PURE method work?

The PURE method is an excellent technique that allows us to measure the usability of a digital product, and compare its evolution in each of its different versions.

A scale of 1 to 3 is established. The higher the score is, the more difficult to perform that task. A color code is established, green (1 point) for simple tasks, yellow (2 points) for a medium ·cognitive load·, which can be done with some effort, and red (3 points) for the task that creates confusion and sometimes it is not possible to carry it out.

The PURE score of the task is the sum of the grades obtained in each step. The final color will be determined by the worst grade obtained in any step of the task.

How to do it?1. Identify the user

In countries like the United States, the custom of renting the vehicle itself to other people to get extra income, with services such as turo.com, is widespread. The user of this test will be a person who drives a Tesla vehicle for the first time after renting it. In most cases, users are usually techies, although there is also the case of people who are attracted to other characteristics of the vehicle and who are forced to update themselves quickly in the use of technology. But for this test we can assume that the person who is going to drive it does not have to be especially skilled in matters of interaction, simply that he wants to drive the vehicle.

2. Tasks

I have assumed that a Tesla vehicle owner decides to increase his income by renting it to a stranger, for that, that person must change some basic driving settings such as mirrors and steering wheel height.

This user will also adjust the acceleration, since it can reach 100 km/h in 3.7 seconds it is advisable to set the driving mode “chill”, steering wheel hardness and regenerative brake and stop options.

It is also considered to want to customize the air conditioning and heated seats as well as playing music.

3. The happy path

I propose the logical steps that this typical user would choose to complete the three assigned tasks.

First of all, I want to apologize for the quality of the screens, I wish they had been better.Task 1

User must configure some basic driving settings such as mirrors and steering wheel height. Despite the existence of four different steps, the last one is very well resolved, providing a lot of visual information that is very useful for the user. That’s why I decided to give it an extra point or heart of gold, it deserved it ;)

Task 2

The user must configure some driving options such as acceleration, steering mode, regenerative braking and stopping mode. All of them appear together and do not require a cognitive effort by the user.

Task 3

Customize the air conditioning and heated seats.

  • I think that the option of air conditioning can be misleading when the on button and the automatic button are very close. The user does not know whether to press one, another or leave both pressed. On the other hand, the part in which it is indicated that the vehicle will disconnect the air when the user leaves the vehicle, the dog mode and the camping mode is very well resolved, but that was not under study at this time.
  • If the user wants to heat the front seats, access to them is easy by pressing directly from the dashboard, but if you want to configure the rest of the seats it is difficult to find the option that is hidden inside the air conditioning section.
Task 4

Play music.

This task could not be simpler. Today almost everyone is accustomed to using music players. It also offers alternative options such as radio, caraoke (exclusively for other passengers, not for the driver), podcast, or connect the phone via bluetooth.

The results

Seeing the results PURE shows us the points that should be improved in usability of the interface. As well as, at a glance, you can identify in which tasks and steps are the biggest problems, or opportunities for improvement. Which helps us know where we have to focus our next effort.

I have verified that configuring the vehicle according to safety regulations is easily accessible and intuitive. The part related to the comfort of the room is also well resolved except for the general management of the heating of all seats, this part should be improved.

Conclusions

Once again Tesla demonstrates that it has been working hard so that the user can intuitively use his software, without feeling pressure or having to memorize the steps he has taken to reach his goal.

Bravo Tesla UX Team!https://medium.com/media/a7ecd953714a6022a3456ca263d5f43b/href

PURE methodology applied to the Tesla Model 3 user interface was originally published in UX Planet on Medium, where people are continuing the conversation by highlighting and responding to this story.

Categories: Design
©2020 Richard Esmonde. All rights reserved.