Ayer leía five mistakes in mobile site creation en MobilOpen, escrito por un diseñador web móvil llamado Naiyer Asif, acerca de 5 errores en la creación de sitios web móviles.
Según Asif, estos 5 errores pueden "castigar" a tu sitio web móvil:
- Ausencia de página Acerca de o descripción del sitio.
- Ausencia de contacto o método de retroalimentación
- Uso incorrecto de los elementos contenedores (habla de diseñar con tablas y listas)
- Ausencia de atajos de teclado (accesskey accelerators)
- Ausencia de un enlace al sitio web completo (full website o versión normal)
No me gusto su lista, ni siquiera un poquito. Eso me llevo a pensar que su lista esta mal o yo estoy suponiendo muchas cosas, y precisamente por eso traigo el tema al foro, para saber su opinión sobre la lista.
Voy a intentar explicar porque no me gusto su lista, para qué también vean mi punto.
1. Ausencia de página Acerca de o descripción del sitio.
De acuerdo, esto aplica a cualquier sitio web no solo los móviles. Lo que no comprendo es porque le tanta importacia a esto, porque como yo lo veo se llega a un sitio web móvil (principalmente) por buscador o directamente. Si entro por buscador entonces "se que estoy buscando" y cuando entre al sitio web sabré de que trata (suponiendo que me importa saberlo).
Si entro directamente significa que conozco el sitio web y escribo la URL o esta en mis favoritos, sea la versión estándar o para móviles, pero ya quedo claro que no es la primera vez que entro al sitio web y por tanto tampoco "voy a morir" por que no hay descripción. Como ejemplos Facebook, Google o Frienfeed, ninguno de ellos con descripción y son muy buenos sitios móviles.
2. Ausencia de contacto o método de retroalimentación
Si con contacto entendemos un nombre, correo electrónico, teléfono o incluso dirección, entonces estoy totalmente de acuerdo con este punto. Pero si con contacto se refiere a un formulario y con "método de retroalimentación" a un formulario más amplio aún en donde me pueda quejar, entonces hay un problema.
Creo que nadie (que valore su salud mental) sería capaz de llenar un formulario de contacto para quejarse (especialmente para quejarse) desde un teclado de móvil. Primero porque prefiero tener un número de teléfono y llamarlo que perder 10 mins. intentando escribir algo. Segundo, tendría que ser un usuario "avanzado" dispuesto a dar retroalimentación, y temo que somos una minoría. Tercero, es mucho mejor idea sugerir que si tiene algún comentario visite la versión estándar o escriba un correo a [email protected] (la idea de invitarlo a la versión estándar es darle un formulario más usable y accesible que realmente ayude).
3. Uso incorrecto de los elementos contenedores (habla de diseñar con tablas y listas)
Este es uno de los pocos puntos en los que estoy de acuerdo. Las tablas no son para diseñar, hacen pesado el código y realmente son odiosas. Las listas no tienen todos los problemas de las tablas, aunque estoy de acuerdo en no usarlas en exceso.
4. Ausencia de atajos de teclado (accesskey accelerators)
Siempre he tenido problema con los atajos de teclado en móviles, no se como era antes cuando empezó la web móvil, pero actualmente los atajos me parecen inútiles. Quizás los navegadores que uso son muy avanzados, lo cual dudo, pero nunca he podido usar los atajos de teclado. Todos los navegadores móviles que he probado traen sus propios atajos de teclado, Pocket IE, navegador de Sony Ericsson (una variación de Netfront), Opera Mini y Safari Mobile, ninguno usa los atajos de teclado del sitio web. Opera mini incluye (o incluía) la opción pero no por defecto. Con Safari en realidad no he probado, pero quién necesita atajos de teclado si puedes tocar la pantalla
Quizás algún día fueron útiles, pienso que ya no más.
5. Ausencia de un enlace al sitio web completo (full website o versión normal)
Este error es tan pequeño que no se porque esta en la lista. Acepto que a veces buscamos una opción solo disponible en la versión estándar y debemos recurrir a ella, a veces nuestro navegador es tan bueno (gracias webkit) que podemos ver la web completa sin ningún problema, en esos casos el enlace a la versión completa me parece bien pero no veo como un error no incluirlo. Hasta diría que no poner ese enlace nos puede salvar de un susto cuando llegue la factura jeje. Dejaría esto más como una buena práctica.
Con esto termino mis comentarios sobre la lista, pero quiero añadir (por ahora) dos puntos que no menciona y que para mi son los más importantes
Peso de la página completa
No importa si usamos GPRS, 3G o WiFi, o si usamos Pocket IE, Opera Mini o Safari, cuando una página móvil pesa mucho, duele. Duele pagar más por la descarga, si es gratis sigue doliendo porque es lento, y si es rápido hay que rezar porque el procesador, la memoria y el navegador no colapsen dejándonos sin nada. Por eso el peso de la página completa hay que cuidarlo, y digo página completa porque cuenta el html, imágenes, estilos y javascript.
Tamaño y estilo de la fuente
Curioso, en la lista no se menciona ningún error de diseño, y a mi gusto es de los errores que más cuestan. Una web con letras negras y fondo blanco podrás ser "móvil" en todo sentido pero nadie le quita lo aburrido, aunque por supuesto siempre hay que cuidar el contraste.
Los navegadores, y más los recientes, soportan muy bien CSS1 y CSS2, eso significa que puedes manipular casi todo el formato de las fuentes ¿para qué limitarse?
- Usa una letra legible. Lease grande, limpia y con buen contraste.
- Utiliza jerarquia en los textos, negrita para cosas importantes, texto grande para títulos y pequeño para notas.
- Los enlaces son diferentes, hazlos diferentes. Con otro color, otro tipo de letra y suficientemente grandes para notarlos, o en caso de pantallas táctiles para tocarlos.
----
Y eso es todo.
Me pueden odiar por haber escrito tanto pero quería dejar claro esto.
¡Por la web móvil! ¡Por la fundación!
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Te expresas muy bien y terminas en portada aunque no lo esperes
Por NAAA el 09 de Febrero de 2009
lo digo ya que aptana trae un plugin para diseñar enfocado en Iphone y no para moviles como tal!
Por checho_acosta el 09 de Febrero de 2009
Por macrowebdigital el 09 de Febrero de 2009
jpcw-blog :
Es lo mismo pero no es igual. Me explico rápidamente(luego quizas escriba un tema sobre eso), diseñar para iPhone es diseñar para móvil pero no es lo mismo que diseñar para todos los móviles. Hay dos diferencias grandes, una es que iPhone usa Safari (que usa webkit) que es el mismo navegador que puedes usar en tu PC. Muestra todas las páginas justo como se ven, pero no del mismo tamaño. Dos, usa una pantalla táctil, lo que significa que usas tu dedo para interactuar por lo que tu diseño debe ser cómodo de usar con un dedo (mi dedo índice tiene como 1.5cm de diametro
Esas dos son las diferencias principales, pero hay aspectos que son similares, por ejemplo la resolución de la pantalla sigue siendo la de un móvil (320x480px sino estoy mal) y sigue conectándose como un móvil, vía red inalámbrica.
macrowebdigital-blog :
no se a qué te refieres exactamente, pero por lo que entiendo dices si hay que crear dos archivos CSS para los móviles (ok?) En teoría sería ideal, pero en la practica más que dos hojas de estilo debes de crear dos plantillas/HTMLs distintos. Uno para PC y otro para móvil, para hacerlo debes de detectar cuando es móvil y hacer el cambio de un diseño a otro, no es tan sencillo como solo agregar un CSS
1. Ausencia de página Acerca de o descripción del sitio.
Desde mi punto de vista es poco necesario, si estás entrando desde el móvil es porque sabes a donde navegas. Ya falta espacio en pantalla como para ir poniendo más cosas.
2. Ausencia de contacto o método de retroalimentación
Esto depende mucho de la web, algo de tipo colaborativo como Twitter lo necesita, una web informativa está bien que lo tenga, pero vamos, debe ser algo bastante específico y que facilite mucho al usuario, como que ponga sólamente nombre y teléfono o mail para recibir más información.
3. Uso incorrecto de los elementos contenedores (habla de diseñar con tablas y listas)
Estoy de acuerdo, aunque he leído bastante al respecto y hay gente que sigue prefiriendo hacer las webs móviles en tablas, y tienen su parte de razón (no me tiréis zapatos que no soy Bush). La cuestión de hacerlo en tablas es que facilita mucho el desarrollo para la infinidad de navegadores e implementaciones de navegadores que hay.
Que conste, no lo defiendo, sólo digo que para según que cosas puede llegar a tener sentido.
4. Ausencia de atajos de teclado (accesskey accelerators)
Esto por más que lo he usado, he visto que funciona en muy pocos móviles porque los fabricantes prefieren guardarse el teclado para sus propios atajos.
5. Ausencia de un enlace al sitio web completo (full website o versión normal)
Esto sí lo veo importante sobretodo para la gente que tiene móviles de gama alta que soportan la versión completa de la web.
Un saludo!!