Estructura de la web

Iniciado por Namerutan, Febrero 11, 2007, 02:40:59 PM

Namerutan

Aprovechando la mudanza, podemos reorganizar algunas cosas gracias a la experiencia adquirida. Algunos cambios serán menores, casi ni se notarán; otros cambios pueden ser mejoras importantes. Tengo varias ideas en mente, algunas de ellas muy ambiciosas. Se podrán ir abordando cuestiones según la disponibilidad de tiempo y voluntarios.

De momento, os cuento que ya llevamos comentado entre varios de nosotros desde hace ya meses la posibilidad de reestructurar toda la web. En un principio se montó el portal usando un software llamado Nuke que permite manejar todo lo habitual de una web con bastante comodidad. A esto luego se le han ido añadiendo funcionalidades independientes por completo del resto (pero perfectamente funcionales en su conjunto), como las páginas de contenidos relativos a cada juego, o la gestión de mapas. No es necesario en absoluto renunciar a la comodidad del nuke (que seguirá funcionando para la mayoría de cosas, que tan bien gestionan Crown o Lepastur), y podemos seguir agregando partes hechas a medida por y para nosotros. Ya hace tiempo que enemos a Krator creando páginas ed contenidos, por ejemplo.

Lo que resulta necesario ahora que ya somos una comunidad razonablemente grande es organizarnos bien, de forma que no se desaprovechen las ganas de colaborar de la gente y que no se vuelva todo un caos.

Ya se ha expresado hoy en el puesto de mando la idea de crear grupos de trabajo, y de hacer una lista de cometidos habituales de la web, para cruzar amba listas. Antes de pedir voluntarios para cada tarea es preciso teer una idea de las tareas, así que os invito a proponer lo que se os ocurra, valorando en cada caso las prioridades que estimáis para cada cosa.

Además podemos redefinir por completo la estructura que deseamos para la web, aplicando incluso un nuevo diseño.

Voy a tratar de definir las partes de la web, de un modo bastante générico, incluyendo incluso cosas que podríamos tener en un futuro más o menos lejano:
******************************
*  Estructura del sitio web  *
******************************
- Portada
- Foro
- Histórico de noticias
- Encuestas
- Contenidos de los diferentes juegos
- Otras páginas de contenidos (Enlaces, Equipo ...)
- Mapas
- Competiciones
- Servicios (IRC, WebMail, FTP ...)
- Administración

*************
*  Portada  *
*************
- Publicidad
- Banner de la web
- Accesos rápidos
- Últimas noticias
- Bloque de foro
- Accesos rápidos y estadísticas

**************************
*  Funciones necesarias  *
**************************
- Editor de noticias
- Editor de contenidos
- Gestión de Usuarios
- Editor de mensajes para el foro
- gestión de Encuestas
- Gestión de Publicidad
- Gestión de Mapas
- Gestión de Competiciones
- Motor de búsqueda (contenidos, noticias y foro)
- Acceso web a FTP
- Acceso a WebMail
- Chat


Luego ya se podrían definir más en detalle ciertas partes, como por ejemplo el foro.

Vitirr

Rerefente a la portada creo que podría haber otra función necesaria. Alguien que se encargara de la apariencia de la web. Hacer distintas pieles e investigar sobre lo que creo que ya hablamos aquí una vez, las hojas de estilo (creo), para que los redactores no pongamos colores to chillones que queden tela de feos :tongue:.

La verdad es que la apariencia de la web tiene ahora un aspecto un poco antigüito, y aunque a mí me guste así, creo que estaría bien para atraer a gente nueva si fuera más moderno y llamativo.

Lo malo es que tendría que ser alguien con ciertos conocimientos y gusto estético. Si se os ocurre a alguien poned nombres.

Kartabon

Lo de las "pieles" para la pagina web.. que tal si pusieramos una opcion para poner distintas pieles? como en mightandmagic.com.. Heroes 1/2/3/4/5, DM u otros.. lo k no se es de nadie k estuviese dispuesto a ello...
La voluntad de un hombre puede más que la fuerza de 100.

Namerutan

