Historias de un Geek

AlbertEin – Desvarios de una mente perturbada

Posts Tagged ‘Internet’

Replica de Sushi Factory

February 3rd, 2010

Hace algunos días escribí una entrada sobre la Web de Sushi Factory, aparentemente el director de la empresa encargada del desarrollo de la Web se entero de esta entrada y me envío una replico en un comentario del post y a mi correo electrónico.

Aprovecho este espacio para analizar su replica y contestar los puntos que menciona.

Hola Albertein, soy Jeber Martinez, director de Mente Interactiva New Media Agency, empresa culiacanense que realizó el proyecto de Sushi Factory en la Web y que sigue dirigiendo las actualizaciones, medios digitales y propuestas para la marca.

Llegamos a tu Sitio Web, ya que nos has traido visitas desde tu sitio (gracias). Esto lo detectamos desde el Google Analytics.

Te agradezco nos hayas hecho un análisis tan exhaustivo de http://www.sushifactory.com.mx , definitivamente nos das muy buenas ideas para mejorar la Website, ya que no cualquiera se toma el tiempo de analizar y publicar sus comentarios sobre nuestros proyectos.

No hay problema, espero que mis comentarios sirvan para mejorar la usabilidad tanto de este como de futuros proyectos de su parte.

Quisiera platicarte un poco sobre este proyecto en particular. SF nos eligió para realizar una website que rompiera el molde de webs tradicionales de restaurantes en México y que tuviera propuesta, ya que la audiencia de SF tiende a ser parte de un segmento joven / contemporáneo con familiaridad a la tecnología. La Web ha pasado por varias etapas evolutivas hasta llegar a donde está, y a la empresa que dirijo en particular, ha servido como un ensayo para realizar cosas que otros proyectos / empresas no no los permiten por razones que van desde tratar de ser conservadores a simplemente ir al grano en mostrar la marca, por lo que SF es una bendición para cualquier creativo que labore en nuestra casa. Aun hoy existen varios proyectos que están próximos a despegar tanto en plataformas móbiles como en redes sociales que tienen que ver con SF que me gustaría que conocieras una vez lanzados.

Estaría encantado conocerlos cuando lo lancen, no dude en avisarme cuando tenga algo que mostrar, también puedo hacer criticas positivas .

Difiero en un punto en particular que mencionas y con el que partes en tu post, citándote “El primer signo de que algo esta mal es encontrarnos con una pagina completamente en flash”. Bueno, te comento sobre esto, creo que es un punto de vista muy particular y muy debatible. Como ejemplo, te cito uno de mis sitios favoritos http://www.thefwa.com donde aparecen los mejores sitios del día del mundo, entre los que aparecen películas, videojuegos, marcas transnacionales, estudios de cine, universidades, y un largo etcétera, desarrollados como principal plataforma… en Flash! Yo creo que no se debe satanizar la plataforma per se, sobretodo cuando está tan demostrado que Flash es una tecnología que ha permanecido y no solo eso, sino crecido por más de una década en la industria, generando incluso imitadores como es el caso del SilverLight de Microsoft. Igualmente te invito como codificador de LINUX que pruebes la tecnología de Flash si no la conoces, tiene una base de programación muy robusta e interesante, sobretodo en la nueva versión de Actionscript 3.0

Estoy en cierta forma de acuerdo en que algo este en Flash no indica que sea malo en si (Aun que muchas personas podríamos debatir lo opuesto), pero lamentablemente hay una gran cantidad de ejemplos que muestran el tipo de problemas que pueden causar el uso indiscriminado de una herramienta (Flash en este caso en particular).

Agradezco tu invitación respecto a Flash y ActionScript, ya e programado sobre esa plataforma en un par de ocasiones y la e evaluado para algunos proyectos más, aun que no e tenido la oportunidad de explorarla a fondo.

Tanto en Mente Interactiva como en Sushi Factory, nos tomamos muy en serio las opiniones y críticas de quienes nos visitan, tan nos lo tomamos en serio que ya está en nuestra agenda como UPDATE para http://www.sushifactory.com.mx ciertos puntos que platicas y otros que ya habíamos detectado; tales como la reproducción automática de música (la cual fue una decisión de diseño en su momento, ya que parte de la personalidad de la marca tiene que ver con su muy estilo particular de música el cual ya es “firma” en sus restaurantes), mejoramiento en sección ubicaciones, aumento de visibilidad en sección Contacto y la inclusión de PDF opcional u otras vistas en Menú. Te invito a que nos sigas de cerca sobre estas futuras actualizaciones.

