Sugerencias para el nuevo diseño

Buenas días, tardes y noches. ¿Qué tal estáis? Espero que bien. Bueno, voy a empezar a explicar de qué va este post. Tras la implementación del nuevo diseño del foro, he estado fijándome en un cúmulo de cosas que han llamado mi atención. He visto muchas cosas que podrían mejorarse, al menos desde mi punto de vista, y me gustaría resaltarlas una por una. Soy consciente de que acabáis de implementarlo, pero dado que cuando un diseño nuevo se coloca en un foro es considerado como definitivo, no sé si tendréis pensado cambiar cosas del mismo.  En cualquier caso, voy a hacer una crítica constructiva general de lo que es ahora con el fin de sugeriros mejoras. Claramente, esto es mi humilde opinión y si consideráis algo diferente a la misma, es completamente comprensible. No obstante, me gustaría aclarar que todo lo que voy a decir está sujeto en la medida de lo posible a la objetividad. Voy a ir punto por punto viendo el foro desde arriba hacia abajo y, luego, desde el exterior hasta las entrañas.

La barra de enlaces importantes superior es algo que, desde mi punto de vista, no ha recibido demasiada atención. Empezaré hablando sobre su diseño, y luego acabaré con tecnicismos de medidas. Bien, el tema es que el fondo que vemos en dicha barra está totalmente fuera del contexto de nuestro foro. Vemos un simple mosaico de color azul oscuro con matices morados, el cual no consigue combinar del todo con el resto del foro. Si bien se podría haber puesto un color plano, como un negro más oscuro que el fondo del foro para que no destaque pero sí se diferencie a este. Por otro lado, y teniendo en cuenta que al final de este apartado colocaré una imagen de la barra de arriba modificada para visualizar qué es lo que quiero decir y cómo podría quedar mejor, procederé a comentar unas pequeñas cosas técnicas que he visto. Comprendo la anchura de la barra. Sinceramente, sé que es así para tapar el fondo de arriba del banner. Sin embargo, el tamaño es excesivo solo para paliar eso, teniendo en cuenta que solo se cuenta con una línea de enlaces. Además de esto, dado la organización del foro y que todo está en el centro, los enlaces deberían ir centrados y no a la derecha. ¿Por qué? Bueno, si se ponen a la derecha, el espectador tiene que desviar la mirada hacia ese lado donde no hay fondo y está vacío, por lo que se pierde lo que voy a denominar “la centralidad”. Si se pone en el centro, se camufla mucho mejor con la estructura del foro. Aquí dejo una visualización de cómo quedaría siguiendo mis recomendaciones. Los cambios destacables han sido ponerle un background-color en vez de un background-url con el color #131313 —un color que, desde mi punto de vista, que queda bastante bien—, bajarle el padding a 15px para que no sea tan ancho y, por último, el text-align ponerlo en center en lugar de ponerlo en right.


Luego, me gustaría hablar sobre la barra lateral izquierda. Actualmente contiene cuatro cosas. Los enlaces rápidos, los créditos, los agradecimientos y una imagen que, en mi humilde opinión, no pinta nada en su posición actual. Para el poco contenido que tiene, ¿no sería mejor colocar las tres primeras cajas en horizontal debajo de los premios y el staff? Quizás así el foro ganaría una mejor centralidad y se podría aprovechar muchísimo mejor el espacio. No puedo poner ninguna visualización de como quedaría porque es un tema que, si se quita desde el inspector, todo se rompe.

Y bueno, seguiré hablando ahora sobre los subforos. Tanto los del índice como los que se van descubriendo al entrar en uno de ellos. Antes de meterme en tecnicismos, me gustaría destacar que las imágenes son muy bonitas la mayoría de ellas. ¿El problema? Su elección me parece muy arbitraria. Muchas de ellas no tiene correlación con el contenido del mismo subforo. Desde un Law y unos Mugiwara disfrazados en el subforo del Cipher Pol, hasta un Corazón muriéndose en el subforo de Guías y Normas. Dado que es un foro serio, mi recomendación en este apartado sería que se revisara lo que representa cada imagen. Por otro lado, comentar que he visto mucha repetición de imágenes de subforo, imagino que fruto de no haber tenido tiempo de hacer más. Si me permitís daros un consejo, lo mejor en estos casos es no acelerar el proceso de implementación si algo no está terminado. Desde mi humilde opinión, y sin que suene a modo de queja, sino a observación, he de decir que creo que os habéis precipitado a la hora de ponerlo y no pulirlo. Pero bueno, tras comentar lo de las imágenes quería hacer unos apuntes técnicos acerca de los márgenes de las cajas de subforos. Mi recomendación sería  aumentar el ancho de la caja hasta 940px para que ambos márgenes estén parejos, moviendo con esto la información que hay a la derecha un poco más hacia ese lado. Con esto habría que alargar un poco hacia la derecha las imágenes —unos 20 o 30px con el margin-left, a lo sumo—, pero desde mi punto de vista podría quedar mucho mejor de la forma que os comento.


