background preloader

10 Heuristics for User Interface Design: Article by Jakob Nielsen

10 Heuristics for User Interface Design: Article by Jakob Nielsen
Download a free poster of Jakob’s 10 Usability Heuristics at the bottom of this article. #1: Visibility of system status The design should always keep users informed about what is going on, through appropriate feedback within a reasonable amount of time. When users know the current system status, they learn the outcome of their prior interactions and determine next steps. #2: Match between system and the real world The design should speak the users' language. The way you should design depends very much on your specific users. When a design’s controls follow real-world conventions and correspond to desired outcomes (called natural mapping), it’s easier for users to learn and remember how the interface works. #3: User control and freedom Users often perform actions by mistake. When it's easy for people to back out of a process or undo an action, it fosters a sense of freedom and confidence. #4: Consistency and standards #5: Error prevention There are two types of errors: slips and mistakes. Related:  Accessibilité ergonomie audit mesures

Informe APEI sobre Usabilidad Titulo: Informe APEI sobre usabilidad Autores: Yusef Hassan Montero y Sergio Ortega Santamaría Gijón: Asociación Profesional de Especialistas en Información, 2009 Dirección editorial: Raquel Lavandera Fernández Editado por: Ha contado con el patrocinio de: Colabora: It's Not UX vs. UI, It's UX & UI How differentiating the two will improve them both Chris Bank of UXPin — the wireframing & prototyping app — compares and contrasts web UI and UX, explains why we sometimes default to building a UI, and how UI shapes UX. For analysis of examples from over 33 companies, feel free to check out Web UI Best Practices. The web user experience (UX) is the abstract feeling people get from using a website. When designing a website, you want your UX to be as positive as possible — you want your users to enjoy being on your website, that’s kind of the whole point. Source: UX is not UI Typically for websites, a company’s design team works on the UI in order to heighten the UX. We’ll start by giving an overview of UI with some examples, explain strategies to help you understand why a good UX depends on a good UI, and dive into why it’s easier (but necessarily correct) to create a UI instead of UX. What Web UI Is… And Isn’t For example, the OS X Yosemite strives for exceptional UI. Seeing UI in Action

Les do-don’t de l’accessibilité 14 décembre 2016, par Romy Têtue Six posters synthétiques pour aider à concevoir pour tous ! Cette série d’affiches aide à concevoir pour tou·te·s en expliquant ce qu’il faut faire et ne pas faire (do & don’t) pour chaque type de déficience. Ces conseils simples et compréhensibles, généraux plutôt que trop prescriptifs, constituent une excellente entrée en matière. À afficher, sans modération, dans vos locaux ! Quelques exemples : Voir en ligne : (...) How Accurate is the Google Keyword Planner? Google’s Keyword Planner is the quintessential tool for keyword research. Marketers have relied on it for years but there’s always been a question mark hanging over the reliability of the data Google provides, since it has a vested interest in the keywords you bid on. Scrutiny only increased in 2016 when Google started grouping keyword variants together and providing less accurate search volume estimates. So how useful is Keyword Planner in 2020? Inflated search volumes The main issue with Keyword Planner’s accuracy revolves around keyword variations. The point is you used to get separate search volumes for each of these variations. So when we typed in “SEO” and “Search Engine Optimisation” as our keywords, we got something like this: The most obvious problem with this is it now means you get inflated search volumes. We also don’t know which variants are included within these search volumes. We get the same results if we only type in “SEO”. Why did Google make these changes? SEMrush SpyFu

Diseño de Experiencia de Usuario: etapas, actividades, técnicas y herramientas Ronda León, Rodrigo Resumen: Se presenta una metodología para afrontar el diseño de experiencia de usuario, integrando conceptos y enfoques de la arquitectura de información y el diseño de interacción. Introducción A lo largo del tiempo el diseño de software ha contado con diferentes enfoques que han evolucionado y se han enriquecido tanto en sus tareas como en la variedad de las posibles técnicas a aplicar. La arquitectura de información (AI) y el diseño de interacción (IxD) se dan la mano durante las etapas de requerimientos y diseño, formando parte de un enfoque llamado Diseño de Experiencia de Usuario (UXD). El objetivo de este artículo es ofrecer una mirada integradora de ambos procesos (AI y IxD) durante las primeras etapas de creación de software, basándose en los principios del UXD y proponiendo un enfoque metodológico para afrontar estos procesos. Criterios básicos Figura 1. Figura 2. Figura 3. Figura 4. Los enfoques metodológicos de creación de un producto no son rígidos. Etapas

