Archivo de la etiqueta: web

Web corporativa: Usabilidad Web-Diseño web centrado en el usuario.

Por: Jose Luis Méndez

Introducción a la pregunta:

Es importante no sólo el diseño de la interfaz centrado en la estética de la misma, sino también centrado en su usabilidad, de hecho el diseño de la interfaz debe cumplir con ambas porque de nada sirve una interfaz agradable a la vista pero con dificultades e uso ni tampoco sirve una interfaz con buena usabilidad pero que no sea agradable  al avista. En el tema gráfico cómo diseñadores podemos hacer innumerables propuestas que sean de gusto para el usuario pero a la hora de entender cómo se comporta el usuario dentro d e esa interfaz es importante realizar análisis muy a fondo que permitan realizar un diseño integro, un diseño competitivo y agradable para el mercado. De esto parte mi investigación, centrándome en: como se puede realizar dicho análisis, bajo que parámetros y que herramientas de ayuda se pueden usar. El fin de la investigación es lograr el cometido de entender cómo el usuario se comporta en la interfaz para lograr proponer un diseño tanto estético como funcional.

Antecedentes del tema y delimitación:

  • Antecedentes históricos: Usabilidad web – Técnicas que ayudan a los seres humanos a realizar tareas en entornos gráficos de ordenador.
    Los usuarios requieren realizar una tarea de una forma sencilla y eficaz y en este caso particular, la deben realizar frente a un ordenador en un entorno grafico, la web. La usabilidad ayuda a que esta tarea se realice de una forma sencilla analizando el comportamiento humano, y los pasos necesarios para ejecutar la tarea de una forma eficaz. Quizás suene un poco a trabajo industrial, pero al hacer referencia al termino “tarea”, estamos haciendo referencia a buscar un programa que queremos ver en la tele, a ver información sobre mi equipo de futbol favorito, a comprar un libro sobre artes marciales, entre otros, y como usuario siempre queremos encontrar lo que buscamos fácilmente. En interacción persona-ordenador, la usabilidad se refiere a la claridad y la elegancia con que se diseña la interacción con un programa de ordenador o un sitio web. El término también se usa a menudo en el contexto de productos como la electrónica de consumo o en áreas de comunicación, y en objetos que transmiten conocimiento (por ejemplo, un libro de recetas o un documento de ayuda en línea). También puede referirse al diseño eficiente de objetos mecánicos como, por ejemplo, un manubrio o un martillo.

El grado de usabilidad de un sistema es, por su parte, una medida empírica y relativa de la usabilidad del mismo. Se mide a partir de pruebas empíricas y relativas. Empírica porque no se basa en opiniones o sensaciones, sino en pruebas de usabilidad realizadas en laboratorio u observadas mediante trabajo de campo.

Relativa porque el resultado no es ni bueno ni malo, sino que depende de las metas planteadas (por lo menos el 80% de los usuarios de un determinado grupo o tipo definido deben poder instalar con éxito el producto X en N minutos sin más ayuda que la guía rápida) o de una comparación con otros sistemas similares.

El concepto de usabilidad se refiere a una aplicación (informática) de (software) o un aparato (hardware), aunque también puede aplicarse a cualquier sistema hecho con algún objetivo particular.

El modelo conceptual de la usabilidad, proveniente del diseño centrado en el usuario, no está completo sin la idea utilidad. En inglés, utilidad + usabilidad es lo que se conoce como usefulness.

Jakob Nielsen definió la usabilidad como el atributo de calidad que mide lo fáciles que son de usar las interfaces Web.

  • Antecedentes de tratados a cerca del tema:

Jakob Nielsen es una de las personas más respetadas en el ámbito mundial sobre usabilidad en la web. Este ingeniero de interfaces obtuvo su doctorado en diseño de interfaces de usuario y ciencias de la computación en la Universidad Técnica de Dinamarca.

Su trayectoria se inició en 1997 cuando escribió dos breves artículos sobre cómo preparar los textos. Los títulos de estos artículos fueron ¡Sea breve! (escribir para la web) y Cómo leen los usuarios en la web. Las ideas de los artículos de Nielsen se citan en muchos otros artículos que ofrecen pautas sobre cómo escribir para la web y mejorar su usabilidad.

