Como diseñar una buena pagina. [Guia]

Una vez hemos terminado nuestra web, es hora de mirarla con ojos críticos. ¿Era esto lo que queríamos? ¿Realmente nos gusta? ¿El diseño nos atrae lo suficiente?...
También debemos pensar que la página está hecha hacia los visitantes, por lo que debemos intentar que les guste lo máximo posible. Así es más probable que se la guarden en el listado de favoritos y vuelvan a visitarla en otra ocasión que, al fin y al cabo, es lo que queremos. ¿No?
Para ello nuestra web tiene que ser tan buena como sea posible. Y con “buena” no me refiero a que tenga muchas páginas, sino a que la navegación sea fácil, el diseño atractivo y el contenido completo! La combinación de colores, la situación del menú, la fuente y el tamaño de letra, tampoco deben dejarse de lado.

Algunos aspectos es mejor que nos los critique una tercera persona mas objetiva. Pero hay otros que podemos revisarlos nosotros mismos. Siguiendo esta pequeña pauta, comprobaremos si ya lo tenemos todo listo para enseñar nuestro trabajo al crítico internauta.


1. Muchas veces la primera impresión es la que vale. La web tiene que ser atractiva desde el primer momento en que la vemos, pero también antes de verla. ¿Qué es lo que sueles hacer si una página tarda en cargarse? Yo le doy a la tecla “atrás” y busco otra web. En esta ocasión no le he dado ninguna oportunidad a una web que, tal vez, era exactamente lo que andaba buscando…
Justamente por este motivo, nuestra pagina principal tiene que “pesar” poco (por peso entendemos el “tamaño” en bytes del documento). Una vez el visitante esté dentro y vea que el contenido le gusta, entonces esperará un poco más a la carga de las páginas.
Para ir bien, los archivos no deberían tardar más de 20segundos en cargarse. Debemos pensar que no todos los navegantes usan altas velocidades de conexión a Internet y ellos también son aspirantes a visitante de nuestra web por lo que no podemos despreciarlos.
Recordad, 20segundos con conexiones lentas o los visitantes marcharan!

2. Una vez cargada la página, no suele ser bueno encontrarse con una de esas páginas de presentación con una foto, una frase de bienvenida y un botón con la palabra “entrar” tatuado en él. Cuanto menos trabajo le demos a los visitantes para entrar a la web, más probabilidades hay de que acabe accediendo y le guste lo que encuentre. Y no me negareis que hacerles clicar un botón es un trabajo innecesario!
Algunos estudios han demostrado que solo el 75% de tus visitantes siguen el enlace a la pagina inicial!!!! Dicho de otro modo; 1 de cada 4 personas no entran en tu web!!!!!!! Esa es una cantidad realmente grande!!
La página de entrada sólo se justifica cuando cumple algún cometido: avisar de contenido adulto, escoger idioma, escoger resolución para ver la web, escoger si la quieres ver en flash o, si no tienes instalado el flash, verla en versión html, etc... Otra buena posibilidad para poner una página introductoria es si quieres promocionar algún acto o dar a conocer alguna noticia importante antes de entrar en la web.
Si a pesar de todo insistes en tener página de entrada entonces al menos debe ser atractiva!! Invitar a tus visitantes a entrar y querer explorar la web, así que deben de tener el acceso fácil, con claridad. Mejor si sólo hay un enlace para entrar y no te lleva a dos sitios diferentes.

3. Una vez tengas claro si vas a usar o no la pagina de entrada, debes pensar que los visitantes van a acceder a una pagina madre antes de usar el menú para dirigirse a la sección que les interese. Esta página debe contener visiblemente el menú y una breve presentación/bienvenida en la que comentaras la finalidad de la web y lo que los usuarios pueden encontrar en ella. Además podemos añadir las ultimas noticias del espacio.
Recuerda que esta página debe ser accesible desde cualquier parte del sitio web ya que de ella van a nacer todas las ramas en que dividamos nuestra web.
¿Tenemos ya esta página bien preparada??? Bien! Pasemos al punto 4.

4. Uno de los fallos que más se repiten está escondido en el título de la página (Lo que aparece en la barra azul del explorador). Muchas veces nos olvidamos de ponerlo y queda un nada atractivo: “Untitled document”. Otras veces nos limitamos a poner el titulo de la web: en este caso sería “Como Crear Tu Web”. Aunque lo más recomendable es poner el nombre de la web seguido del título de la sección: “Como Crear Tu Web :: Critica Tu Web” tratando de añadir así palabras clave.

5. Y que me dices del nombre de los archivos? Lo mejor es poner un nombre bien descriptivo. De este modo cuando busques un archivo en concreto lo encontraras más fácilmente además de que facilitarás el trabajo a los buscadores. Evita también poner nombres excesivamente largos, acentos o espacios. Tampoco se recomienda usar barras bajas ( _ ); en su lugar puedes utilizar guiones ( - ). Lo que no debes escribir por nada del mundo es una barra ( / ) o un punto ( . ). Si usas la barra, lo que le indicas al explorador es que debe buscar un archivo dentro de una subcarpeta (que no es el caso…) mientras que si usas un punto le estas sugiriendo un subespacio web (que tampoco es nuestro caso).

