A la izquierda, los iconos en iPhone OS 3 y a la derecha, su correspondiente versión en iPhone OS 4 (beta 1).
Busquen las diferencias y comenten cuál les gusta más.
Archivos por categorías: Interfaces de usuario
Prototipando la segunda versión de endeve
Así era la página de resumen de endeve en febrero de 2009…
La gran ventaja de trabajar en un grupo de desarrollo pequeño, en sintonía y con los objetivos claros, es que el proceso fluye muy rápido.
Casi todo el prototipado inicial de la nueva versión de endeve se hizo en baja definición (sí, lápiz y papel). Tomábamos las decisiones en consenso y planteábamos los procesos e interacciones en una gran pizarra.
Así era la página de resumen de endeve sobre mayo de 2009…
Una vez validado, prototipamos directamente en (X)HTML y CSS. La estructura y el código de estos archivos se mantuvieron prácticamente invariables hasta la versión final.
Cuando tú eres tu propio cliente, es muy efectivo y ahorras mucho tiempo con este tipo de desarrollo ágil.
Si quieres saber cómo ha quedado la versión final de endeve, sólo tienes que probarla.
Ponerse al día con los nuevos estándares web
Parece que todo se junta, dentro de poco (o relativamente poco) tendremos nuevas especificaciones (estándares) sobre marcado, hojas de estilo y accesibilidad. Unamuno ya decía que "el progreso consiste en renovarse", y en nuestra profesión es necesario mantenerse al día si no se quiere caer en la obsolescencia. Les dejo algunos enlaces para ir preparándose.
Marcado: HTML 5 y XHTML 2
- Especificación HTML 5, en desarrollo.
- Especificación XHTML 2, en desarrollo.
- Sí, puedes usar HTML 5, por el diseñador web Jens Meiert
- Actualización del 19 de noviembre de 2008: How to Learn HTML 5 por Kroc Camen, por cierto, su página usa HTML 5.
- Actualización del 12 de enero de 2009: Semantics in HTML 5 por John Allsopp en A List Apart.
- Actualización del 15 de enero de 2009: algo sobre la compatibilidad con HTML 5; listado de elementos HTML 5 soportados por diferentes navegadores y página de prueba de Bruce Lawson.
- Diferencias entre HTML 5 y XHTML 2
- Diferencias entre HTML 4 y HTML 5
- En otras ocasiones ya hemos hablado de ambos estándares.
Hojas de estilo: CSS 3
- Especificación CSS 3, módulos en diferentes fases de desarrollo.
- Introducción a CSS 3, una visión general de la especificación (parte 1 de 6).
- Los selectores en CSS 3, explicado por Roger Johansson.
- CSS3.info, de los primeros blogs que existieron con información sobre la especificación y la compatibilidad con los navegadores.
- Actualización del 27 de agosto de 2008: para empezar, Get Started with CSS 3 en Webmonkey.
- Actualización del 8 de enero de 2009: algunas técnicas para ir probando, 5 Techniques to Acquaint You With CSS 3 y Push Your Web Design Into The Future With CSS3.
Accesibilidad: WCAG 2
- Especificación WCAG 2.0.
- Cómo cumplir con WCAG 2.0.
- WCAG 2.0 Baseline Concept, por Gez Lemon (Juicy Studio)
- Comparación entre los puntos de verificación de WCAG 1.0 y WCAG 2.0.
- Pasar de WCAG 1.0 a WCAG 2.0, magnífica tabla comparativa de Roger Hudson.
Accesibilidad en España: UNE 139803/2004
- UNE 139803/2004, entró en vigor el 31 de diciembre de 2008.
- Comparativa entre WCAG 1.0 y UNE 139803/2004, fantástica utilidad de Olga Revilla.