Entiendo que el tener música de fondo haya sido una decisión de diseño, aunque no creo que haya sido acertada (Yo y probablemente la mayoría de los usuarios del sitio piensan esto), si alguien gusta de la música seguramente ya la esta escuchando antes de ingresar en su sitio, cuando uno va a un restaurante tiene que escuchar la música de fondo, pero si en cambio, me encuentro en casa o en mi trabajo no veo por que sushi factory elija que música debo escuchar mientras navego por su sitio.

Respecto a la carta virtual, lamento informarle que a pesar de que trataron de hacer lo correcto fallaron en brindar una carta que pueda ser usable para alguien que no conozca sus rollos, las imagenes de la carta virtual son muy pequeñas y los ingredientes que contiene cada platillo no alcanzan a ser distinguidos con claridad, justamente hace unos días tuve que descargar las imágenes fuentes, darles zoom y ponerle un poco de imaginación para descubrir que dice las leyendas de los ingredientes de los platillos. A mi parecer necesitan imagines mas grandes y nítidas en esa sección.

Por cierto, si alguien esta interesado en la carta de Sushi Factory offline a pesar de la mala calidad de las imágenes estas son las imágenes individuales que forman la carta (Claro que los administradores del sitio las pueden renombrar o borrar en cualquier momento):

En general la Website, el estilo precisamente era realizar una Web que rompiera con lo convencionalidad, arriesgándonos a lo que comentas de hacer lo contrario al “¿Por qué no hacer las cosas más sencillas?” como poner un scroll en la sección de imágenes de album o simplemente poner una tabla en HTML para poner los platillos. Bueno, como hice el comentario, al ir dirigidos a una audiencia más joven, tomamos el riesgo de buscar innovar y hacer las cosas más interesantes en un sitio de un restaurant donde no te esperarías que la marca haya tomado riesgos en pro a la experiencia de navegación del usuario (Me viene a la mente Burger King en bk.com, tacobell.com o chipotle.com marcas de restaurantes líderes algunas líderes mundiales que decidieron igualmente hacer las cosas diferentes …y utilizando Flash como plataforma principal).

Te mando un cordial saludo!

Ing. Jéber G. Martínez
Director Mente Interactiva

El problema principal con el sitio es la mala usabilidad, creo que pueden mostrar una imagen diferente y romper la convencionalidad sin destruir completamente la usabilidad del sitio en el camino, tener una tabla en HTML no significa perder la vistosidad, especialmente en estos momentos en que la Web es mas rica que nunca (HTML, CSS, Javascript). Aplaudo que hayan tomado riesgos en innovar la experiencia de navegación del usuario, pero lamentablemente lo que lograron fue algo que a pesar de ser vistosamente agradable es molesto de usar.

Los invito a no perder de vista la experiencia del usuario no solo en lo que se ve, si no el feeling general del sitio, un sitio a parte de ser vistoso debe de ser fácil de obtener información, debe de ser intuitivo, la usabilidad es clave, un sitio no usable solo molestara a los usuarios que en un principio se esta tratando de ganar.

La usabilidad en la Web no es un mundo obscuro, es algo ampliamente estudiado, tal ves ayudaría un poco ver las cosas desde la perspectiva del usuario que quiere obtener información y leer un par de libros, el clásico que me viene a la mente es Don’t Make Me Think! A Common Sense Approach to Web Usability.

También podría ser útil intentar experimentar con otro tipo de tecnologías estandares, como CSS y javascript.

Gracias por tomarse el tiempo en responder, Saludos!.

30 comments »

Posted in Internet

Tags: Internet web

Webs que apestan I – Sushi factory

December 7th, 2009

Desde hace un tiempo existe una manía por las webs que “apantallan” pero que tienen una usabilidad pésima, al grado que acceder a su información llega a ser de lo mas molesto y frustrante. Los errores y pecados son muchos y la culpa muchas veces oscila entre el diseñador y el cliente, uno por querer quedar bien a costa de la calidad del contenido y el otro por querer llamar la atención con el efecto “wow”.

Hoy buscando un menú en linea en Sushi factory me encontré con una web horriblemente diseñada.

Pantallazo de la web de Sushi factory

El primer signo de que algo esta mal es encontrarnos con una pagina completamente en flash, eso y el hecho de que alguien decidió que yo no puedo tener gusto musicales propios y que la web debe de tener su propia música encendida por default. Muchas gracias por la consideración, pero si yo quiero escuchar música voy a escuchar la que yo quiero y no una mescolanza entre el track que se te ocurrió incluir en tu web y lo que este reproduciendo por mi cuenta en ese momento.

