MetodologíaPara el Diseño y Desarrollo de Sitios Web

Mexital I+D®

Desarrollado por Mexital I+D® para YMCA Concepción Chile

I+D

???Nos preocupamos por mejorar la experiencia del Usuario que se encuentra ante la gran diversidad de plataformas en la Web actual.

Los sitios Web tienden a vincularse dando paso a múltiples variables que generan el estrés del usuario.

Vínculos mal diseñados y errores sin respuesta son comunes en sitios con una mala organización de contenidos.

En resumen una mala experiencia del usuario se traduce en un cliente insatisfecho y que no volverá.

Comunidades

E-Mail

Chat

Tv & Video Perfil

Transacción

Integración

WidgetBlog

Intranet

Problemática de actualidad:

Enfrentados al Estrés del Usuario ante la Web

Una comunidad de usuarios inexpertos y estresados resulta un pésimo panorama para las pretensiones del mercado ante el despliegue de tecnología y productos.

Mexital I+D®

Clientes - Clientes habituales

Usted sabe que, de hecho, el cliente es el rey de su negocio. Sin él, su empresa no existiría. Por eso debe hacer todo lo posible por dejarle satisfecho, tan satisfecho como para que repita. Por eso, y porque según los estudios, los clientes habituales generan el doble de beneficios que los nuevos clientes.

Sponsors - Sponsors potenciales

Patrocinador o Sponsor es la compañía que te paga por poner publicidad en tu página Web. Hay diversas compañías como diferentes tipos de pago, algunas pagaban por hit , otras pagan por click , por registro , compra , etc. Para sacarle provecho a un sponsor en necesario que este se adecue a nuestro sitio Web , a nuestro trafico , etc.

Usuarios Avanzados y Expertos

Se anticipan a todos los vinculos y reconocen las características de los sistemas, desechan rápidamente los sitios con errores y mal diseñados. Tiene más experiencia con las interfaces y pasan varias horas navegando.

Un usuario que califica un Sitio Web con altos índices de usabilidad es un cliente satisfecho, que vuelve y recomienda los servicios bien ejecutados.

Un sitio web que cumple con los estándares de creación se basa en un método que aborda la web semántica o web 2.0, éste se denomina DCU:

Diseño Centrado en el Usuario.

Diferentes Clientes - Usuarios buscan diferentes resultados

Diferenciamos y potenciamos a nuestros clientes

Mexital I+D®

Metodología DCUDiseño Centrado en el Usuario

Mexital I+D®

Brief Encargo

Detallar los pasos del proyecto en el que se va a trabajar, si bien suena a un poco de trabajo previo ayuda MUCHO al proceso creativo y prácticamente pone las bases del diseño.

Una vez que el brief está hecho, la mayoría de veces todo marcha sobre ruedas, porque dentro de él tenemos ideas, conceptos, personajes y personalidad.

Es la mejor forma de conocer al cliente y saber cual es el verbo del sitio. Crea el hábito de hacer las cosas en orden y seguir un sistema que aumentará definitivamente nuestra efectividad y productividad.

Brief de Clientewww.mexitaldesign.com/brief

Acotar el encargo mejora la productividad

Mexital I+D®

Benchmarking es una técnica de gestión empresarial que pretende descubrir y definir los aspectos que hacen que una empresa sea más rentable que otra, para después adaptar el conocimiento adquirido a las características de nuestra propia compañía.

En otras palabras son comparativos de habilidades en la Web. Las mediciones se centran en la gestión y los aspectos que impactan directamente la Usabilidad y la Experiencia del Usuario de su competencia.

Con estas mediciones se tienen datos confiables de cómo, por qué y en qué su competencia es mejor y más efectiva. Estos datos son fundamentales antes de enfrentar su proyecto.

Instituto Español de Comercio Exterior (ICEX)http://www.icex.es/

Benchmark

1

Ponga ojo en su competenciaMexital I+D®

El modelo conceptual de la usabilidad, proveniente del diseño centrado en el usuario, no está completo sin la idea utilidad. Es aquí donde se hace primordial conocer el verbo del sitio.

El “grado de usabilidad” de un sistema es, por su parte, una medida empírica y relativa de la usabilidad del mismo.

* Empírica porque no se basa en opiniones o sensaciones sino en Tests de Usabilidad, que miden eficacia, eficiencia, satisfacción y navegación. * 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 encontar 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.

Se obtienen datos reales e irrefutables sobre lo que sucede en su Web o intranet gracias a estas herramientas de medición:

* Test Heurístico - www.mexitaldesign.com/heuristico.html * Test de Usuarios - www.mexitaldesign.com/usuario.html * Laboratorios de Usabilidad - www.laboratoriousabilidad.com * Minería Web - www.mexitaldesign.com/usuario.html