**************************************
*  Aspecto de la web: EstiloGeneral  *
**************************************
Este estilo se usará en las diferentes partes de la web, no sólo en la portada. De esta forma, si definimos más de un estilo y una forma de escoger el preferido, todas las partes se visualizarían de forma homogénea.
Lo primero es definir la posición y tamaño de los diferentes bloques de portada y de los comunes a todas las partes de la web. Luego ya se pueden definir los diferentes atributos.
- Posición y Tamaño de los diferentes bloques de Portada: Banner, Publicidad, Accessos (Menú), UltimasNoticias, Foro, AccesosYEstadisticas.
- Banner de cabecera: el logo de la web, preferiblemente basado en un diseño de muy alta resolución (o incluso de un dibujo vectorial), y copias en diferentes resoluciones para varios fines.
- Colores_General: Fondo_Color_PorDefecto, Letras_Color_PorDefecto
- Colores_Texto: Normal, Resaltado1, Resaltado2, Resaltado3
- Enlaces: EnlaceNoVisitado, EnlaceVisitado, EnlaceResaltado
- BloqueTipo1, BloqueTipo2, BloqueTipo3 (Marco y Fondo)
- Formularios: Campo, Desplegable, Boton, Deslizadores

Para las noticias se puede definir un estilo con los siguientes elementos: Título, Tema (puede ser un icono), Contenido, Autor, FechaYHora. El contenido debería uniformizarse, aplicando resaltados por estilos definidos con antelación, en lugar de usar estilos libres.

Trataré de preparar un ejemplo con lo que tenemos ahora mismo.

Namerutan

Estuctura actual de la portada:

El banner está dividido en zonas de la siguiente forma:

De forma que las zonas aquí pintadas en naranja se estiran para adaptarse a la resolución de pantalla del visitante. Para hacer esto sólo hay que disponer de una imagen de fondo para el banner, de forma que el trozo que estiremos se repite una y otra vez hasta ocupar todo el espacio disponible.

Namerutan

Un ejemplo de nueva estructura de portada:

Lepastur

A ver, dudillas:

- El color d fondo (o de la textura d fondo) debería ser unánime xa q al cambiar d piel no hubiese cambios en los contrastes d los distintos resaltes d texto como los cambios d color ¿no? O eso, o simplemente no resaltar poniendo colores d vez en cuando, lo cual m parece bastante soso.

- Lo de los marcos ¿es necesario? M refiero a lo de meterlo todo en recuadritos, ya q tb se podría separar con una sóla línea en uno solo d los bloques, x ejemplo en una composición como la q ha hecho Nam d solo 2 columnas (en la cual x cierto falta el espacio xa la publi, weno, ya la comento mejor más adelante).

- En lo de los Formularios sí q m he perdío. Como no m pongas un ejemplo... aunq eso d Desplegable es lo q más m gusta.

- En lo de las noticias, pues lo d los estilos tb m baila un poco, y lo del tema tp sé muy bien a qué se puede referir. No sé si es algo parecido a cuando en el portal oficial ponen un escudito d tal o cual forma xa saber si se habla d DM o Heroes. Lo malo es cuando haya una noticia q abarque ambos temas (aunq tb se podría hacer otro icono, claro).

En cuanto a la nueva distribución propuesta x Nam como ejemplo:

- Como dije antes, le falta hueco xa la publi.
- Me gusta tener sólo 2 columnas.
- Creo q se ha colado con el tamaño tanto d los últimos hilos como d la encuesta. Yo al menos la encuesta la seguiría manteniendoen vertical, o quizá reduciéndola d tamaño se podría poner en horizontal junto a los últimos hilos del foro, aunq lo d últimos hilos yo lo quitaría y lo sustituiría quizá x una selección d los hilos más activos.
- Opino q las cosas más atractivas como Torneos, mapas y descargas deberían d estar claramente destacadas, así como las noticias. Es decir, q se vean en el pantallazo inicial sin q haya q mover las barras.
- Hay muchas cosas q veo innecesariamentes duplicadas como Foro, Enlaces, las secciones de los juegos en el banner y lluego más abajo.

Si m dices con qué programa lo has hecho igual m pongo e intento hacer yo otro ejemplillo d estos.

¡Saludos!
http://www.rae.es / :worthy: para Krator ¡por ser un campeón! / www.TorredeMarfil.es / Presidente de la plataforma de los Archimagos y Liches flanqueadores de títulos de web.

Namerutan

Cita de: "Lepastur"- El color d fondo (o de la textura d fondo) debería ser unánime xa q al cambiar d piel no hubiese cambios en los contrastes d los distintos resaltes d texto como los cambios d color ¿no? O eso, o simplemente no resaltar poniendo colores d vez en cuando, lo cual m parece bastante soso.
Precisamente, al crar unos pocos estilos de resaltado, con cada piel se definiría la forma de resaltar el texto; osea, que en cada piel se definirían unos colores adecaudos al color de fondo. Sea cual sea la piel que se use, la noticia será mostrada con ciertas partes destacadas, de forma que siempre resaltarán. El reportero por tanto no escogerá los colores en una paleta amplia, sino entre unos pocos estilos de resaltado.