Después de quitar la música, dar click en “Menu”, y esperar a que el nuevo SWF cargue me encuentro con una liga a una versión PDF de la carta, ¡por lo visto no están tan perdidos!, lamentablemente el enlace esta muerto y me tengo que ver la cara con el ¡HORROR! de su menú en flash, lo cual significa que no puedo cortarlo y pegarlo, imprimirlo, guardarlo o hacer cualquier cosa remotamente útil con el.

El terrible menú en flash es pésimo, consta de tres secciones, la primera es la selección de tipo de platillo (entradas, arroz, capeados, naturales, horneados y bowls), al dar click en un tipo de platillo te muestra una pequeña imagen con cinco platillos a la ves, y si quieres saber que contiene el rollo tienes que darle click, esperar a que se cargue la imagen del rollo tamaño grande y solo entonces puedes ver que tiene el rollo, por lo que si deseas buscar un rollo con tus ingredientes preferidos estas frito.

¿Por que no mostrar una tabla con una pequeña imagen del rollo (con opcion de agrandar), el nombre y sus ingredientes?, ¿no seria mas sencillo buscar lo que quieres?. Yo me rendí completamente no queriendo gastar una hora de mi vida en recorrer el menú (En cambio aquí estoy quejándome del diseño).

Si no me creen revisen la atrocidad:

Seleccion de tipo de platillo
Seleccion de rollo
Informacion del rollo

Después de esto pensé en avisarles y me dirigí a la sección de contacto, grave error, las cosas cada ves se ponen peor.

Al entrar a “Contacto” te encuentras con una imagen de un iPhone con todo y un slider para “desbloquearlo”, que propósito tiene aparte de desperdiciar el 90% de mi pantalla esta completamente fuera de mi entendimiento, si alguien tiene alguna explicación racional me encantaría escucharla. Para colmo el campo del comentario es ridículamente pequeño por lo que no pude poner mi queja al respecto.

Forma de contacto 1

Forma de contacto 2

La sección de ubicaciones sigue el mismo estilo, te muestra un mundo y tienes que esperar unos segundos para que termine una animación de un OVNI que lanza una luz sobre México, después ocupas darle click para que ponga un acercamiento y te muestre en un mapa las distintas ubicaciones, aquí aprendemos que la sucursal de las quintas se encuentra en El Fuerte, la de la lomita esta en Culiacán y la de Cinépolis en Escuinapa, se supone que las tres sucursales están en Culiacán pero al no tener espacio el diseñador decidió que Culiacán abarca todo el estado y las puso donde quiso. Por cierto, los teléfonos y direcciones aparecen en un especie de Tooltip por lo que es imposible de copear el texto, afortunada mente en la pagina principal tienen una tabla con un las direcciones y teléfonos en un formato correcto (HTML).

Mapa de hubicaciones

Por ultimo la sección de galería muestra un albúm el cual tienes que simular que das la vuelta a las “hojas” con el mouse, sumamente molesto, me enferme el afán de intentar modelar el mundo físico en un medio tan distinto, en una computadora no funciona al menos que tengan un dispositivo táctil, ¿por que no poner botones o simplemente scrollear las imagines hacia abajo?.

Tristemente la web es un fracaso tras otro, lamentablemente no es la única en su categoría.

21 comments »

Posted in Internet

Tags: Internet web webs que apestan

#twitterfail #fixreplies

May 13th, 2009

Recientemente las gentes de Twitter hicieron un pequeño cambio al que ellos llaman “Small Settings Update”, y del cual se puede saber un poco mas en su blog

Ese cambio a molestado a muchas personas (incluyéndome), dejando a varios inconformes mandando retwitts una y otra ves para tratar llamar la atención (hacer bola pues) a los admins de Twitter.

¿Pero de que se trata ese cambio?
Imaginemonos que tenemos a Alice, Bob y Carol, Alice es amiga de Bob, y Bob es amiga de Carol, por lo tanto Alice “sigue” (follow) a Bob y a su vez Bob sigue a Carol.

Si Carol escribe un reply a Bob, Alice no lo ve, lo cual es natural ya que Alice no esta siguiendo a Carol, pero cuando Bob responde a Carol es donde encontramos el dilema.

Anteriormente si Alice seguia a Bob, el reply de Bob hacia Carol era leído por Alice también, lo que parece poco natural pero tenia un efecto útil al que muchas personas se acostumbraron, permitía conocer nuevas personas, si un reply te llamaba la atención podías buscar la fuente de la informacion, y de esa manera Alice podía conocer a Carol.

Con el nuevo setting, Alice no vera la respuesta de Bob a Carol por no seguir a Carol, por lo que Alice jamas podrá conocer a Carol, la que pudo muy bien haber sido su mejor amiga de toda la vida.

Espero que estés contento Twitter, acabas de destruir la vida de Alice y Carol.