P.D: He visto que la imagen de Misiones, Batallas y Moderados tiene una marca de agua. Está bien dejar la marca de agua de los autores, pero en este caso queda bastante mal el dejarla ahí y se debería poner en los créditos.

Para finalizar con lo que se ve en la portada, me gustaría tratar dos puntos rápidos. Empezaré por los colores de dos de los grupos del foro. El Cipher Pol tiene un negro puro, lo cual depende de la pantalla que se tenga se ve de una manera u otra. Creo que lo más correcto sería aclarar el color de los cazadores para tornar el negro del Cipher Pol algo más grisáceo, algo como un #5f5f5f, por ejemplo. El otro grupo que quería comentar era el de los Inquisidores. Se ha pasado de un verde oscuro a un rosa chicle, y no acabo de entender realmente el por qué. Si bien los moderadores tienen un azul oscuro y no es que se vea demasiado ese color, estos se confunden con los marines demasiado —los cuales, desde mi punto de vista, deberían tener un color más claro para diferenciarse de estos—. Por tanto, ¿por qué cambiar el color a rosa chicle cuando se podía dejar el verde oscuro que realmente se ve y se diferencia de el de los criminales?


El otro punto que quería tratar es más un reporte de un bug que he estado notando estos días. Y es que la caja de afiliados, una vez empiezas a entrar en el interior del foro, se desplaza hacia un lado sin importar el qué. Además, destacar que el margen derecho de dentro de la caja es más ancho que el izquierdo y, sabiendo que la caja que pone “Nuestros Afiliados” tiene menos distancia con los foros hermanos que los foros hermanos con los élite, solo haría falta moverla unos píxeles hacia la derecha.

Bien, aclarada la portada, voy a ir un poco más hacia las entrañas del foro. En este apartado solo quiero recalcar una cosa. La separación que hay entre temas —los cuadros azules, no los subforos— es absurdamente excesiva. El espacio que hay vacío aumenta demasiado el tamaño de una sola página llena de temas, y en mi humilde opinión he de decir que es totalmente innecesario el espacio que hay entre los temas.

Y finalmente, vamos a las entrañas de los posts en sí. Quiero empezar por los botones, en general. Por su estética, más bien. “Tema Nuevo” y “Responder” tienen una fuente que no pega en lo absoluto con el diseño actual del foro. Si bien haber elegido una fuente sans–serif hubiera sido lo más correcto —como Bebas Neue o Code, por poner dos ejemplos de fuentes medianamente conocidas—, se ha optado  por una en la que el trazado parece hecha por un pincel. Me recuerda mucho a la fuente Madjoe, pero no creo que sea esa. Somos un foro con muchos usuarios y muchos años detrás, y si me permitís ser completamente sincero, creo que la estética de los botones de este nuevo diseño nos hace parecer un foro de nueva creación. No sé hasta qué punto se ha invertido tiempo en ellos, pero son muy importantes. Son algo que se ven todos los días, y son lo que siempre pulsamos para postear, citar o editar. Mi recomendación sería que pusierais un texto con fuentes como las que os he comentado, puesto que quedaría todo de una mejor manera y se camuflaría mejor con el foro. Y lo digo para todos los botones, ya sea “Citar” o “Tema Nuevo”.

Por último, pero no menos importante, el contenido de los posts. Lo más notable que he visto ha sido el padding del texto. Los márgenes generales del texto son demasiado pequeños, he de decir. Un padding de unos 25–30px quedaría mucho mejor, y no dejaría unos márgenes tan finos. Por otro lado, comentar que la decisión de dejar la firma fuera de la caja donde está el post me parece, desde mi punto de vista, una elección poco acertada. Literalmente, con esto la firma deja de ser parte del post para ser parte del fondo, y eso no queda nada bien, al menos en mi humilde opinión.

Y bueno, ya lo último sería comentar unos bugs que he visto respecto a las fuentes. Solo me pasa a mí, tras contrastando opiniones con otros usuarios, pero quizás le pasa a más gente. No lo sé, pero quiero reportarlo por saber si es cosa mía, de mi navegador, o de la programación del diseño. El contenido del post me sale en negrita y en cursiva. Según he investigado con el inspector, se le ha asignado la fuente Roboto y, si quito esa línea de código, el texto me aparece bien. Utilizo Opera GX, por cierto. Aunque en Google Chrome y Opera normal me ocurre lo mismo. Además de esto, al parecer la fuente de las “Chapas” de los cargos a mí no me aparece. Aquí simplemente coge la fuente de mi navegador y la superpone a la que se pone en la programación. ¿Por qué? Tras investigarlo un poco, no tengo ni idea. El tema está en que si el cargo es muy largo pasa esto:


