Child pages
  • Consejos de Diseño

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Antes de abrir PhotoShop, GIMP o cualquier otro editor gráfico, debe sentarse en un escritorio con una un bolígrafo y una hoja de papel y pensar en el mapa de sitio de su tienda, haciéndola haciéndolo tan flexible como sea posible (no todas las tiendas tienen la misma cantidad de categorías o de productos por categoría).

...

  • Página de inicio
  • Página de categoría
  • Página de producto
  • Página de comparación de producto
  • Página de resultados de la búsqueda
  • "Mi Cuenta" y sus páginas interiores:
    • Mis vales
    • Historial de pedidos
    • Información personal
  • "Mi Carrito"
  • Página de autenticación
  • Creación de cuenta
  • Páginas de finalización de compra:
    • Listas de direcciones
    • Costos de envío
    • Elección de pago (cheque, transferencia)
    • Finalización de una página
  • Creación de dirección
  • Página de entrega
  • Página de mantenimiento
  • Lista de fabricantes y página individual de fabricante
  • Lista de proovedores y página individual de proveedor
  • Página 404 ("Página no encontrada")
  • Página "Mejores ventas"
  • Página "Nuevos productos"
  • Página "promociones actuales"
  • Página "contraseña olvidada"
  • Aviso Legal
  • Mapa del sitio
  • Página de tiendas
  • Formulario de contacto

Tome todos estos todas estas en cuenta y procure no olvidarse ninguno de ellosninguna de ellas. El no tomar en cuenta alguna página puede resultar en un tema incompleto y por lo tanto en una mala experiencia para sus usuarios.

...

Para garantizar que pueda compartir fácilmente su creaciones con otros (diseñadores, integradores, clientes), le aconsejamos guardarlas como un archivo de PhotoShop(RGB, 72 dpi, no-aplanado)

Debe trabajar teniendo en mente la resolución de ancho de 980px.en mente.

Arreglo de Capas

Puede utilizar varios métodos, dependiendo de sus preferencias:

  • Una carpeta para cada capas capa de texto, para que los integradores puedan conseguir acceso fácil al diseño mismo.
  • Una carpeta para cada bloque de diseño (Nuevos productos, Mejores ventas, etc.)

...

Mantenga el número de tipos de letra a en lo indispensable, para evitar que su sitio web sea confuso e ilegible.

Unidades

Al diseñar para la Webweb, la unidad básica de medida es el píxel. No mida ni en cíceros, puntos ni centímetros.

...

Siempre tenga presente que el usuario tiene la última palabra en lo que dice en el texto, ya que el navegador moderno puede expandir o reducirlo. De hecho, debe probar su sitio web con varias distintas variaciones de navegador, ver lo fácil que puede ser quebrantar su diseño... y por lo tanto rehacer su diseño para evitar el sencillo quebrantamiento del mismo.

...

Aquí no ahondaremos en teorías complejas de interacción entre humano y computadora, sino que trataremos de asegurarnos que su tienda es sea accesible a tantos clientes potenciales como sea posible. Su objetivo principal debe ser contar con visitantes que confían en su tienda lo suficiente para que comiencen a comprar.

Cada vez que un visitante tropieza con un problema de facilidad de uso, su sitio pierde su confianza. Si la confianza alcanza un punto bajo, la frustración viene y los visitantes abandonan su sitio, sin comprar nada por supuesto. De ahí la importancia de la facilidad de uso en el mundo del comercio electrónico.

Cuando diseñe el tema de su tienda, tenga en mente que su misión (además de la venta de productos) es de mostrar a sus visitantes que su sitio web es gestionado por personas serias y competentes.

La página de inicio

Esto Esta es la página más importante de su tienda, donde esta se trata más que de una cuestión de suerte. Esta es la página donde el visitante obtendra una opinión general de su tienda y decidirá si debe confiar en su tienda con su dinero.

...

Muestre sus detalles de contacto, como el sistema de número de teléfono o chat, si lo tiene está disponible. Esto mostrará que es real , y eso puede hacer una inmensa diferencia. Por supuesto, no utilice su número de teléfono personal: los clientes deben sentir que llaman al equipo del soporte de una empresa, no para perturbarle mientras cocina.

Muestre claramente sus condiciones de Devoluciób Devolución de Mercancías, sus T&C generales y otras reglas aplicables que su tienda respeta.

...

El embudo de conversión es donde sus visitantes se convierten en clientes (de ahí el uso de "conversión", o a veces "transformación"). Si éstas páginas son diseñados diseñadas o estructuradas incorrectamente, esto puede significar la pérdida de muchos clientes potenciales y por lo tanto, toda los pedidos que pudieron haber realizado en su sitio.

...