Cita de: "Lepastur"- Lo de los marcos ¿es necesario? M refiero a lo de meterlo todo en recuadritos, ya q tb se podría separar con una sóla línea en uno solo d los bloques.
Lo de los marcos ofrece tanta flexibilidad como que cada ventanita o recuadro puede tener un fondo de color y estar separada del resto por un espacio de otro color, o por una fina línea, o por un marco bastante elaborado. Al crear una piel se definen los estilos de recuadros deseados. Se suelen usar no más de 3 tipos en toda la web, salvo excepciones.

Cita de: "Lepastur"- En lo de los Formularios sí q m he perdío. Como no m pongas un ejemplo... aunq eso d Desplegable es lo q más m gusta.
Un ejemplo puede ser el formulario de búsqueda de mapas, el que por cierto no tiene el estilo completo (se ven algunas líneas azules que no terminé de cambiar de color).

Cita de: "Lepastur"- En lo de las noticias, pues lo d los estilos tb m baila un poco, y lo del tema tp sé muy bien a qué se puede referir. No sé si es algo parecido a cuando en el portal oficial ponen un escudito d tal o cual forma xa saber si se habla d DM o Heroes. Lo malo es cuando haya una noticia q abarque ambos temas (aunq tb se podría hacer otro icono, claro).
Lo de los estilos es lo mismo que se ha comentado para toda la web. En cuanto a los temas, sí peude valer ese ejemplo de los escuditos. Se pueden definir los temas que necesitemos, pudiendo haber un icono H5, uno DM, y uno mixto, o incluso usar un icono de Saga para las noticias multijuego. Además, no sólo pro juegos se pueden clasificar los temas.

Cita de: "Lepastur"- Como dije antes, le falta hueco xa la publi.
Es cierto, era tarde y quería dejar el ejemplo puesto antes de acostarme. Imagináosla justo bajo el banner y antes de los accesos rápidos, cogiendo todo el ancho, o bien una un poco más pequeña, justo debajo de los accesos rápidos, y a la derecha de los menús, por encima de los Últimos Hilos.

Cita de: "Lepastur"- Me gusta tener sólo 2 columnas.
Es sólo un ejemplo. A mí me gusta a dos columnas o incluso en una sóla (si tengo tiempo propondré un ejemplo).

Cita de: "Lepastur"- Creo q se ha colado con el tamaño tanto d los últimos hilos como d la encuesta. Yo al menos la encuesta la seguiría manteniendoen vertical, o quizá reduciéndola d tamaño se podría poner en horizontal junto a los últimos hilos del foro, aunq lo d últimos hilos yo lo quitaría y lo sustituiría quizá x una selección d los hilos más activos.
Lo del foro y la encuesta ha sido un simple ejemplo, teniendo en cuenta que he puesto una fuente de letra muy grande para ese tamaño de dibujo y no podía poner demasiado en un sólo bloque. Pero en la práctica podríamos dividir el primer bloque en dos uno a la derecha del otro, uno para el resumen de actividad del foro y otro para la encuesta activa, por ejemplo.

Cita de: "Lepastur"- Opino q las cosas más atractivas como Torneos, mapas y descargas deberían d estar claramente destacadas, así como las noticias. Es decir, q se vean en el pantallazo inicial sin q haya q mover las barras.
Torneos, Mapas y Descargas están accesibles desde 3 sitios distintos: Los accesos rápidos de la cabecera, los del pié, y sus respectivas posiciones en los bloques de la izquierda. Al entrar en la web salen bien destacados arriba del todo (bajo el banner). En cuanto a las noticias, está más o menos como siempre (y todo no cabe en el pantallazo inicial).

Cita de: "Lepastur"- Hay muchas cosas q veo innecesariamentes duplicadas como Foro, Enlaces, las secciones de los juegos en el banner y lluego más abajo.
Los accesos rápidos ocupan una franja muy estrecha, y hacen que esté muy destacado lo que queramos poner ahí. el repetirlos al pié es por comodidad del usuario, para que no tenga que desplazarse hasta arriba. Ocupa poquito y no estorba visualmente. Ten en cuenta que la tabla que he puesto es un ejemplo muy simbólico, y que no da una verdadera impresión de los tamaños, sino una simple aproximación para una idea general.

