Little Game juego infantil para el iphone

Alexis y Ariadna trasteando con mis gadgets

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:

• Parejas. El juego de toda la vida de emparejar cartas con dibujos ocultos:
  - Desarrollar la capacidad de atención.
  - Facilitar una estrategia de recuerdo mediante asociación de imágenes.
  - Desarrollar la capacidad de clasificación, reconocimiento y asimilación de conceptos.
  - Desarrollar la capacidad de memoria a corto plazo y de formar asociaciones y relaciones.

  

• Siluetas. Tienes que encajar un objeto con su silueta. Facil y van practicando con el touch:
  - Capacidad de reconocimiento de objetos.
  - Discriminación de formas, colores, tamaños y posiciones.
  - Capacidad para reproducir modelos.
  - Análisis, hipótesis, comparación, ensayo y error.

  

• Laberinto. Encontrar la salida y marcar el camino:
  - Desarrolla la destreza de los niños y su poder de observación.
  - Mejora la capacidad de concentración.
  - Desarrolla el pensamiento creativo y constructivo.
  - Aumenta la destreza manual.
  - Desarrolla la sensibilidad, imaginación y creatividad.
  - Mejora el desarrollo de la percepción.

  

• Sudoku. Pense que iba a ser un poco complicado para un niño, pero con breve explicación pillan el juego a los pocos intentos:
  - Estimula y potencia sus habilidades matemáticas, de lógica y pensamiento crítico.

  

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:

• Little Game (enlace a iTunes)
• Información sobre Lucera, creadores de little game

Varios ejemplos de diseños webs optimizados para iphone

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.

Conferencia de Jesus Encinar en el Iniciador de Barcelona

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:

Iniciador – Jesús Encinar – idealista.com

Test de usuarios en Top Rural

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í

¿Se ve mal tu blog desde la PDA?. Instala WordPress PDA and iPhone Plugin”

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

Desde un Nokia e65:

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:

• Plugin Wp-PDA
• Información sobre USER AGENTS

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 :)

Aqui os dejo la otra, navegando por Sigt:

Intentando iluminar el dificil mundo de los interfaces de usuario

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:

• Fully Personal Interface
• Resultados de la encuesta 

Google tiene varias versiones del reader optimizadas para el iphone

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…

Web de la Caixa optimizada para el iphone-ipodtouch

 

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).

(más…)