Diseño Web con Eduimagen
@geninteractive
Nestor Tobar Araujo
Director Creativo Gen Interactive Lab
Docente Universitario
Expresión / D.I
Arquitectura de información / DMI
Universidad Icesi
Docente
Herramientas digitales para el emprendimiento exitoso
Eduimagen
Introducción
Qué son, cómo se crean, aspectos técnicos,
terminología, técnicas, ejemplos, referencias, consejos.
Capítulo 1
Érase una vez
Las recuerdan?
Tablas y Tablas
Webmaster
Y como son hoy?
Por que cambiaron?
Capítulo 2
Pero que es!?
Un sitio Web es:
Una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet. Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet...
http://es.wikipedia.org/wiki/Sitio_Web
*Esto es un sitio Web:
*Esto también
*Esto también
Pero que son y
como funcionan?
Son archivos...
Puestos en un servidor
Y que todos podemos ver
Capítulo 3
Qué tipo de presencia Web necesito?
· TENER MI PROPIO ·
Propio sitio Web
Control Total
Multiples páginas
Pero:
Tiene mas trabajo (producción)
Difícil de configurar
Tiene algunos costos
Y TENER
Otros tipos de presencia Web
Y TENER
Otros tipos de presencia Web
Rápidas y fáciles de configurar
Pero:
Control Limitado en la personalización
Y SI PUEDO TENER
Mi sitio Web + Otros tipos
Mi sitio Web + Otros tipos
Llegar a nuevos clientes
Interactuar con tus clientes
Tener reseñas de tus clientes
Multiples dispositivos
Pero:
Requiere mantenimiento constante
www.deviantart.com
· CASO 1 ·
Soy ilustrador, artista, modelador
y quiero mostrar mi trabajo
· CASO 2 ·
Tengo mi propia tienda (física) de objetos y quiero tener mas visitas/clientes
www.paginasamarillas.com
· CASO 3 ·
Tengo una tía en EU e importo productos por encargo
www.facebook.com
· CASO 4·
Soy profesional y quiero ofrecer
mis servicios y hacer contactos
de trabajo
www.linkedin.com
Capítulo 4
Creando un
sitio Web
Hosting y Dominio
En términos simples...
Hosting
Dominio
Para los más técnicos
Un dominio = red de identificación
asociada a equipos conectados
Tipos de dominios
ccTLD :
Country Code Top level Domain | Cod País
gTLD :
Generic Top level Domain | Genéricos
.es
.cat
.eu
.cr
.ni
.ru
.fr
.do
.gt
.mx
.cl
.co
Código País
.es | para servicios de España.
.cat | para servicios en lengua catalana
.eu | la región de Europa
.cr | para servicios de Costa Rica
.ni | para servicios de Nicaragua
.ru | para servicios de Rusia
.fr | para servicios de Francia
.do | para servicios de República Dominicana
.gt | para servicios de Guatemala
.mx | para servicios de México
.cl | para servicios de Chile
.co | para servicios de Colombia
.edu
.gov y .gob
.info
.int
.jobs
.mobi
.museum
.name
.net
.org
Genéricos
.edu | para servicios de Educación
.gov y .gob| para Gobierno y Entidades Públicas
.info| para Información
.int | entidades internacionales
.jobs | deptos de empleo y recursos humanos
.mobi | telefonía móvil
.museum | museos
.name | nombres de persona
.net | infraestructura de red
.org | organizaciones
El dominio Ideal
Descriptivo
Fácil de recordar
Adaptable
· EL DOMINIO ·
Descriptivo
· EL DOMINIO ·
Fácil de recordar
· EL DOMINIO ·
Adaptable
vendetucarro.com?
compratucarro.com?
· DATOS SOBRE ·
Dominios
nordu.net
100' de Dominios
abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijk
.com
algunoslotienengrandeotroslotienenchiquitoperoelmioeselmaslargo
.com
3.141592653589793238462643383279502884197169399375105820974944592.com
· DATOS SOBRE ·
Dominios
feisbuk.es
wikiepdia.com
007.com
· DATOS SOBRE ·
Dominios
Insure.com
Sex.com
Fund.com
Dónde y cómo se compra un dominio?
+ Comprobar disponibilidad
+ Seleccionar Dominio
+ Comprar
Esto nos da una cuenta en ese lugar (proveedor)
para administrar el domino.
Hosting
Hosting
Servicio que permite almacenar información, imágenes,
vídeo, o cualquier contenido accesible vía Web.
Qué debo tener en cuenta
a la hora de adquirir un Hosting?
Tiempo de actividad
Ancho de Banda
Seguridad
Atención al cliente
Precio
Facilidad de uso
Servicios y funciones adicionales
Tiempo de actividad
Tiempo de actividad de los servidores.
- Experiencia -
Ancho de banda
Cantidad de datos puede enviar tu sitio web
Seguridad
Que dispositivos tienen para seguridad
Atención al Cliente
24/7
Precio
Valor Vs. Servicios
Facilidad de uso
Plataforma intuitiva y fácil
Servicios y funciones adicionales
Instalación de herramientas
Configuración
Lo más importante de un sitio Web
es el usuario.
Identificar a la
Audiencia
Entender a la audiencia usando Google Trends
Lograr reunir una audiencia
de prueba
Opiniones - Observaciones
Crear contenido Valioso
Original - Alta Calidad
Útil e informativo
Ej:
Restaurante:
Ubicación, horario, contacto, menu, blog, eventos
Más valioso y útil que otros sitios
Perspectiva diferente
Valor adicional
Creíble
Estudios, citas, enlaces, reseñas y testimonios originales
Atractivo
Imágenes, ortografía, actualizaciones periódicas, comentarios
Qué aleja mis usuarios?
Enlaces rotos o información erronea
Errores gramaticales - Ortográficos
Exceso de anuncios
Spam
Las recomendaciones
de Google
Diseño y Contenido
Claridad en:
Jerarquia, enlaces de texto
Debe contener:
mapa del sitio, moderar palabras claves
Diseño y Contenido
No incluyas NUNCA textos en imagenes, Google no los ve.
Técnicos
Usa el atributo ALT para tus imágenes
Enlaces Rotos
CrossBrowser
Page Speed, YSlow, WebPagetest
De Calidad
Crea páginas para usuarios no para motores
"¿Esto es útil para mis usuarios?
¿Haría esto si no existiesen los motores de búsqueda?".
De Calidad
Evita:
Contenido generado automatico
Traducciones/Ediciones sin sentido
Abusar de esquemas de enlaces
Ej: Hay muchos anillos de boda en el mercado.
Cuando celebres tu boda, tendrás que elegir el mejor anillo.
También tendrás que comprar flores y encontrar un vestido de novia.
De Calidad
Creación de páginas con poco o ningún contenido original
Calidad
Re-direccionamientos engañosos
Texto o enlaces ocultos
Calidad
Comportamiento malintencionado
Suplantación de identidad
Troyanos, Virus, Software Malicioso
Otros titulares
En exclusiva: Paul Walker SI está vivo.
Nos revela porque fingió su muerte.
Alumna se pasa de caliente en clase y acaba en internet
por lo que hizo!!
Mujer le saca el vestido a la amante de su esposo
en plento centro comercial.
Mujer denuncia vergonzosa revisión en el
aeropuerto grabada en vídeo
Credibilidad
Qué favorece
la Credibilidad
1.
Ser la web de una organización conocida o recomendada por los medios de comunicación.
2.
Responder con rapidez a las peticiones, ofrecer la dirección, el teléfono y la dirección electrónica de la institución.
3.
Actualizar con frecuencia los contenidos.
4.
Especificar los autores de las citas y los contenidos.
5.
Tener enlace con una página-web conocida.
6.
Tener un diseño profesional, una estructura coherente e información comprensiva.
7.
Aclarar la política de uso, confirmar las gestiones realizadas, permitir hacer búsquedas con palabras.
8.
Ofrecer enlaces a otras webs.
Qué disminuye
la credibilidad
1.
No distinguir los anuncios del contenido; dejar que se abran ventanas nuevas con publicidad (pop-up).
2.
No actualizarse.
3.
Tener enlaces que no funcionan o que conducen a páginas-web sin credibilidad.
4.
Tener navegación
confusa o difícil.
5.
Contener errores
tipográficos.
6.
No estar disponible en alguna ocasión o requerir mucho tiempo para bajarse.
7.
No corresponderse el nombre del dominio (dirección en la red) con el nombre del autor u organización en la web.
cuando se visita una página-web con frecuencia, los usuarios están mucho más interesados en el contenido que en el diseño del sitio. Pero cuando uno visita una página-web por primera vez, la apariencia es lo que cuenta.
Universidad de Standford
Ese estudio precisa que el 46.1% de los encuestados consideran primordialmente que la apariencia de una página-web contribuye a la credibilidad más que otros factores. En cambio, un 28.5% de los encuestados valoraron más otros factores como el contenido, su frecuente actualización, el manejo de fuentes.
Arquitectura de la Información 28.5%
La estructura de la información define la forma en la que se accederá a los datos. De esta manera si la navegación resulta engorrosa o es confusa, ocasionará una impresión muy negativa.
Foco de la Información 25.1%
Tambien podría traducirse como “tema central de la información”. Sobre esto podemos decir que si un navegante se encuentra con lo que se puede llamar “información descentralizada”, producimos incertidumbre o frustración.
Si nuestro sitio trata varios temas, se debe tener especial cuidado en ordenar todo de tal manera que nuestro usuario no padezca este tipo de cosas.
Filosofía del Sitio 15.5%
Se entiende por filosofía del sitio a la imágen o impresión que se transmite sobre el navegante, puede ser de formalidad, seriedad, informalidad, alegría, jovialidad, etc. Si la impresión que damos es de falta de seriedad, informalidad o poca profesionalidad nuestro sitio no está preparado para vender bien o para atraer buenos clientes.
Utilidad de la información 14.8%:
No es útil no es visitado.
Exactitud de la información 14.3%:
La gente odia cuando somos obsecuentes o andamos con vueltas para describir un producto o servicio. El usuario necesita datos precisos, claros y entendibles. Mientras más exactos seamos sobre lo que vendemos más información tendrá el usuario que le ayudará a elegirlo.
Reputación y Reconocimiento de Marca 14.1%:
Aquí no vale la cuan famoso es un sitio o una marca, sino más bien cual es la reputación que tiene.
Ganarse un buen nombre cuesta, lleva tiempo y require que dispongamos de principios claros y que respetemos los mismos.
Publicidad 13.8%:
Nuevamente se deja bien claro que la publicidad para un sitio web no lo es todo. Muchos contratan el servicio de Ad-sense como método publicitario o contratan un servicio de posicionamiento en buscadores y esperan que las ventas llevan, cuando se dan cuenta de que no es así maldicen el haber invertido en ello y nunca más lo hacen, grave error. La promoción de un sitio juega un papel, pero no es lo más importante, debe estar combianada con el resto de los factores.
Respetar las Opiniones y Comentarios 11.6%:
Antes que nada, es muy importante decir, que tanto si tenemos un sitio comercial como no comercial, es muy importante que los usuarios tengan la posibilidad de opiniar y comentar sobre un producto, artículo, servicio, etc. Esto brinda una imágen de confianza en el navegante, como que no se le está ocultando nada.
Según este estudio, los comentarios negativos, lejos de incidir de manera destrutiva sobre un sitio web, lo hacían más creíble y confiable.
Tono de escritura 9.0%:
A veces, cuando describimos o redactamos para describir un producto o servicio se puede pecar por ser muy formales o muy informales. Nos debemos adaptar al producto o servicio que vendemos.
Saquen una Hojita
Es mas importante el contenido
que el diseño de mi sitio web
En un sitio web
es mas importante la usabilidad
(facilidad de uso) que la utilidad
Es mejor deshabilitar los comentarios de mi sitio web para evitar comentarios negativos
Capítulo 5
Desarrollando
un sitio Web
Lo recuerdan?
El Webmaster
Desconocimiento del tema
Tiempos de actualización
Procesos largos (código)
CMS
CMS son las siglas de Content Management System, que se traduce directamente al español como Sistema Gestor de Contenidos. Como su propio nombre indica, es un sistema que nos permite gestionar contenidos. En líneas generales, un CMS permitiría administrar contenidos en un medio digital y para el caso particular que nos ocupa, un CMS permitiría gestionar los contenidos de una web.
Los más populares
Wordpress
Es un sistema sencillo e intuitivo para crear desde
un blog personal, hasta web's más complejas.
WordPress es un sistema ideal para un sitio web que se actualice periódicamente sin necesidad de conocimientos técnicos de programación.
Como actualizo mi
sitio Web con Wordpress?
Ingresar
"Bandeja de entrada"
Nueva publicación
Una imagen?
Comentarios
Comparta en redes sociales
Aquí estamos
www.eduimagen.co
www.geninteractivelab.com
geninteractive | @geninteractive