Nielsen expone que lo habitual es que un usuario no lea con detalle ni siquiera una mínima parte de los textos de una página web. En su lugar, y por economía de tiempo, el usuario se limita a ojear la página. Es decir, el usuario realiza un rápido barrido visual de cada página buscando elementos que llamen su atención. Por tanto es fundamental la utilización de elementos como:

  • Palabras resaltadas mediante negrita y cambios de color o de tamaño. En este sentido los hipervínculos actúan como elementos de atracción visual pues se destacan del resto del texto.
  • Listas de elementos con viñetaso numeradas.
  • Títulos de sección y titulares breves intercalados (también llamados ‘ladillos’).

Debido a esta economía de lectura, según Nielsen, el contenido de un texto debe organizarse correctamente para ganar la atención del lector. Por ejemplo las ideas más importantes deben aparecer al principio, y luego la argumentación de la misma. De esta forma, nos aseguramos de que el posible lector recuerde mejor la información. Nielsen recomienda usar menos del 50% del texto usado habitualmente en una publicación escrita. Los usuarios se aburren con los textos largos. Los párrafos deben ser cortos, de dos o tres frases únicamente y muy directos en su estilo.

 

Paul Virilio: Teórico cultural y urbanista. Es conocido por sus escritos acerca de la tecnología y cómo ha sido desarrollada en relación con la velocidad y el poder, con diversas referencias a la arquitectura, las artes, la ciudad y el ejército.

Virilio desarrolló lo que llama el “modelo de guerra” de la ciudad moderna y la sociedad humana en general, y es el inventor del término ‘dromología’, que significa la lógica de velocidad que es la fundación de la sociedad tecnológica. Sus trabajos más destacados incluyen “Guerra y Cine”, “Velocidad y Políticas” y “La bomba de la información”, en las cuales argumenta, entre muchas otras cosas, que los proyectos militares y tecnológicos guían la historia. Como otros teóricos culturales, rehuye a las etiquetas – incluídas “teórico cultural”, aunque ha sido clasificado por otros dentro del post-estructuralismo y postmodernismo. Algunos describen el trabajo de Virilio posicionado en el ámbito de lo ‘hipermoderno’. La descripción parece adecuada, ya que Virilio trabaja mucho con los conceptos y artefactos del modernismo. Ha afirmado repetidamente sus afinidades con la fenomenología, por ejemplo, y ofrece críticas humanistas de los movimientos de arte modernistas como el Arte Futurista. A lo largo de sus libros, las discusiones políticas y teológicas del anarquismo, pacifismo y catolicismo reaparecen como influencias centrales de su enfoque autodenominado ‘marginal’ a la cuestión de la tecnología. Su trabajo ha sido comparado al de Marshall McLuhan, Jean Baudrillard, Gilles Deleuze y Félix Guattari, Jean-Francois Lyotard y otros, aunque muchas de estas asociaciones son problemáticas. Virilio se describe a sí mismo como un ‘urbanista’.

Las predicciones de Virilio acerca de las ‘logísticas de la percepción’ – el uso de imágenes e información en la guerra en Guerra y Cine, 1984) – fueron tan acertadas que durante la Guerra del Golfo fue invitado a discutir sus ideas con los oficiales militares franceses. Mientras que Baudrillard afirmó (con gran difusión) que la (primera) Guerra del Golfo nunca sucedió, Virilio argumentó que lo que sucedió fue una “guerra mundial en miniatura”.

Formulación de pregunta:

Necesidad de entendimiento de comportamiento de usuario en la interfaz, métodos de análisis del comportamiento, herramientas de análisis y entendimiento del usuario. Análisis centrado en web corporativa.

  • ¿Qué herramientas de análisis se usan para entender el comportamiento del usuario dentro de la interfaz, dependiendo de lo que busca el usuario en una web corporativa entendiendo el comportamiento del mismo y qué parámetros existen para el diseño de una web corporativa?

Objetivos:

Objetivo general: Entender el comportamiento del usuario dentro de la interfaz por medio de uso de herramientas de análisis web para el diseño de una interfaz amigable tanto estética como funcionalmente para el usuario

Objetivos específicos:

  • Encontrar las herramientas y/o programas que facilitan el análisis del comportamiento del usuario en la interfaz.
  • Que tipo de usuario entra a una web corporativa y que tipo de información busca?
  • Investigar y entender los parámetros para el diseño de una web corporativa. Disposición de elementos dentro de la misma para la reducción de clics.
Etiquetado , , , ,

