Cómo mejorar su página de inicio [Comentarios del sitio web] Animation for Attention and Comprehension. Thanks to the rise of HTML5 and CSS3 transforms and transitions, animations and movement are becoming increasingly commonplace in modern web design. At a recent web and mobile conference, several of the talks discussed visual design and development considerations for adding interactivity to UI elements. Unfortunately, the majority of conversations around this topic barely address the usability of such animations and what types of motion are most appropriate for different design goals.
Animations and interactivity on web pages usually have one of these user experience objectives: Draw attention to and explain changes on the page: Changes in the state of an element, revealing and hiding of content, or shifts to another area of content are all common areas for transitional animations. Add fun and whimsy: Elements that fade in, change color, or otherwise move are thought to delight users and to make a design “pop”. Users’ Attention: Peripheral Motion Demands Attention References:
4 maneras en que la animación puede mejorar realmente la experiencia del usuario. El efecto de la tipografía en la experiencia del usuario y las conversiones. Cómo diseñar el flujo de usuarios: construya su sitio web para los usuarios primero. User flow is the path a user follows through your website interface to complete a task—make a reservation, purchase a product, subscribe to something. It’s also called a user journey. And it has a massive impact on conversions. To maximize your conversions, you have to get the user flow right on your site.
Do it by building a user flow that matches user’s needs. The wrong way to go about designing your site You need to decide what your new website will be like. Scenario A. Both of these are the wrong way to design a site. 1. Your primary aim is to fulfill the business objectives (either your own or the ones set by your client). But people don’t just come to your site and—right away—do what you want them to do. Your goal is to map users’ paths—flows that take users from their entry pages through conversion funnels—toward the final action (signup, purchase, etc.). The final action needs to provide value both to the user as well as the business; otherwise, the conversion won’t happen. 2. 3. 4. El efecto de la tipografía en la experiencia del usuario y las conversiones. 39 Factores: Lista de verificación de credibilidad del sitio web. The Web Performance & Security Company.
39 Factores: Lista de verificación de credibilidad del sitio web.
Content Marketing: You're Doing it Wrong | UX Booth. Last year, a client came to Velocity Partners with a b2b content marketing challenge: to market a fantastic (and free) software program to existing customers. Velocity Partners prepared two eBooks to explain the software, and as a control ran visual ads on the client’s website and sent sales emails to the client’s contacts, using software downloads as their success metric. To their surprise, the eBooks underperformed relative to the direct marketing. Their content marketing failed.
It’s not an uncommon story: a business invests resources into a marketing campaign, only to see it miss the mark. Velocity’s content marketing failed. Why? According to Creative Director Doug Kessler, “The client’s awesome software was itself content…our mistake was thinking the only way to promote content is with more content, which, if it were true, [would make content marketing] the world’s greatest Ponzi scheme.” Content marketing: What it is and why it matters Listen to me talk about myself! Next steps. Teoría del color para diseñadores, parte 1: El significado del color - Smashing Magazine. Cómo se hace el diseño visual para un gran UX | Stand de UX. In Don Norman’s book, Emotional Design: Why we Love (or Hate) Everyday Things, Norman describes a study in which he discovered “…the degree of [a] system’s aesthetics affected the post-use perceptions of both aesthetics and usability, whereas the degree of actual usability had no such effect.”
In other words, visual design has as much of an effect on the overall experience as actual usability. It doesn’t sound right, the idea that visual design could be as or more important than usability. But it shouldn’t surprise us. Humans are attracted to things and people they find aesthetically pleasing, to the point that studies have shown that both adults and children are more likely to trust someone they find attractive.
The same theory seems to be true of apps and sites: people are more likely to give an attractive application the benefit of the doubt. What is attraction? Before we discuss aesthetics in UX, there’s a question we need to answer. Let’s translate that to UX design. The Correlation. The Step Before Writing | UX Booth. Twice in my career I have worked as a web editor. Both times I felt constant pressure from within the organization to simply publish content online—content that was nowhere near good enough to see the light of day. More recently, as a consultant, I have seen many web editors struggle with the exact same problem.
They get run down with requests and demands from the organization to produce and publish content and, as a result, the quality suffers. But web editors and copywriters can overcome this push and still create content that resonates with their users. In 1970, 25 years before most people had access to the Internet, American writer and futurist Alvin Toffler popularized the term “information overload.” Recently, the total number of websites exceeded one billion—a true example of the concept Toffler made fashionable. Let’s look at some more statistics. Basically, we’re flooded with content. What is great content? This is where we need to start. Am I eligible for a student visa? Content Strategy | UX Booth. Cómo saber cuantas visitas tiene una web. A veces es interesante saber cuanto tráfico tiene una web que no es nuestra, ya sea por motivos de competencia o por curiosidad. En Internet hay herramientas para averiguar cuanto trafico tiene una web ajena, y permiten conocer de manera aproximada el número de visitas, aunque generalmente se equivocan porque utilizan datos como el número de enlaces, Pagerank y cosas así para ADIVINAR el tráfico.
El gráfico siguiente, es el tráfico real de nuestra web. Clica en la imagen si quieres agrandarla. Para saber el número real de visitantes que tenemos, hay dos formas: Estadísticas de nuestro servidor: Nuestra web tiene una media de 2.000 visitas únicas al día, 60.000 al mes. Es curiosa esta diferencia entre nuestros logs y los datos de Google Analitycs, las cifras reales son las de nuestro servidor, unas 60.000 visitas al mes. Pensamos que se debe a tres causas: Sobre todo la diferencia se debe a que muchas páginas antiguas de solosequenosenada.com, no tienen el código de Analytics. Cómo saber dónde hacen click en mi página web: Guía para optimizar conversiones - Manuel Vicedo.
¿Cómo saber de dónde proviene tu tráfico web? Las cinco competencias del diseño de experiencia de usuario. Visual Design Visual design communicates your brand. That’s why everyone has an opinion about it. But it also communicates interactivity, information structures, workflows, and relationships between the elements and components on a screen, making it an essential aspect of UX design for applications—whether for the desktop, the Web, or mobile devices. What people often overlook is that, for every type of user interface element the interaction designer specifies, the visual designer must design a widget or devise a corresponding style.
And the visual designer must consistently apply these styles to every instance of each element throughout the application. However, in this era of rich application frameworks, if the interaction designer has selected page elements from a reasonably stylish UI component library, the visual designer can concentrate more on branding and navigation.
Prototype Engineering Prototyping offers a huge opportunity for increasing process efficiency. How about you? 7 Mejores Prácticas Básicas para Botones. 4. Put buttons in a sensible order. If the primary action button needs to be where users look next, where should the other buttons go? Clearly, you should tuck the other buttons away somewhere users won’t stumble upon them too easily. This is fine advice, but if you follow it without taking other design considerations into account, it could lead to improper layouts like the one in Figure 9. From Mick P. For languages that read left to right, a Previous button should always be to the left of a Next button, so the answer here is to rearrange the fields and buttons, possibly as in Figure 10. 5.
The other day, I was anxiously trying to upload a presentation to a Dropbox account. This illustrates a violation of the best practice: Label buttons with what they do. Most of us have experienced wholly unwelcome message boxes that tell us about some drastic and horrible error—and expect us to click OK. We certainly can’t guarantee that users will read the labels on buttons. 6. 7.