UI

Facebook Twitter
Consultor de usabilidad, experiencia de usuario y arquitectura de información | torresburriel.com En este post os muestro un resumen, además de algunas reflexiones que he podido extraer, de un estudio realizado por Userzoom sobre la experiencia de uso en tablet y smartphone a la hora de comprar viajes en webs de hoteles. Portada del informe Dicho estudio se denomina “Mobile usability testing. Estudio benchmark de usabilidad en tablet y móvil” y parte de la base de otro estudio realizado por Google y Millward Brown Digital en noviembre de 2013 que muestra que los usuarios comparan cada vez más los viajes antes de realizarlos (un 68%). Consultor de usabilidad, experiencia de usuario y arquitectura de información | torresburriel.com
Diseño de interfaces de usuario Sitios web, intranets, cajeros, aplicaciones, móviles, tabletas... Tenemos amplia experiencia en el diseño de interfaces para: Entornos web Diseño de sitios web (corporativos, tiendas on-line, portales, etc.) Diseño de intranets. Definición de flujos de interacción en RIAs y formularios. Diseño de interfaces de usuario
Curso en línea de diseño web profesional: la arquitectura de la información en la web 2.0 (4ª edición) Curso en línea de diseño web profesional: la arquitectura de la información en la web 2.0 (4ª edición) Horario y lugar de celebración El curso se desarrollará a distancia, más concretamente en un entorno de formación virtual a través de Internet (aplicación Aula Virtual de la Universidad de Murcia). El alumno ha de tener acceso a la red Internet para su realización y cuenta de correo electrónico. Introducción y Objetivos Este curso pretende aportar los conocimientos y metodologías necesarias para la construcción de sitios web que no ofrezcan al usuario dificultades para su acceso, navegación o comprensión, facilitando que cualquier persona, independientemente de sus habilidades, experiencia o del equipo con el que se conecte a Internet pueda acceder fácilmente a los contenidos del sitio web.
Usabilidad

Catálogo de plantillas web Catálogo de plantillas web Habitualmente ofrecemos a nuestros clientes plantillas comercializadas en Themeforest por su calidad y funcionalidades. A continuación incluimos referencias por tipos de los temas que nos parecen más destacados. Consúltanos sobre nuestro servicio de personalización de plantillas web » Elige la que más se ajusta a tus gustos y nosotros la adaptamos a tus necesidades.
La creación de una guía de estilo puede ser una actividad central de un equipo de diseño integrado que incluya la documentación, el desarrollo, la usabilidad, la accesibilidad, el diseño gráfico, el marketing, etc. En las guías de estilo se tratan temas como las pautas, directrices y normas de calidad en el diseño de interfaces de usuario de forma que se garantice la coherencia de un producto o sitio web. Pueden abarcar cualquier cosa, desde el uso de los colores y de elementos de diseño, a las prácticas y estándares de desarrollo utilizados. Una guía de estilo para las interfaz de usuario sirven como: Guías de estilo para diseño de interfaces web Guías de estilo para diseño de interfaces web
Presentaciones del Congreso de Webmasters 2009 Presentaciones del Congreso de Webmasters 2009 Incluimos el listado de documentos con las presentaciones del Congreso de Webmasters 2009 publicado en recursiva.info. Cómo posicionar tu web en Google Enrique Aguilera – Congreso de Webmasters 2009 Cómo posicionar tu web en Google
Referencias sobre usabilidad y accesibilidad
The user needs to browse through a series of tabs without refreshing the page Use when there is not enough space on the website to show all of the content inside all tabs – or if such a listing is irrelevant. Use when there are more than 2 sections Use when there less than 8-10 sections depending on the length of each section name. Use when section names are relatively short Use when the content of each tab can be viewed separate from each other, and not in context of each other. Use when the content for each tab has similar structure Use when you need to show what tab is currently being viewed Do not use when the content inside each pane would function just as well in its own separate page. Module Tabs design pattern Module Tabs design pattern
Shopping Cart design pattern The user wants to buy multiple products, which is collected over time through a shopping session. Use when the user can possibly buy more than one product. Use when the user can possibly buy more than one instance of a product. Use when the user may want to return later to carry on shopping Use when the user may want to return at a later time to conduct payment Do not use when you only have one product to sell. Do not use when your site is arranged in a way, so that it does not make sense for the user to buy more than one product at a time (for instance for Application Service Providers (ASPs) allowing a user to upgrade his service). Shopping Cart design pattern
shares 11 UI Kits for iPhone and iPad Development Last week we posted a collection of printable wireframing templates which included some for iPhone and iPad app design. These are great for communicating early mockups and ideas, but when it’s time for those ideas to make the jump from paper to the computer screen, it’s helpful to have a library of UI elements at…

10 Free Printable Web Design Wireframing Templates | Freebies

10 Free Printable Web Design Wireframing Templates | Freebies
18 Great Examples of Sketched UI Wireframes and Mockups

18 Great Examples of Sketched UI Wireframes and Mockups

Whether you’re designing a user interface for a website or an iPhone app, it’s always a good idea to start with a wireframe. It can be a big time saver if you’re able to nail down the placement of major layout elements early on in a project. There are a number of wireframing applications out there, but a lot of user interface designers like to start out on paper with sketches of what things might look like. With so many tools available to quickly create digital wireframes, some may argue that this is an unnecessary step in the design process. But I think the free flowing style of a sketched wireframe or mockup can be refreshing. Besides, there’s nothing like good ole pencil and paper to get the creative juices flowing.
In the design field there is a deep understanding of intuition vs science. Often designers will stress when trying to perfect a layout. This could be within sizes, positioning, page structure, color theory, or a whole host of other categories. Arranging and Designing Synchronized User Interfaces | Tips
11 Ways to Enhance a User Interface with MooTools | Tutorials When creating a User Interface, it’s important to make it engaging for the user not only from a visual standpoint, but also with interactivity. With so many JavaScript frameworks readily available, web designers and developers have many tools at their disposal to add slick effects to their UI’s. Last week, I showed you what could be done with jQuery. Now let’s take a look at these 11 tutorials and see what kinds of things MooTools can do for a User Interface.
www.scielo.org.ve/pdf/enl/v5n1/art04.pdf
La intersección entre factores humanos, diseño gráfico, interacción y comunicación. Por Eduardo Mercovich (edumerco@gaiasur.com.ar) La última versión de este documento se puede encontrar en: http://planeta.gaiasur.com.ar/infoteca/diseno-de-interfaces-y-usabilidad.html. 1.1. Acerca de este documento Ponencia sobre Diseño de Interfaces y Usabilidad
Diseño de Interfaces de Usuario 1. Conceptos Generales 2. Principios para el Diseño de Interfaces de Usuario 3. Utilización de Prototipos en la Implementación de IU
Diseño de Interfaces de Usuario Usables: Una Guía Rápida Introducción El mundo del software de código abierto está lleno de software muy bueno. Existe software libre y de código abierto disponible para virtualmente cualquier tarea que un usuario pueda querer realizar, desde usar un procesador de textos a montar un servidor web.
Creating an App from Scratch: Part 2 › Copter Labs
www.revistafaz.org/n5/faz5_interaccion_2011.pdf
Guía Web 2.0 - Capítulo 3: Diseño de Interfaces e Interacción
Cadius.org - Comunidad de Arquitectura de Información y Usabilidad
Diego Reyes: Rediseño Web de Travesías - Casiopea
HTML 5 y accesibilidad
A List Apart: Topics: Design: User Interface Design