Personalización de interfaces gráficas en las páginas web- Objetivo general y específicos.

Por Gabriel Escobar

 Objetivo general:

Lograr una interfaz personalizada donde se pueda navegar confortablemente por toda su estructura solucionando situaciones en el ámbito personal y visual; teniendo en cuenta los gustos de las personas sobre las tendencias gráficas en la web y por otro lado sus problemas de visión más comunes como el daltonismo, visión borrosa, etc.

Objetivos específicos: 

  • Hacer un estudio sobre la forma de vida de las personas que constantemente manejan páginas web.
  • Tener en cuenta las tendencias gráficas web como son el minimalismo, el laser focus, etc. y como se implementaría en una forma más personalizada.
  • Lograr una personalización de contenidos de acuerdo a problemas de visión más comunes.
  • Analizar cual sería la forma en que una página web sea más personal teniendo en cuenta su funcionalidad.
  • Lograr que una empresa pueda conseguir más clientes con una interfaz web adaptada en el campo de la personalización.
Etiquetado , , ,

El Flâneur: Una nueva forma de conocer el mundo

Nathalia Martinez Zapata

Si bien se ha planteado en los anteriores post la ayuda que le proveen las plataformas web mediante diseño y funcionalidad a los usuarios encontrar un lugar donde se quiere llegar y experimentar la base q se plantea Baudelaire con el concepto Flâneur no ha sido completamente gratificante, ya que para vivir completamente la experiencia q se planteaba anteriormente se necesita del perderse para encontrar su gusto al experimentarlo.

Walter Benjamin fue un Filosofo, critico literario, crítico social, traductor, locutor de radio y ensayista alemán que acogió todo el pensamiento que Baudelaire quiso expresar con el  Flâneur, este defendía el concepto y daba una critica acerca de la ciudad y su movimiento en la posmodernidad. 

El plantea que “El laberinto es el buen camino en el caso de aquel que siempre llega demasiado temprano hasta su meta. Ésta, para el Flâneur , es el mercado.” hablando desde el punto de vista de la ciudad. pero basados en esto, la pregunta es  ¿que pasa con el concepto que se plantean ellos, en este mundo nuevo donde la tecnología, el diseño y la innovación priman sobre cualquier experiencia real que pueda vivir el usuario?.

La respuesta a esto es sencilla, aunque no se mire desde el concepto, se han creado paginas para fomentar este deseo de perdida, y pasar el tiempo conociendo algo nuevo sin dejar huella en el lugar, una de ellas es muy simple, el uso de plataformas como google maps y google street que te dan la ubicación, pero realmente tu no sabes a donde ir, así que se han planteado nuevas y diferentes plataformas donde se puede experimentar la sensación que pretende tener el Flâneur al perderse. una de estas es “randomstreetview” que te permite ir a cualquier lugar que se encuentre en google street, pero esta no te da la opción de escoger, mediante una simple navegación como un botón, te lleva a lugares diferentes, y puedes recorrer el lugar desde la comodidad de tu hogar.

La navegación de esta pagina es simple, puedes tener la opción de escoger si quieres saber o no cual es el lugar que visitas, mediante un mapa de ubicación y una dirección que el te proporciona, pero la opción se puede desactivar, ademas tiene otro elemento donde puedes escoger q país prefieras y si quieres compartir a experiencia en diferentes redes sociales, ademas cuenta con un botón de play o pause que te permite hacer un recorrido aleatorio casa cierto tiempo o el tiempo que desees.

 

Navegación simple:

Captura de pantalla 2014-04-24 a las 23.37.46

Navegación avanzada:

Captura de pantalla 2014-04-24 a las 23.37.38

 

Paginas como estas tan simples en su funcionamiento, hacen que el concepto planteado hace tantos años atrás cobre vida, con una navegación simple y un diseño simple, haciendo provecho de otras plataformas como lo es google street, y dan una nueva forma de entretenimiento a los que deseen participar de esta forma de vida, el perderse es encontrar algo nuevo y mediante las nuevas tecnologías se pueden lograr muchas cosas, y con algo tan simple se logro darle vida a un concepto que quizá puede extinguirse.

 

Captura de pantalla 2014-04-24 a las 23.44.59

Fuentes:

http://www.circulobellasartes.com/benjamin/index.php

http://randomstreetview.com/

 

Etiquetado , , , , , , , ,

LA “INTERACCION” EN WEB, YA NO ES CUENTO.