14 Beautiful Content-Heavy Websites for Inspiration Designing a good website that accommodates a lot of content is a tricky balancing act to pull off. Does one attempt to present the user with all the information in a clean, organized manner, or reveal it bit-by-bit, in an effort to create an engaging breadcrumb trail that tugs the user along the road to enlightenment? Get it wrong, and you risk overwhelming your visitors, who’ll then leave without retaining any part of what they just read. Get it right, though, and you’ll have gained a new audience member who not only understands your message, but also might just bring a few friends with them when they return. “Afraid of being exposed, dying to be seen — there’s a dilemma for you.” Information overload is a brick wall for website engagement that sets in very quickly – and once it does, it can be very difficult to regain your visitors’ attention. In our online travels, we’ve identified several tools and principles that should live in every designers’ utility belt. Polygon What is it? Blik

Portada | Simplemente pregunta: Integración de la accesibilidad en el proceso de diseño Descubre cómo mejorar tus sitios web, software, hardware y productos de consumo para que sean más útiles para más personas en más tipos de situaciones. Aprende a desarrollar de forma adecuada soluciones de accesibilidad efectivas. La accesibilidad consiste en diseñar productos para que las personas con discapacidad puedan utilizarlos y hace que las interfaces de usuario sean perceptibles, operables y comprensibles para personas con distintos tipos de capacidades y en circunstancias, entornos y condiciones diferentes. De esta forma, la accesibilidad también beneficia a personas sin discapacidad y a las organizaciones que desarrollan productos accesibles. Introducción Simplemente pregunta: Integración de la accesibilidad en el diseño trata los siguientes aspectos: Los principios básicos para incluir la accesibilidad en proyectos de diseño. Sobre la autora ¿Qué piensa la gente del libro? Para ver otras opiniones sobre el libro (en inglés) visita what people are saying about the book.

WordPress Bootcamp - Selwyn Community Education This two-day course focuses on the background to WordPress, how each version works, and how to edit and manage the WordPress dashboard. You will then go on to install WordPress in class and over the weekend build a website. Saturday & Sunday 9:00 AM - 5:00 PMSelwyn College, Auckland.David Partis TEC-subsidised course fee for qualifying students $140.00 incl. GST $276.00 incl. Description NOTE: This course is subsidised with funding from the Tertiary Education Commission (TEC) for NZ citizens and permanent migrants. A condition of enrolment on this course is that you will attend at least 80% of the sessions. About the course The course focuses on the background to WordPress, how each version works, and how to edit and manage the WordPress dashboard. Note that we use the Avada Multi-Purpose WordPress Theme in these classes. 2021 course dates Saturday and Sunday 26 - 27 June or 18 - 19 September. Expected learning outcomes On completion of the course we expect that you will be able to:

Análisis Heurístico Usabilidad | WebAnalytics Revisamos las buenas prácticas en diseño web y usabilidad con la finalidad de mejorar la experiencia de uso y optimizar los ratios de conversión de tu sitio web. ¿Por qué deberías hacer una auditoría heurística de tu web? La auditoría heurística es el control de calidad necesario que garantiza que tu web cumple con los estándares y buenas prácticas de usabilidad web.Gracias a la auditoría heurística obtendrás una página web más eficiente para tus usuarios.En WebAnalytics no sólo auditamos pensando en los estándares de usabilidad, sino considerando la optimzación de ratios de conversión. Objetivo y utilidad de la auditoría heurística El objetivo de la auditoría heurística es revisar en que medida se cumplen las buenas prácticas del diseño web en la página o procesos de tu web. Entregable Al finalizar la auditoía heurística, recibirás un documento especificando: Infórmate Pide tu presupuesto sin compromiso Más servicios de optimización web…

How do I recreate this color overlay layer effect in Photoshop? Original image Add a layer for your color and put it under your image. Then use the blending mode "Luminosity" on that image. You can change the background color you want without changing the main picture. Select your image layer, and go in the menu "Image", then select "Adjustment" and then "Desaturate." Add a new layer with a color on top of that image and set it to the blending mode "Color." To add a more dramatic effect, you put the color image on top of these 2 layers and use the "Overlay" blending mode at 60% transparency. Use the color mode "Duotone." Fist set your image to grayscale mode, then Duotone mode in the menu "image/mode." Then in the Duotone menu, you can choose 1-2-3-4 colors and mix them together. If you need to keep this to print in spot colors or Pantone, you can save the image in EPS and leave it in Duotone mode.

Cover | Just Ask: Integrating Accessibility Throughout Design The entire contents of the book is online here, and also available in a print version. Improve your websites, software, hardware, and consumer products to make them more useful to more people in more situations. Develop effective accessibility solutions efficiently. Accessibility is designing products so that people with disabilities can use them. Accessibility makes user interfaces perceivable, operable, and understandable by people with a wide range of abilities, and people in a wide range of circumstances, environments, and conditions. Overview Just Ask: Integrating Accessibility Throughout Design provides: About the Author Shawn Henry leads worldwide education and outreach activities promoting web accessibility for people with disabilities at the W3C Web Accessibility Initiative (WAI). What People are Saying About the Book Shawn Henry lives and breathes accessibility.

The Opportunity Foundation of America (OFOA) CSS Zen Garden: The Beauty of CSS Design