Ahora ya, si no se me ha olvidado decir nada más, lo cual es completamente posible, doy por finalizadas mis sugerencias respecto al diseño. Sé el tiempo que se llega a invertir en estos proyectos por experiencia, pero el que se debe dedicar a mejorarlo es aún mayor. Sin decir mucho más ya, os deseo mucha suerte y espero que tengáis en cuenta la opinión de un servidor. ¡Un saludo!

Yo la verdad es que iba a mandar esto en el MP mensual, pero ya que Yuu se ha animado, ahí voy.

A mi el diseño actual no me termina de convencer, pero no entraré ahí, porque es tema de gustos. La cuestión es que tiene varios fallos de base, que probablemente cuesten más tiempo arreglar ahora que si se hubieran planificado en un principio. En cualquier caso, paso a detallar lo que yo he visto intentando no solapar lo que ha dicho Yuu.

Lo primero es el overflow que tienen las secciones en la landing principal, cuando únicamente ocultan una línea o en ocasiones ni eso. Creo que conviene mucho más adaptar el copy a que sea una línea menos, o incluso rebajar sensiblemente la fuente un par de píxeles a lo sumo.

Prueba gráfica:

Otro problema es el color que se ha elegido para la facción del CP, ya que es un negro puro (#000000) sobre el negro casi puro de fondo (#11161d) lo cual como veréis, es ilegible.

Prueba gráfica:

He visto otro problema en las tablas. Por ejemplo, al consultar los temas, salen desviadas hacia arriba, lo cual, cuando tienes varias filas dificulta un poco el ver qué se corresponde a qué.

Prueba gráfica:

Otro punto es al final de los temas. Aquí no sé muy bien qué decir. No sé si es tema de foroactivo dejar estos espacios o qué, pero queda como el culete. Yo los quitaría todos y agruparía las letras. Se podría hacer con un script super simple de javascript.

Prueba gráfica:

El botón de índice al final de los temas está en tierra de nadie. Y me sumo a Yuu en que el espaciado que hay entre una cosa y otra es excesivo.

Prueba gráfica:

Botón de búsqueda. Le habéis dado una transparencia que creo que hace flaco favor al diseño. “Go” se sobreentiende que es un botón porque estamos mentalizados que a la derecha del input de búsqueda debe haber un botón, pero como véis en la imagen, no se puede distinguir.

Prueba gráfica:

Perfil. A lo largo de toda la navegación del perfil (en sus distintas pestañas) nos vemos en situaciones en las que tenemos que seleccionar el texto para ver qué pone. (Nuevamente negro sobre negro).
Y en otras, como la subida del avatar, vemos el texto blanco, pero si ponemos el cursor sobre el avatar para cambiarlo, se nos pone en negro y volvemos a tener el mismo problema. Yo ahí quitaría el hover porque no tiene mucho sentido sobre el texto.

Prueba gráfica:

Menús repetidos. Al hacer clic en los menús, vemos que aparecen dos veces, una arriba y otra abajo.

Prueba gráfica:

El responsive de la web se puede mejorar un poco, sobre todo dando unidades de medidas más acordes al responsive a las imágenes (em o %) que escalan mejor, ya que son los elementos que están estropeando el resto del diseño en proporciones reducidas.

Estos reportes son los que he ido viendo conforme iba navegando el foro, pero seguro que si hacemos un poco de QA vemos algunos más.

Espero que os sirva, cualquier cosa me contactáis.

Buenos días por la mañana. Vamo' a ver...

Muchas gracias por vuestras aportaciones. De verdad. Van a solventar una serie de problemas que no se vieron en un primer momento durante el desarrollo y el testeo. Seguimos trabajando en ello y nos pondremos para que finalmente el diseño quede redondo.

Ahora bien, hay cosas que a ambos tal vez debería mencionaros en privado más en profundidad si así lo deseáis relativos a las razones del cambio. Que unos errores no lavan otros, pero el cambio igual se podría haber evitado si cuando se señalaron se hubieran corregido.

En fin, muchas gracias otra vez y nos ponemos a trabajar desde mañana, que hoy Brianna está de cumple.

Buenos días.

Para evitar que esto siga escalando, procedo a cerrar tema. Valoramos absolutamente todas las sugerencias que habéis mencionado.

Seguiremos en contacto por privado, buenos días.