Por: Laura Restrepo Nicholls

Al referirnos a el diseño web, no nos podemos quedar con la expresión y el significado popular que se tiene en el contexto colombiano, se debe de ir mucho más allá para encontrar un verdadero sentido al lugar que una marca debe encontrar en web, dejar a un lado las limitaciones visuales y acercarse a las personas debe ser la premisa con la que debe partir la comunicación de marca, es por eso que hoy en día la “interacción” es un elemento vital para lograr que esa imagen que percibe el público, sea exactamente como se pretendió mostrar desde la identidad, cuando nos referimos a diseño web tenemos que partir de las tendencias de un público expectante y deseoso de ser sorprendido, sacudido por nuevas realidades, y que mejor lugar para encontrarse con estos acontecimientos que la misma web.

Según un comunicado de prensa, el gigante de Redmond (Microsoft) afirma en estas palabras de Thom Arkestaal

“Es sumamente importante escuchar la voz del consumidor. Estamos en un momento en el que el balance de poder entre las marcas y el cliente se está transformando y en el que las reglas para acercarse a éstos deben ser re imaginadas. Nuestro objetivo es empoderar a las marcas desde la tecnología para que puedan desarrollar nuevos modelos de innovación, mercadeo y relacionamiento, que agreguen un valor para los consumidores y sus expectativas. Para simplificarlo, estamos poniendo a las personas en primer lugar”.

De esta afirmación se puede inferir la gran importancia que toma en las nuevas generaciones una comunicación de marca en su mismo lenguaje, permitiéndole no solo percibir la identidad de una marca, en cambio ser parte de ella a través de vivencias y experiencias que marquen su vida.

 Imagen

 

Para seguir enfatizando en el gran valor que una marca debe otorgar en plataformas web, es bueno conocer a fondo que premisas son las que enmarcan los caminos para lograr el éxito y el posterior posicionamiento que una marca deberá tener.

Según el experto en posicionamiento de marca Al Ries, para lograr un éxito en la incursión de la marca en la web, es necesario seguir 11 leyes inmutables del branding en internet:

1. La ley de la novedad / Continuidad

2. La ley de la interactividad.

 3. La ley del nombre

4. La ley del nombre específico que afirma que un nombre relacionado con la actividad es preferible a uno.

5. La ley de la singularidad.

6. La ley de la publicidad que indica que la publicidad fuera de la Red debe ser mayor que en ella.

 7. La ley de la globalización

8. La ley del tiempo

9. La ley de la vanidad

10. La ley de la divergencia va en contra de la tendencia que hay actualmente hacia la convergencia del teléfono, la tv y el PC

11. La ley de la transformación que señala como Internet transformará todos los aspectos de nuestra vida, transformaciones que ya estamos viendo hoy en día en muchos ámbitos.

Imagen

Según estas 11 leyes consolidamos una vez más la intención de establecer claramente en web, formas y lenguajes comunes, que se expresan y transmiten de manera novedosa, irreverente, causando una reacción en las personas, por defecto a estas interacciones y creando en ellas una identidad de marca.

Etiquetado , , , , , ,

Descifrando paginas web

Por: Laura Restrepo Nicholls

El impacto gráfico en la web es importante para la comunicación virtual porque esta tipología puede ayudar a millones de marcas a evolucionar y hasta posicionarse en el mercado  online.

Es necesario cuestionar el diseño gráfico que se tiene en la pagina web, ya que estas tienen corto tiempo para ser juzgadas o para crear una opinión, y decidir si se queda o simplemente abandona la pagina, porque el objetivo del usuario que navega, es encontrar algo que necesita en el momento, y por eso el buen diseño web debe facilitar a el visitante encontrar aquello que busca, ya que se debe sentir cómodo en el instante de la navegación. La imagen en la web tiene como objetivo hacer clientes y generar trafico, para esto es necesario aplicar estrategias de crecimiento y diferenciación, para implementar el desarrollo, avance y competitividad de la marca que quiere estar presente en la web. Para la pagina ser funcional debe ser coherente con el concepto y la esencia de la marca desde su imagen y navegación, e incluso tener en cuenta algunos ítems claros de la pagina, por ejemplo: la señaletica, los colores que por obvias razones deben llamar la atención al grupo objetivo, imágenes atractivas, forma adecuada de usar el texto, las jerarquías, formato de navegación, tendencias, avances, etc, estos se deben evidenciar para que se entienda e identifique la marca. Debe ser preciso de donde está y a donde quiere llegar, y así tener claridad para priorizar los contenidos.

