Desarrollos Visuales ::: Portfolio Freelance

Portfolio
CV
Acerca de mi
Blog

portfolio

Editorial
Gráfica
Web
Fotografía

Desarrollo Web
:: FASES

PRIMERA
SEGUNDA
TERCERA
CUARTA
QUINTA

...newsletterUn newsletter o boletín electrónico es una publicación distribuida de forma regular a sucriptores vía e-mail.

newsletter

Al desarrollar el proyecto de un newsletter, entre otras cosas, debemos contemplar que los destinatarios difieren en las tecnologías que utilizan para recibir y leer sus mails, y que éstas aún no coinciden totalmente al momento de interpretar los estilos que podamos aplicar al código de marcado. (En el caso de HTML).
Para asegurarnos una recepción legible y adecuada, conviene aplicar únicamente las pautas estándares que -al momento- sí aceptan los programas de clientes de correo. rediseño de portalEl rediseño de un sitio Web puede plantearse por diversos motivos... Por ejemplo: ha heredado un sitio antiguo, bastante ineficaz y con aspecto que no se adecúa a la imagen que quiere imprimir de su empresa y servicios. Su compañía ha sufrido una reorganización o ha tomado una nueva dirección. Desea actualizar el apecto del sitio. Necesita capacidades para e-commerce. Necesita un sistema de gestión de contenidos. Su navegación es un desorden. El branding que utilizaba se ha venido abajo. Nunca ha tenido branding. Desea que su sitio se vea igual en diferentes navegadores o plataformas...
web anterior

web anterior

web actual

Sin embargo, para rediseñar sitios Web en Internet hace falta alguna cosa más que instinto. Debe estar refrendado por hechos, análisis y una estrategia global que nos lleve al objetivo.
Por lo que, ya sea partiendo de cero o de un nuevo diseño, el desarrollo se basa en la planificación. Debe dedicar tiempo a visualizar primero y a seguir depués, un ciclo de trabajo sólido que contemple todas las fases del proyecto.
Hay algo con lo que todos debemos contar, y es que el sitio Web seguirá evolucionando. Será más inteligente, más competitivo y más orientado a lo servicios. Los visitantes de su sitio Web también cambiarán: serán más listos. La Web irá cambiando todas las reglas.
Para tener en cuenta...
* Piense antes de actuar. Rediseñar un sitio Web sólo porque el anterior parece estéticamente anticuado es bastante habitual, pero se debe tener mucho cuidado; hay mucho más en juego que el mero diseño de una interfaz. Aunque su diseño parezca obsoleto, muchos de sus usuarios ya se habrán acostumbrado a usarlo.
* Identifique sus objetivos. ¿Qué es lo que funciona? ¿Qué hay que rediseñar? ¿Dónde tienen problemas los usuarios? ¿Cuáles son sus quejas y sugerencias? Prepare pruebas de usabilidad que identifiquen problemas específicos.
* Analice a la competencia. Observe de forma objetiva a sus competidores y valore sus puntos fuertes. Compare las características y servicios que ofrecen.
* Implique a sus usuarios. Haga partícipes a sus usuarios actuales en el rediseño; pregúnteles, escuche sus opiniones y avise de forma clara por qué y cuándo cambia el sitio.
* Diseño centrado en los usuarios. No diseñe para la audiencia equivocada, piense en su público objetivo.
* El contenido es el rey. Piense que la información que ofrezca es tan importante como el rediseño. Ofrezca siempre contenidos bien organizados, actualizados, útiles y de calidad. (...) primerweb usabilidad

usabilidad

Los directores de corporaciones y los empresarios deben adaptarse a una estrategia global de objetivos de negocio ya que los beneficios están estrechamente relacionados con la experiencia satisfactoria de los usuarios. Un sitio Web es una prolongación de los servicios y productos que se ofrecen, un medio para la comunicación interna y para la comunicación de empresa a empresa, y ya va siendo hora de aproximarse a nuevos diseños y rediseños de sitios Web con objetivos a largo plazo y con la idea clara de que el valor de marca de una compañía está produndamente conectado a la experiencia del cliente con la compañia, tanto online como offline.
Es primordial acercarse al proyecto desde una posición central: el punto de vista del usuario. Una buena estrategia de diseño/rediseño comienza allí. onlylayout layout

layout

La tendencia mundial es el diseño con estándares css y marcado estructural. Atrás ha quedado y/o quedará la maquetación basada en tablas.
Por qué? Hay muchas razones que sostienen esta tendencia:
* Accesibilidad. Separar forma y contenido permite hacer llegar la información a diferentes dispositivos, navegadores, lectores de pantalla… Posibilitando en buena medida el acceso a personas con discapacidad.
* Ancho de banda. Para sitios con muchas visitas trabajar con estándares puede representar un ahorro muy grande. Reduciendo costes con el envío de información innecesaria al usuario. Páginas construidas con XHTML y CSS pueden llegar a reducir un 50% el tamaño de la página original.
* Tiempos de carga. Menos código hace que las páginas tarden menos en cargar mejorando la experiencia de usuario. La velocidad de descarga es la cualidad más apreciada.
* Buscadores. Una página diseñada con estándares aparecerá en mejor posición en los resultados de búsqueda debido a que el código es más limpio y al no llevar diseño, semánticamente es más correcto.
* Independencia del dispositivo. El uso de estándares facilita el acceso al contenido de las páginas Web a través de diferentes navegadores y dispositivos. Por lo tanto el mismo sitio Web puede usarse tanto en un teléfono celular como en el PC, TV, impresora… sólo tocando un archivo (CSS) Utilizar estándares puede significar llegar al 100% de los usuarios que visitan la red.
* Mantenimiento. Al separar estructura y presentación se permite realizar cambios en todo el sitio editando un único archivo. Cuando se requiera un cambio de aspecto tiempo y coste serán muy reducidos.
* Control por parte del usuario. El usuario del sitio tiene el control sobre la página, independientemente del dispositivo con el que se conecte. La personalización de su navegador le permitirá modificar a su antojo tamaños de letra, colores, botones…
* Futuro. Los Navegadores se están adaptando a los estándares, de esta forma se garantiza la viabilidad de los proyectos a largo plazo. CSS 2.0 es compatible con el 99% de los navegadores y, si se usa bien, sirve para cualquier plataforma.
* Gestión. Las partes de la página pueden ser cambiadas de disposición, diseño, tamaño en función del dispositivo, la página…
--------------------------
Trabajar con estándares no significa renunciar al diseño de nuestro sitio web. Significa cambiar un poco nuestra mentalidad a la hora de diseñar, pero sobre todo, a la hora de maquetar. Cualquier diseño, preparado en .psd por ejemplo, se puede maquetar luego mediante XHTML y CSS.

Recursos

Faq de CSS→ visitar recurso Recopilación de problemas y sus soluciones...
Directorio de Enlaces→visitar recurso AI, HCI, Usabilidad, Accesibilidad, CSS...

Del Weblog

Contacto

Nombre: (Requerido)

Email: (Requerido)

Web:

Mensaje: (Requerido)

© LaNota 1.0 Template :: A&D
by Tinte Digital - Desarrollos Visuales
CSS y XHTML 1.0 Válidos