10 consejos para un proyecto web
DESCRIPTION
Presentación realizada en Madrid en la puesta de largo del programa Internet-vende.com del Ayto. de MadridTRANSCRIPT
![Page 2: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/2.jpg)
domestika.com
Radiografía del éxito de una web
Introducción
9 claves
Opciones idiomáticas
Uso de Flash
Resolución flotante
Información clara
Estructura información
Actualización constante
Código Programación
Introducción
URL´s
Links
La web es el comienzo Control
![Page 3: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/3.jpg)
domestika.com
Introducción:
El Diseño al servicio del Mensaje
![Page 4: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/4.jpg)
domestika.com
El Diseño al servicio del Mensaje
• Internet es un medio interactivo. Propiciar la libertad del usuario.
• La web no ha de satisfacer nuestras necesidades de comunicación si no las del usuario.
• Una web corporativa no ha de ser, necesariamente, una obra de Arte.
• El diseño visual ha de acompañar al mensaje, no sustituirlo.
• La distancia entre un negocio online y otro es un click.
• Favorecer al usuario. Pensar en el usuario. Anticiparnos a las necesidades del usuario.
![Page 5: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/5.jpg)
domestika.com
Radiografía del Éxito:
10 claves para una web corporativa
![Page 6: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/6.jpg)
domestika.com
1.- Uso de Flash
• Objetivo: Reforzar el mensaje
• Evitar obligaciones para el usuario
• Opciones alternativas
• No poner trabas a la navegación
Correcto: http://www.frutexport.es
Incorrecto: http://www.estudiodereformas.com
![Page 7: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/7.jpg)
domestika.com
2.- Opciones idiomáticas
• Objetivo: Mejorar la comprensión
• Evitar elección primaria. (Sólo webs con mucho tráfico)
• Evitar molestar en temas sensibles
• Uso de abreviaturas ISO en lugar de banderas
Correcto: http://www.naturval.es/
Incorrecto: http://www.danimport.com
![Page 8: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/8.jpg)
domestika.com
3.- Estructura información
• Mostrar la información en un primera impresión. Categorización
• Evitar menús flotantes
• Breadcrums o migas de pan
Correcto: http://www.marepolis.es
Incorrecto: http://www.danimport.com
![Page 9: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/9.jpg)
domestika.com
4.- Resolución flotante
• Objetivo: Adaptar la visualización a distintos dispositivos o usuarios.
• Evitar webs ancladas
Correcto: http://www.marepolis.es
Incorrecto: http://www.danimport.com
![Page 10: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/10.jpg)
domestika.com
5.- Información clara y visible
• Extremadamente importante en webs para E-Commerce
• Todos los usuarios tenemos las mismas preguntas
• Secciones de FAQ
Correcto: http://www.marepolis.es
Incorrecto: http://www.danimport.com
![Page 11: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/11.jpg)
domestika.com
6.- Actualización constante
• Objetivo: Reflejar la realidad de la empresa
• Servir como herramienta de comunicación
• Servir como web transaccional
Correcto: http://www.marepolis.es
Incorrecto: http://www.danimport.com
![Page 12: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/12.jpg)
domestika.com
7.- Código de programación(SEO)
• El usuario no lo ve, pero los buscadores (spiders) sí.
• Ha de seguir los consejos del W3 Consortium
• Evitar el uso de tablas. (tiempo de carga, posicionamiento)
Correcto: http://www.marepolis.es
Incorrecto: http://www.danimport.com
![Page 13: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/13.jpg)
domestika.com
8.- URL´s
• Objetivo: Mejorar la comprensión humana y spiders
• Facilitar la indexación
• Ganar relevancia
Correcto: http://www.marepolis.es
Incorrecto: http://www.danimport.com
![Page 14: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/14.jpg)
domestika.com
9.- Links
• Cuidar los anchors
• Abrirlos en la misma ventana
• Ganar posicionamiento
Correcto: http://www.marepolis.es
Incorrecto: http://www.danimport.com
![Page 15: 10 consejos para un proyecto web](https://reader033.vdocuments.pub/reader033/viewer/2022060123/5597af2d1a28abd8138b459b/html5/thumbnails/15.jpg)
domestika.com
La web es el comienzo
• La web no es un fin, es un medio.
• Campañas de SEM
• Web 2.0, redes sociales, blogs.
• Publicidad offline.
• Control y estudio de tráfico
• Medidas correctoras y actualización constante.