Cita de: "Lepastur"Si m dices con qué programa lo has hecho igual m pongo e intento hacer yo otro ejemplillo d estos.
Hay muchas formas (por ejemplo un papel, un boli y un escanner o cámara, o más informatizado un programa de dibujo cualquiera), aunque creo que lo mejor es hacer una página html con tablas, usando tu editor favorito (yo uso Dreamweaver, pero vale hasta el Word). Luego hice una captura de pantalla para poder agregar la imagen en el mensaje, aunque puedes subir el fichero htm al ftp y poner un enlace para que lo veamos.

Lepastur

Juasss, no había visto q en el pie d página se volvía a repetir todo. No sé hasta qué punto es necesario multiplicarlo todo x doquier, xo en fin, es cuestión d probar a ver.
http://www.rae.es / :worthy: para Krator ¡por ser un campeón! / www.TorredeMarfil.es / Presidente de la plataforma de los Archimagos y Liches flanqueadores de títulos de web.

Krator

Yo los ultimos hilos y las encuestas en ese sitio...es que no lo veo...
Doble cruzado, cuadruple placer.

RoB_KiNG

A la web lo que le falta es actualizarse sobretodo en estilo visual (aunque éste actual me guste mucho) y ponerse al dia (iconos, letra, títulos, banner) estilizados de cara al HV.

De estructura también se puede mejorar alguna cosa, yo la haria más ajustada (resumida), sin tantos apartados.

Pondré un esbozo de la web cojiendo la primera idea de Nam.


Saludos!!


EDIT: Este esquema nos puede servir de base y a partir de aqui yr modificándolo a medida que vayamos decididiendo que cambios aplicar sobre cualquier tema.

Temas: Iconos, Márgenes, Marcos, Cuadrantes, Imágenes, Desplegables, flashes, gifs, titulos, subtitulos, apartados, estructura, publicidad, fondos, banner, etc...


Lepastur

Hombre, eso es un calco del actual xo con las texturas cambiadas, no obstante m encanta ese tono blancuzco y las texturas del fondo y los marcos. Si fuera un poco más amarillento para q encaje con el marfil sería cojonudo ya.
http://www.rae.es / :worthy: para Krator ¡por ser un campeón! / www.TorredeMarfil.es / Presidente de la plataforma de los Archimagos y Liches flanqueadores de títulos de web.

RoB_KiNG

El tono amarillento se puede poner fácilmente, pero claro antes deberiamos pensar como seria todo en conjunto, vamos que hay curro ;)

ADICTO20

Si puedo echar una mano en alguna cosa pequeña dadme un toque :]
[highlight=#FFFFAA]They say an end can be a start. Feels like I\'ve been buried yet I\'m still alive.[/highlight] - If I Ever Feel Better (Phoenix)

Lepastur

Eso depende d lo q signifique para ti algo pequeño. Entre lo q se m ocurre podría ser lo siguiente:

- Dar alguna idea compositiva para el banner.
- Lo mismo para una imagen d bienvenida, aunq eso podría hacer con el editor poniendo alguna luz chula (mirad el ejemplo d la Torre, algo así xo en más apaisado podría quedar bien).
- Apañar la textura q ha propuesto Rob, xa darle un toque ligeramente más amarillento (xa q se asemeje más al marfil) y q no se noten esas bandas oscuras verticales, sino q quede algo más dispersa. Incluso un mapa d textura grande m podría venir bien xa hacer un modelo 3D nuevo d la Torre.
- No sé cómo ha hecho Rob los marcos, xo no estaría mal separar cada pieza (horiz, vertical y esquina), intentado q tp se note mucha repetición en ellos, xa lo cual podrían cambiar la configuración serial d un bloque a otro, es decir, alterar la alternancia del mosaico y darle otro nombre, m figuro, xq tp sé si el Nuke acepta q haya marcos distintos xa los bloques.

En cuanto a un modelo 3D nuevo d la Torre, m harían falta algunas recomendaciones sobre la forma. Yo había pensado una similar a la Torre del juego H5, q es esta:



La idea es hacerla algo más alta y sustituir el cimborrio ese por un observatorio, como el modelo clásico del H2. El caso es q se m ha ocurrido q quizá podrían mapearse los bloques d la izquierda xa q configurasen la imagen d la Torre y coincidiese cada piso con un contenido, pero desconozco si esta idea es viable o no. Por otro lado, tb se puede renunciar a la composición piramidal y hacer un cilindro recto xa q el mapeo conste d solo 3 imágenes ¿Qué me decís?

¡Saludos!
http://www.rae.es / :worthy: para Krator ¡por ser un campeón! / www.TorredeMarfil.es / Presidente de la plataforma de los Archimagos y Liches flanqueadores de títulos de web.