Muchas marcas aun no comprenden la exigencia del mercado, creen que una pagina no es importante tenerla o no es importante mantenerla, simplemente se dejan llevar por tendencias del mercado, no se tiene presente el mensaje que se puede trasmitir desde la web, no tienen claro cual es el verdadero impacto que tiene el diseño en sus sitios, para esto es importante tener en cuenta las diferentes estrategias que se realizan para una buena comunicación en la web, y así alcanzar el éxito comercial online.

En el momento de innovar en web, no necesariamente tiene que ser algo muy complejo, por el contrario la pagina tiene que ser sencilla y que le facilite al cliente una comodidad en la navegación, desde su contenido; debe ser distinto o impactante,  desde la composición de la imagen y su intención, esto debe lograr que el cliente sienta una conexión inmediata con la marca y así seguir descifrando el sitio web.Un ejemplo muy claro es swatch (marca de relojes) la cual es efectiva y genera dinamismo en su comunicación, se puede observar que la pagina tiene una sencilla navegación y desde su fotografía, su composición de la imagen y comunicación, hay algo llamativo, una historia que es interesante cuestionar.

Imagen

Imagen

Referencias:

comunicación visual: http://www.swatch.com/co_es/home.html

Comunicación dinámica: https://www.youtube.com/watch?v=lcCTbhCkRG8

Fuentes:

http://www.cletu.com/diseno-web/el-abc-del-dise-o-web-32

http://www.elcharko.com/claves-para-llamar-la-atencion-en-tu-pagina-web/

Etiquetado , , , , , ,

MARCA: ESTRATEGIAS DE COMUNICACIÓN EN LA WEB.

Por: Laura Restrepo Nicholls

Antes de entrar hablar de marca, tenemos que entender la composición misma del mercado y de los comportamientos de la sociedad, los cuales pueden llegar a ser tan volátiles como incomprensibles, teniendo de ante mano esta dinámica, una MARCA debería estar a la par y por qué no también anticipándose a estos cambios y trastornos en las conductas y patrones de comportamiento, ya que al fin y al cabo nuestra gestión desde el branding es orientar esas conductas y generar interés hacia nosotros, convertir a la marca y a la persona en una sola identidad, alienando cada decisión de compra racional y dirigiéndola hacia la marca, es en medio de esta dinámica social, y la interacción entre cliente y marca, que comienza a surgir otro tipo de contacto, un contacto sin barreras geográficas, un contacto global a través de la web y que esta relación necesariamente se modifica con el lenguaje y la forma de establecer ese contacto y acercamiento con los clientes, se traslada toda aquella relación de lo físico a lo intangible, y comienzan a surgir cuestionamientos, sobre ¿Cómo carajo el cliente logra interactuar con la marca? ¿Cómo me perciben?, estas y muchos más interrogantes aparecen en esta nueva dimensión, y se tiran de nuevo las reglas del juego.

Muchas organizaciones aun no comprenden toda esta nueva dinámica en el manejo de su marca, simplemente se dejan llevar por tendencias de mercado, sin evaluar antes cual puede ser su verdadero impacto en la forma y en el mensaje que esta transmitiendo a sus clientes desde la web, y todas las repercusiones que esto puede generar en la percepción de sus clientes, existe una falsa creencia y por ende un mal manejo de las estrategias de comunicación en la web en gran parte de las organizaciones colombianas hablando más respectivamente de pymes (pequeñas y medianas empresas), que aun intentan desesperadamente posicionar sus marcas sin saber que le están transmitiendo a sus clientes, cayendo precipitadamente en el fracaso.

Es importante formar estrategias en la comunicación gráfica, para tener efectividad en el desarrollo de la marca web, y así crear la imagen que identifique y se destaque ante los potenciales clientes, para esto se tiene que cumplir cierto requisitos tecnológicos unidos con los requisitos del diseño gráfico. La calidad en la web es lo debe perseguir una buena comunicación gráfica online para satisfacer la necesidad del cliente, y así también trasmitirle a el mismo el mensaje que la marca propone.

Fuentes

http://es.wikipedia.org/wiki/Backlink

http://www.google.com/intl/es-419/think/

Etiquetado , , , , ,