Es sorprendente lo rápido que aprenden los niños, pero a la hora de adaptarse y manejar aparatos “tecnológicos”, te dejan con la boca abierta.
Mi sobrino Alexis, de 18 meses, enciende la tele, el dvd, saca el disco, lo deja en la bandeja y se sienta el sólo a ver los cantajuegos. Si, no es algo increible, pero mi madre no sabe poner el TDT :)
(Por cierto, mi enhorabuena a sus creadores por que no lo veo sólo como un negocio: los niños van a recordar toda la vida sus canciones y sus bailes, y eso es más de lo que muchos vamos a conseguir en nuestra vida)
Para que puedan trastear con el iphone sin el miedo a que borren algo, lo mejor es bajarte algun jueguecito y que se emboben y por supuesto, ni contarles para que sirve ese botón grande para volver al inicio :)
Este fin de semana he probado Little Game (enlace directo a iTunesStore) , que en realidad son cuatro juegos y está desarrollado en España:
Un detalle curioso es que mi sobrina, al empezar a jugar con el programa, intentaba usar la uña para mover las cosas en lugar de hacerlo con la yema del dedo. Se han acostumbrado a la Nintendo DS y piensan que todo funciona igual :)
Es increible la cantidad de desarrolladores que se están lanzando a hacer las cosas para el iphone para darle un mordisco al gran mercado de software que Apple ha creado.
Enlaces:
La imprescindible smashingmagazine ha publicado un artículo con varios ejemplos de diseños webs optimizados para iphone: Showcase of Designs Optimized for iPhone.
Los ejemplos son muy intersantes al no limitarse a las líneas de diseño marcadas por las soluciones de interfaz de apple. Una galería para guardar ens favoritos.
Via el twitter de Jordi Bufi he podido disfrutar de la charla que dió Jesus Encinar (ceo de idealista) en el Iniciador de Junio en Barcelona.
Mucho sentido común y experiencia, algo que se agradece entre todo el humo de los “socialmedia gurus” y demás iluminados que pululan ultimamente por internet (¿que hacían antes de facebook y twitter?).. En fín serafín..a lo nuestro.
Una parte muy interesante para los que se dedican al diseño web es cuando habla sobre del diseño de idealista. Respondiendo a un asistente dice algo que da en la diana a la hora de explicar la diferencia entre el diseño gráfico tradicional y el acercamiento al usuario a través de un interfaz gráfico, que no es ni más ni menos que el diseño web:
“…hay un aspecto critico en la formación de los diseñadores. Los diseñadores gráficos, muchas veces por formación, están acostumbrados a hacer cosas únicas, originales, creativas, que sean una experiencia distinta y distinta a todo lo que hay. El diseño web es justo lo contrario: es hacer algo que sea exactamente igual que lo que usuario esta acostumbrado utilizar en cualquier otra página.. si el usuario está acostumbrado a usar un tipo de calendario.. no hagas un calendario distinto que el usuario tenga que aprender a usar en tu página. Utiliza lo que es estandar y genérico, pero utilizalo bien.. y eso para algunos diseñadores choca… hace falta tener mucha experiencia y seguridad en ti mismo para saber utilizar como revolucionario una solución estandar…”
Esta cita es del el minuto 58’15. Como vimeo no permite ir al minuto exacto, tendreis que dejar que el video llegue a ese punto. De todas formas, os aconsejo ver entera la charla y la sesión de preguntas por que com he dicho al inicio, está muy bien:
En Top rural estan inmersos en el cambio de diseño de su portal de búsquedas de casas rurales y estas son algunas impresiones y conclusiones de su test de usuarios. Muy interesante: Test de usuarios: no digas que no te lo advertí
Ya que WordPress se está convirtiendo en el CMS más usado, ya no sólo como motor de blogs, sino para la gestión de webs genéricas, vamos a aprovechar las posibilidades que nos brinda para, por ejemplo, habilitar una versión especÃfica para PDAs.
Aplicar distintos css en base al navegador es una solución, pero al final tienes que bajar a la arena y desarrollar un estilo especÃfico para estos dispositivos y que el sistema “escupa” un codigo adaptado.
Hay varios plugins que optimizan el blog visualizarlo en el Iphone, pero la mayorÃa de gente que se va a conectar lo hará desde BlackBerrys, HTCs, PDAs o móviles con versiones reducidas del navegador.
En el caso de haber elegido WordPress como CMS, lo tenemos bastante fácil con el plugin WordPress PDA plugin.
Para ponerlo en funcionamiento no tienes que hacer nada, solo subirlo a tu directorio de plugins, lo activas y ya está funcionando.
La única configuración que tiene en el panel de control es el listado con USER AGENT, que son los identificadores del navegador desde el que te conectas (Firefox, safari, opera, etc..). En base a USER AGENT, se mostrará una versión u otra. Como verás en el listado, hay un montón de “user agents”.
(para realizar comprobaciones sin tener una PDA podeis utilizar el plugin para Firefox USER AGENT SWITCHER, que nos permite cambiar el USER AGENT de Firefox para “engañar” al servidor)
En el caso de que el dispositivo que se conecte a tu blog sea un Iphone, se mostrará el template adaptado para el iphone. Si no, se mostrará el genérico (PDA) y si el navegador no esta en el listado, se mostrará la versión normal. La versión para PDA es bastante simple, pero cumple su función correctamente.
El plugin tiene unas carpetas bien ordenadas con los templates: Uno para Iphone y otro para PDAs
Los templates están ordenados siguiendo la jerarquÃa de wordpress: header, index, single, pages, etc.., por lo que si estais habituados a modificar themes os resultará muy fácil adaptarlos.
He realizado unas capturas para que veas como queda el theme que aplica WP-PDA:
Desde una Nokia 770 con el plugin activado:
Desde el mismo nokia con el plugin desactivado, como se ve por defecto infonomada.com
La versión para Iphone no esta mal:
Utilizar este plugin os puede “dar puntos” a la hora de presentar un proyecto incluyendo su versión optmizada para PDA. No cuesta nada y quedais como dios. Y si el cliente quiere cambios, los podeis hacer en un tris.
Otra forma de uso es empezar a aprovechar que google tiene una plataforma de anuncios especÃfico para móviles: AdSense para contenido de móviles
Enlaces:
PD: La foto del inicio es del amigo Ivankno utilizando su HTC. La foto era para ilustrar otro post sobre el antiguo uso del puntero, pero como era la única que tenÃa a mano :)
Donde pongo el logo, ¿a la izquierda o a la derecha?. ¿Y el las etiquetas a formularios?. ¿Menú vertical u horizontal superior?
Decisiones como estas y mil más te tocan decidir cuando encaras un proyecto en internet y aquà es donde nos puede ayudar “Fully Personal Interface“.
En “Fully Personal Interface” podreis realizar un test en el que os harán preguntas sobre distribución de elementos, colores y combinaciones tÃpicas tanto de interfaces de páginas webs como en sistemas operativos. Con todos estos datos alimentareis su sistema de estadÃsticas para averiguar, por ejemplo, donde le gusta a la gente el menú principal, la posicion del logotipo, alineación de texto, etc… incluso segmentarlo por edades y paÃses. No hace falta realizar el test para ver los datos de los demás usuarios.
Los datos que muestran sus estadÃsticas te pueden ayudar a tomar decisiones sobre cosas que piensas que “deben ser asÔ, pero que en realidad te das cuenta de que simplemente son preferencias nuestras. Los  errores en el diseño de un interfaz solo se ven cuando fallan, cuando hay algo que no esta en su sitio. Cuando los detalles están bien resueltos ni lo notas, das por hecho que deberÃa ser asà y que no hay otra manera de hacerlo (¡que presuntuoso!)
Para saltarte las reglas primero debes conocerlas. Los datos de estas estadÃsticas funcionan igual por que si después de no tenerlas en cuenta tu solución no funciona, por lo menos sabes que puede haber fallado :)
En diseño se suele decir la calidad de los proyectos es “inversamente proporcional al numero de personas que toman decisiones sobre diseño”. Pero eso es asà por que no hemos tomado una muestra lo suficientemente grande para que funcione :)
Enlaces:
Google no solo dispone de una versión optimizada de su reader para el iphone, si no que entrando por otra vÃa me he encontrado con una versión distinta.
Versión de la izquierda: www.google.com/reader/m
Versión derecha: www.google.com/m#reader (o si vas a google.com/m y haces click en el boton superior)
La de la izquierda es la de siempre. La nueva es la de la derecha. Han integrado los distintos servicios en el menú superior, siendo mucho más comodo su acceso.
Los servicios que estan optimizados para el iphone son: gmail, reader, notebook, calendar, docs, photos y blogger. Se puede configurar cuales de ellos quieres que aparezcan en el menú accediendo a la solapa “más” (si accedes con un iphone/ipodtouch).
Esta última versión tiene algunos problemas que hacen su uso bastante incómodo: mantiene la altura a la que estas en una página en la siguiente, por lo que te tiras todo el dia “pa`riba y pa`bajo”. Marea bastante.
Desarrollar webs optimizadas para estos dispositivos es bastante sencillo, y con unos pequeños cambios en los css puedes tematizarla según el aparato de acceso: rollito apple con el iphone, XP con un htc, etc…
Ayer leà en applesfera que la caixa, entendiendo que el ordendador de sobremesa ahora es solamente “otra vÃa más” para acceder a internet, ha optimizado su versión movil para el iphone/touch. En realidad se puede utilizar con cualquier smartphone, pero su estética es tÃpica del UI para iphone-ipodtouch.
Mientras que la CAM actualiza el diseño de su web (la anterior olÃa a viejo), la caixa ha demostrado que esa fase la tiene bastante superada y avanza un paso más (mas bien pega un salto).