background preloader

Diseño UX y UI

Facebook Twitter

Para construir una propuesta de trabajo permanente de optimización de webs.

Accesibilidad práctica con HTML5, CSS3 y WAI-ARIA. Considerations for Inclusive and Accessible Design. Inclusive design is a core value and a practice that requires us to recognize exclusion and understand when it happens.

Considerations for Inclusive and Accessible Design

Building inclusive and accessible digital products requires a holistic approach that incorporates a range of best practices and web accessibility guidelines throughout the design and development phases. Accessibility best practices provide a framework of constraints and considerations that improves the overall user experience for everyone. User needs are variable. + Khoi Vinh’s Web site. Web Design is 95% Typography. 95% of the information on the web is written language.

Web Design is 95% Typography

It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites: Today we are inundated with such an immense flood of printed matter that the value of the individual work has depreciated, for our harassed contemporaries simply cannot take everything that is printed today. It is the typographer’s task to divide up and organize and interpret this mass of printed matter in such a way that the reader will have a good chance of finding what is of interest to him. With some imagination (replace print with online) this sounds like the job description of an information designer. Typography has one plain duty before it and that is to convey information in writing. Too Few Fonts? Darden Studio : typefaces.

Compose, Compare and Share BirraCorundum TextDapiferJubilatOmnes Pro BlackBoldSemiboldMediumBookLightBlack SCBold SCSemibold SCMedium SCBook SCLight SC Freight Display 24 styles The snag I always come up against when I'm telling a story is this dashed difficult problem of where to begin it.

Darden Studio : typefaces

It's a thing you don't want to go wrong over, because one false step and you're sunk. Blogging on Medium. In the early adopter tech media echo chamber, there’s a little bit of a “blog renaissance” going on right now.

Blogging on Medium

(Which I’m enjoying, even though blogs never really went anywhere.) One of the sparks was Lockhart Steele’s post on The Verge back in August, “The retro-futuristic future of blogging,” timed with his reviving his own blog. Nine skills that separate good and great designers. Last Friday I had the pleasure of presenting “Essential Web Skills” at Webmaster Jam Session in Dallas, Texas.

Nine skills that separate good and great designers

It was a veritable blast, and the conference organizers were certainly a pleasure to work with. I won’t delve into a lengthy play-by-play coverage of the proceedings; Andy Budd seems to have done so nicely. Without blatant disregard to humility, I’d like to think I delivered the most effective presentation I’ve given to date, but one never knows for sure just how well a topic resonates with the audience. On that note, available for your perusal (and judgement) are audio/slide files from the presentation. NOTE: There’s a lot of silence on the audio, like 10 mins worth, at the beginning. The crux of the session were comparisons of good and great designers, structured along the lines of previous articles I’ve written: Good designers (blank), Great designers (blank).

29 User Interface Design Resources: The Ultimate List. 4 tips on typography in UI design. Communication plays a vital role in design.

4 tips on typography in UI design

Whether you design websites, mobile apps, or wearable UIs, your creations have to clearly communicate their intent and purpose. Hola: Una infografía con los Tamaños de las imágenes en Redes Sociales 2015. Vía Un saludo. Hero image - Wikipedia. Hero image is a term used in web design for a specific type of web banner.

Hero image - Wikipedia

A hero image is a large banner image, prominently placed on a web page, generally in the front and center.[1][2] The hero image is often the first visual a visitor encounters on the site and its purpose is to present an overview of the site's most important content. A hero image often consists of image and text, can be static or dynamic (e.g. a rotating list of images and/or topics).[3] The content presented varies with the purpose of the site: it can be relevant news about the site, specific site-links, or - in the case of e-commerce - the best-selling or strategically placed products or services.

User Experience Research Platform. Tests de usabilidad: cómo hacerlos tú mismo - Jimdo. Hoy queremos tocar un tema que está revolucionando la forma de diseñar las páginas web.

Tests de usabilidad: cómo hacerlos tú mismo - Jimdo

Aunque no es algo nuevo y se aplica desde hace tiempo al desarrollo de la tecnología, el estudio del comportamiento de los usuarios está aportando mucha información sobre cómo las personas interactuamos en una página web. Esto permite hacer cambios en el diseño para mejorar la retención de los usuarios en nuestra página. Es un aspecto que debemos cuidar y, con especial atención si tenemos una tienda online. Diseño UX y los 5 principios de oro de la usabilidad web - CONCEPTO 05.

Imagínate caminando por un supermercado que no tuviese letreros indicativos para encontrar cada tipo de producto o que los pasillos no fuesen lineales sino se entrecruzasen unos con otros.

Diseño UX y los 5 principios de oro de la usabilidad web - CONCEPTO 05

Ante una situación así, pasarían dos cosas: a) huiríamos en busca de otro establecimiento menos caótica b) si tuviésemos una paciencia infinita y decidiésemos quedásemos, hacer la compra nos llevaría horas.