6. Es buena idea añadir en la parte superior un banner de nuestra web y/o un banner publicitario. Pero no olvides que si este banner es muy alto, desplazará el contenido de la web algo mas abajo, por lo que el visitante deberá usar la barra de desplazamiento vertical para visionar el resto de la web. Tampoco pongas uno o mas banners de modo que el total quede muy ancho o aparecerá barra de desplazamiento horizontal!

7. Si optas por un menú horizontal, sitúalo justo encima del contenido, ni en la cabecera ni a pie de página! Si el menú es vertical lo más aconsejable es ponerlo a un lado (derecha o izquierda) del contenido, pero tampoco muy arriba ni muy abajo!
No está de más añadir los mismos enlaces que has situado en el menú pero esta vez en la parte más inferior de la página. Algunas webs como orange lo hacen para asegurarse que los navegadores indexen su sitio al completo ya que muchas veces les cuesta leer el menú si está formado por imágenes…
El menú también tiene que ser atractivo! El visitante debe notar cuando sitúa el mouse encima de un enlace, bien sea mediante un cambio de color, de fuente, de tamaño, etc. Recuerda también que los enlaces rotos no le gustan a nadie! Si hay alguna sección que aún no esté terminada, desactiva el enlace y anuncia que esa parte todavía esta en construcción! (Pero lo mejor es que si no la has terminado, no la incluyas en el menú!).

8. No abuséis de los efectos. Al contrario de lo que puede parecer, una web con muchos scripts de efectos no dan sensación de profesionalidad! Incluso la mayoría de estos molestan al visitante…! También llenan el código fuente de basura y ralentizan la carga de las páginas. Y si no estas convencido no tienes más que visitar al señor google: una pagina la mar de sencilla pero de alta funcionalidad!

9. Elegir un tipo de fuente no es fácil, sin embargo resulta muy fácil descartar algunas. Haced pruebas hasta que encontréis algo que os guste, sea fácil de leer y vaya con la web. Lo mismo con las combinaciones de colores.
Evitad centrar el texto. La mejor alineación es la justificada e intentad insertar alguna imagen de vez en cuando para hacer la lectura más amena pero no os paséis, o parecerá una galería de imágenes… jeje

10. Los contadores de visitas no son de mi gusto. Si tienes pocas visitas, pareces un muerto de hambre; mientras que si tienes muchas, te tachan de fantasma… Lo mejor es poner unas estadísticas para tu uso sin que los visitantes las vean (no hace falta esconderlas, pero tampoco es necesario publicarlas en la web!). Eso si, en tanto como os sea posible, no pongáis estadísticas/contadores que contengan publicidad. Lo mismo con otro tipo de servicios como encuestas o libros de visitas: la publicidad que nos impone el servidor (en el caso de usar uno gratuito) ya es suficiente!

11. Si tu web es comercial, no olvides indicar alguna información de la empresa como el número de teléfono, fax, dirección o e-mail. De lo contrario costará que te tengan en consideración ya que les costará confiar en una empresa con la que no tienen como contactar!

12. No os extendáis mucho en las páginas. Si los visitantes tienen que bajar mucho para ver el final, tal vez no lo hagan…

13. Cuando tengáis la pagina terminada, publicadla en la sección “Criticamos Tu Web” del foro y será el turno de las críticas objetivas!
Excelente..... [contenido no disponible]
Bajo mi punto de vista, esto debería ser un posit. :lol:
Muy bueno bro.. sos de otro lote jeje.. graciax x apoyar a los q no sabemos muxo.. pero muxoo :oops:
Tomare en cuenta la mayoria de estos , aunke soy demasiado malo haciendo esto ia k solo tengo 13 años y no se mucho sobre el HTML , pero intento hacerlo lo mejor posible ;)
hola, sasuke, el tener 13 años, no es impedimento para aprender html.
Mi hermano tienes 10 años y sabe mas o menos html.
:lol:
yo empece a los 16 años esto del diseño web, como jugando; Claro que mi amor por la informatica surgio a los 7 años. La verdad que el diseño web no me llamaba la atencion hasta los 16 años; a mi me gustaba la programacion, ensamblaje de computadoras, Linux, Electronica, etc. Con decirte que ensamblaba mis pc solo a los 13 años.
Pero esto del diseño surgio hace poco. A los 16 años utilizaba FrontPAGE, luego lo deje, un tiempo y volvi a comenzar a los 19 años, edad que yo tengo AHORA. Ahora mi hermano menor que tiene 10 años, tambien llevo el curso de html de CCTW, y le gusto y se puso a estudiar en una academia, ahora ya sabe mas o menos. Dice que pronto va a crear su web de juegos. Ya veremos.