¿Por que twitter no dejo eso como una setting ya sea opt-in o bien opt-out?

7 comments »

Posted in Internet

Tags: Internet twitter

Luchando contra el Spam

April 16th, 2009

Spam

Llevamos mas de dos décadas en una guerra aparentemente interminable en contra del Spam en sus distintas presentaciones, inicialmente tan solo lo encontrábamos en el correo electrónico y usenet, pero con el tiempo a migrado a distintos medios, expandiéndose para llegar cada ves a mas usuarios, aprovechándose de la falta de protección y filtrado en los medios emergentes.

Cuando uno inicia con un nuevo servicio o medio de publicación, por lo general ignora el problema del Spam hasta que es demasiado tarde, te conectas un día y te encuentras con docenas de mensajes incoherentes que intentan venderte drogas o mejorar tu vida sexual.

Blog

Mi primer encuentro con el problema fue con mi blog, al iniciar este blog no tenia mayor problema, nadie se molestaba en dejar Spam (aunque tampoco nadie se molestaba en leerlo ). Después de unos meses el problema apareció por primera ves, eran un par de comentarios al día que podía eliminar rápidamente de forma manual, pero llego el momento en que el Spam perduraba el tiempo suficiente como para que fuera una molestia para mis (pocos) lectores, como este comentario de Gnoblis testifica.

Después de buscar un poco me decidí por solucionar el problema con el Akismet para WordPress. Akismet es un webservice gratuito el cual puedes enviarle comentarios y el servidor te informa si el comentario es Spam o no, tras conseguir un API key registrandome en wordpress (por eso existe http://albavila.wordpress.com) instale y configure el plugin y jamas tuve problemas después de eso, hasta el momento no e tenido ni un solo falso positivo, ni tampoco e tenido falsos negativos.

Estadisticas de Spam de mi Blog

Email

El segundo round en contra del Spam fue en mi trabajo, había iniciado a llegar una cantidad inaceptable de correo basura a ciertas cuentas de correo, había un appliance encargado de entre otras cosas filtrar el Spam pero estaba fallando para ciertos tipos de mensajes. La configuración que estaba activa en ese momento era Internet – Appliance – MS Exchange. Lo que hice para solucionar el problema fue poner un servidor con Ubuntu Linux que sirviera de Proxy SMTP, cuyo propósito seria únicamente filtrar el spam recibido desde el exterior y ponerlo en cuarentena para que los usuarios pudieran revisarlo mas tarde. La configuración final: Internet – Appliance – Postfix – AmavisD – MS Exchange. Desde entonces solamente han llegado un par de mensajes de Spam a los usuarios.

Configuracion Anterior

Nueva Configuracion

Foros

Últimamente le toco sufrir a los foros de NGA aparentemente los spamers rompieron el captcha usado por phpbb3 y llegaron a nuestros foros, así que después de vacaciones de semana santa me encontré con múltiples mensajes comerciales, ¡y seguían llegando!. Lo que hice fue aplicar la siguiente medida de alta tecnología:

Solucion Hi-Tech al Spam en los foros

Aun es muy pronto para decir si funciono, pero hasta el momento el resultado es prometedor, la solución la implemente guiándome en una descripción detallada de One Press Community.

¿Cuales han sido sus experiencias con el Spam?

20 comments »

Posted in Internet

Tags: Internet spam

¡Ayuntamiento de Culiacan en Twitter!

February 19th, 2009

Hoy después de conectarme me dispuse a revisar mi correo, y encuentro lo usual.

Publicidad
Correo de Gnoblis
Mi wordpress anunciándome nuevos comentarios en mi blog
Twitter anunciándome que el Ayuntamiento de Culiacan estaba siguiéndome en Twitter

WHAT?!

¿El Ayuntamiento siguiendo mi Twitter?

Tras una rápida investigación parece ser que efectivamente, el Ayuntamiento creó una cuenta de Twitter y aparentemente empezó a seguir los posts de todos los que tuvieran Culiacan como ubicación en su perfil.

Los posts de el Ayuntamiento incluyen anuncios de eventos, como el SkateFest, noticias y anuncios de obras publicas terminadas como pavimentación de calles, etc.

Solo me queda dar un aplauso al esfuerzo del Ayuntamiento y a la idea de hacer mas accesible a eventos de interés en esta ciudad.

Solo nos queda esperar que no sea llamarada de petate.

El correo de Twitter:

Hi, AlbertEin (AlbertEin).

Ayto. de Culiacán (Culiacan) is now following your updates on Twitter.

Check out Ayto. de Culiacán's profile here:

http://twitter.com/Culiacan

You may follow Ayto. de Culiacán as well by clicking on the "follow" button.
Best,
Twitter