http://www.upassoc.org/The Usability Professionals’ Association

Usabilidad

2

Conozca porque su actual sitio Web no cumple las expectativas

Mexital I+D®

Ésta disciplina estudia, analiza, planifica y fundamenta la organización, disposición y estructuración de espacios de información, además selecciona y presenta los datos contenidos en los sistemas de información interactivos. El World Wide Web y el Information Architecture Institute, definen Arquitectura de la Información como:

* 1. El diseño estructural en entornos de información compartida. * 2. El arte y la ciencia de organizar y rotular sitios Web, intranets, comunidades en línea y software para promover la usabilidad y encontrabilidad. * 3. Una comunidad emergente orientada a aplicar los principios del diseño y la arquitectura en el entorno digital.

Trata indistintamente el diseño de sitios e interfaces de dispositivos móviles y gadgets como un iPod, CDs interactivos, videoclips digitales, relojes, cajeros automático, juegos electrónicos, etc. Su objetivo es facilitar al máximo las tareas que ejecutan los usuarios, los procesos de comprensión y asimilación de la información que se les presenta, de acuerdo a los objetivos planteados en la fundamentación del proyecto.

Los recursos mas usados en AI son:

* Card Sorting * Lingüística y Redacción Creativa * Mapas de Navegación e Interacción * Wireframes

http://www.iainstitute.org/The Information Architecture Institute

Arquitecturade la Información

3

Organización Fundamental de Contenidos

Mexital I+D®

En el caso de Sitios Web la interfaz construye el feeling del cliente. Desde el momento que el usuario entra al sitio, comienza a interactuar con el producto y por lo tanto, comienza su experiencia.

Ahora, piense en todas las aplicaciones y los sitios que ha usado recientemente. ¿Cuántas veces no encuentra lo que busca o no sabe cómo hacer lo que quiere? Esa situación resulta de una mala interfaz, que a su vez genera un problema de usabilidad.

Las interfaces de Sitios Web juegan un papel más importante aún que el que han tenido hasta el momento, en aplicaciones tradicionales debido a la disparidad de usuarios, lenguajes, aplicaciones y la velocidad con que todos estos factores están cambiando.

Una buena Interfaz permite destinar los esfuerzos del usuario a una lectura y comprensión más rápida y eficiente del contenido.

* Define y aplica los conceptos de Diseño y Diagramación. * Define la cromática y tipografías. * Diseña la iconografía y le da sentido y ubicuidad al accionar de las personas en un medio digital. * Construye las Experiencias y entrega las claves para obtener un aprecio estético.

International Institute for Information Design (IIID)

Diseñode Interfaz de Usuario

4

Diseño Corporativo Original al servicio de la comunicación

Mexital I+D®

Conceptualmente es el trabajo de transformar el Diseño Visual en código, para que se vea en los distintos navegadores y dispositivos. Formalmente es Diseño de código.

Se debe diseñar para los distintos buscadores poniendo atencion a los stándares de creación.Indexar correctamente los sitios para el reconocimiento de idioma, zona geográfica y horario.Una buena experiencia en código permite identificar los errores y código basura. Todo esto en relación a entender y aplicar estándares, Web semántica y código que sea válido para el W3C.

Los ingenieros y programadores a través del código XHTML trabajan para que los Diseños sean aplicados a cualquier plataforma (WebSphere IBM, Oracle Portal, Microsoft Portal) de manera eficaz y sin estrés para su equipo de Ingeniería.

* XHTML * CSS2 * JavaScript * Ajax * PHP

Diseño Front

5

Producción e Implementación Web Semántica y Estándares

Mexital I+D®

Metodología DCUDiseño Centrado en el Usuario

Así funciona la metodología DCU, en base a pruebas y organización fundamental para asegurar el éxito de su sitio Web.

Aplicamos Asesoría de estrategia, Estudios de Usabilidad, Web Semántica, Diseño Gráfico Corporativo y Publicitario junto con Programación por Ingenieros áltamente calificados que cierran el proceso productivo.

Nunca antes su sitio Web fue pensado de esta manera. Déjese guiar por la Ingeniería+Diseño.

Mexital I+D®

Gracias por su AtenciónDesarrollado por Mexital I+D® para FullHosting© 2007

I+D

FuentesJakob NielsenJosé CabreraJuan Carlos CamusJorge BarahonaBasilio CáceresHerbert Spencer

InstitucionesInstituto Español de Comercio Exterior (ICEX)The Usability Professionals’ AssociationThe Information Architecture InstituteInternational Institute for Information Design (IIID)UsaLab Universidad Tecnológica de la Mixteca Oaxaca, México

Mexital I+D®