Saludos :)
yo empezé ace menos d un año kon 15 años aciendo spaces i paridas d estas y un dia m dio x el dreamweaver i ala io creo k e abanzado mucho ds d mi primera web *-*
Muy buenos todos los puntos, los tomaré en cuenta.

Veo que por aquí hay personitas de 13, 15, 19 años y ahora yo a mis 47 me empiezo a sentir la abuelita del foro :lol:

Haset
SALUDOS A TODOS
hola, creo que no hay edad, para esto del diseño :D . Nunca es tarde para comenzar. :wink: Cualquier persona que es perseverante puede hacerse un experto en esto del diseño en cuestión de meses. Todo está en la mente :wink: .

Perseverancia, confianza, y ganas de aprender es lo que se necesita en este foro.

Saludos, un gusto que formes parte de nuestro foro

HASETSUP
Pues si, llevas la razón Meykol. Hace 4 años fue que encendí por primera vez un pc y he aprendido con el famoso: error, acierto... porque no había nadie cerca que me enseñara. Y ahora aquí me tienes, intentando crear mi propia web gracias a los tutoriales de Jorgens y la buena voluntad de todos ustedes. Pues nada, que me siento muy bien en compañía de todos.

Un saludo.

Haset
SALUDOS A TODOS
Bueno, yo con 35 sólo hace mes y medio escaso que empecé el curso.¡Menudo consuelo! espero que cuando vuelva a cumplir 13-14-15...años sepa tanto como ustedes
Jejj yo empezé a aprender Html en esta misma página, hace un año ahora tengo 14.

Que suerte que la encontré!!

Muy buenos tus consejos Aorkis me van a hacer de gran ayuda para mi futura web :wink:
vaya yo pense que la gente aquí era más mayor.
yo tengo 14 años recién cumplidos y empecé de verdad hará un par de meses yo pienso que he mejorado mucho y queda mucho por mejorar. Yo creo que todo es investigar, enredar y demás. Probar y probar hasta que das con lo que buscas.
suerte a todos y a mí haber que tal me queda la pagina :wink:
Para aprender no hay edad pero si con el tiempo te vas haciendo el hilo y cada dia lo agarras bien asi empeze creando mis pagianas en hosting gratuito hasta q me lo borraron y pamp ! deje las web y me dedique a otras cosas creo q han pasado 8 años .. el tiempo corre no lo desperdicien.. eh
¡Hola! ¿Cómo les ha ido? Imagino que bien.

Si a la hora de criticar una página web hacemos uso, sólo de nuestros ojos, no importará lo objetivo y mesurado de nuestra crítica, estaremos siempre en un error. Que tal que yo abandonara una página, únicamente por que no cargo rapido y luego de que abra otra página "web muy vistosa", pincho uno, dos o tres enlaces y la cierro y se acabó. Nooooo.

Yo soy un nuevo viejo, como así; pues que rondo los 40, pero llevo dos meses con el curso de cctw y el html.kit.

1) Si una página no presenta la información que busco, que me interesa, no la abro, pese a lo sugestivo de su título, ahora, sí he abierto unas que engañan con miles de parafernarias; esas si las cierro enseguida.

2) No me fijo en las imágenes tanto como en el texto, la composición y redacción del mismo, la ortografía; esa es para mí la sustancia y no abriría una web sólo para criticarla, espero ver que tienen que decir el o los que la ejecutaron, ya que detrás de los textos está lo que realmente somos... Lo que llevamos por dentro.

3) Si queremos hacer un sitio que sea muy visitado, tenemos que ofrecerle a los visitantes lo que buscan, no hay lugares que satisfagan a todas las personas; por ejemplo, quien visitaría de ustedes una web donde con un vocabulario científico se específican los últimos allasgos en el ADN de los marranos y aparecen imagenes de la vista microscópica de dichas células. Sin embargo, para la comunidad médica, veterinaria y científica esa web es de gran utilidad.

Hasta luego :shock: .
¡¡Entre más viejo no te haces más sabio, sólo más lento!!
Y tanto que la edad es lo de menos, yo ya tengo 50 y acabo de empezar con esto, se que muchos comandos se me iran de las manos, pero ya consegui medio comprenderlos, asi que como diria mi abuela, el saber no ocupa lugar
Mis mas sinceras felicitaciones a este grupo y al creador de los tutoriales, los hace amenos y con un lenguaje bastante comodo de leer, aunque solo sea por leer, es entretenido :wink:
Por cierto gracias por los consejos, yo la verdad que de esto no voy a vivir, pero es cierto que despues de todo el trabajo te gusta que la gente lo visite, aunque no haya conseguido encontrarme aun en google :?
yo apenas tengo 13 y e aprendido mucho html y tambien algunas cosas php miren mi web http://splaing.net63.net/ :lol: aunque me alla tardadovariso meses en hacer lo que tengo haora pero creo que para lo de mas no tardare tanto.