02/06/2013 - 12:00:00 por Fabio Baccaglioni
- 5564 - 20 - En General
El otro día les pedí a ustedes algo de feedback para cambiar cosas que no estan del todo bien en este sitio, realmente la respuesta que obtuve fue genial, más de 60 comentarios y hasta el ofrecimiento de Workana para ayudarme a conseguir diseñadores y pasar a algo más profesional.
Me decidí por un rediseño en dos etapas, el primero mi capricho. Es decir, hacer varios cambios de los que ustedes me pidieron y que me dejen a mí cómodo con la "urgencia" que uno siente cuando se dispone a hacer algo. Y así fue como empecé, no diré que muy rápido, pero al menos aprendiendo varias cosas para poder utilizar en el sitio.
La segunda parte la haré ya con diseñadores, veremos como sale con la ayuda de la gente de Workana, pero ese ya será un cambio más radical y profesional del diseño del site conservando la "identidad", algo que se que será difícil para cualquier diseñador, jejeje, pero bueno, deberán soportar al "cliente".
Aquí en este post les adelanto parte de lo que será la primer etapa, no hay una fecha cierta, simplemente son cambios que estoy armando en mi beta personal y que luego subiré al blog un día sin previo aviso, como siempre
El encabezado
Varias cosas me habían pedido para mejorar dos aspectos, el control del usuario, su menú y acceso y el encabezado del sitio que yo ya quería cambiar. Como podrán ver en esta imagen no hay todavía un dibujo para el header pero está el área en negro donde irá el mismo.
Lo que agregué es una barra para el login del usuario ahí arriba, para que puedan acceder o registrarse al principio de todo. Para hacerlo me fijé cómo hacían sitios como Alt1040 porque vi que tenían algo así. No lo hice igual pero la idea se mantiene, que esa barra te acompañe a cada parte donde vas en el scroll, son 40 pixeles como mucho y no jode tanto.
A mi, como administrador, me es imprescindible, pero a los usuarios le agregaré varias cosas más como la de marcar notas como favoritas o cosas así, se aceptan sugerencias y seguramente cambie textos por íconos pero... así funciona.
Notarán también que ya le cambié la tipografía y varias cosas del encabezado de cada post, estuve trabajando un buen rato con eso aunque todavía no sea una versión final.
La nota
Cada artículo cambiará un poco en base a lo que ustedes me dijeron, primero que nada, le puse un color gris al menú para que se diferencie mejor como varios lo pidieron, luego subí los datos del autor agregando el avatar, abajo los botones sociales para recomendar, todo en lindas barritas separadoras que le dan un marco definido a cada artículo.
El enlace para seguir viendo el post, funcionalidad que JAMÁS sacaré (aviso porque uno lo pidió sin saber todo lo que implica meter posts de 3000 palabras completos en una portada de un blog), más grande y todavía con posibilidades de mejora.
Más abajo categoría y detalles extra que no se si mantendré pero siguen ahí.
El título más claro, el contenido de la nota con más espacios en los bordes para destacar y como verán la barra superior te acompaña en el scroll.
Últimos Comentarios
Necesito ideas para esto, básicamente lo necesito ahí porque para moderar el sitio es lo primero que veo, no entro al menú de admin a cada rato, pero sí hago un refresh en esta listita y veo cómo está. Así que los últimos comentarios son, para mí, lo más importante del site como administrador.
El tema es que intenté agregar, como me pidieron varios, el título de la nota en el menú además de quien hizo el comentario y su avatar. El problema es que queda enorme. Usé el ancho total del menú e igual queda grotesco.
¿Cómo podría cambiar esto para que me sea útil?
Vale mostrar algo que creo que muchos de uds nunca notaron, siempre estuvo, que es el preview del comentario posicionándose arriba del nombre de usuario:
Esta funcionalidad es la que necesito, pero no puedo permitir que el comentario se vea directamente en la portada, exceso de spam y trolls impide que uno deje que escupan su basura en la portada del site, creo que se entiende eso.
En la imagen grande se puede apreciar también el botón de "ir hasta arriba" que se parece mucho al de Taringa simplemente porque encontré el lugar de donde los de Taringa se lo chorearon
jaja es un tutorial de diseño muy claro y sencillo para usarlo.
Botones Sociales
Hoy en día si no comparten tu nota en redes sociales no podés esperar que la lea alguien, simplemente Google ya traicionó a todos los blogs, quedan los lectores ahí para salvarnos
Esta es la "botonera" social, cada botón, lo saben muy bien los diseñadores web, tiene sus propios caprichos y tamaños, los hijos de puta de Google, Facebook y Twitter hacen lo que se les canta el orto con estos botones haciéndonos la vida imposible, imagínense para alguien que no está todos los días diseñando, es una tortura.
Se aceptan sugerencias pero no pelotudeces que implique que tenga que o trabajar absurdamente con una API o, peor, usar un sistema de un intermediario que te agrega su propio y falso botón de compartir y que mañana puede desaparecer.
Por otra parte ¿agrego el botón de Taringa? ¿Alguien comparte con ese botón? ya tres botones me parece mucho pero se acepta sugerencia por uno más si es que alguien lo usa realmente.
Qué Falta
Como se imaginarán falta de todo, los botones que tengo aquí en el menú a la derecha para darle "like" al blog en distintas redes sociales son un martirio, no hay una forma unificada de ponerlos y que uno pueda ver el numerito, los botones oficiales son una mierda y voy a tener que optar por botones directos con un diseño propio, ya veré cómo los cambio.
Por otra parte la sección que actualmente muestra los más leídos y más votados la voy a reducir a una sola con dos pestañas como ya he visto en otros sites, así no ocupa tanto espacio.
El Tagboard lo seguimos usando varios así que no sé como resolverlo ni cómo trabajar el tema de las encuestas, son dos áreas que siguen existiendo y siguen usándose, no serán más de 200 los votantes de cada encuesta, pero me divierto con sus resultados y... esto lo hago para divertirme
Si alguno tiene ganas de recortar el blog en un jpg reordenado, también serviría
le regalo un libro del blog, jejejee.
Bueno, eso es todo, falta muuuuuuuucho por delante y no he tocado nada de las secciones especiales del sitio, sólo lo básico que se ve al entrar.
Si te gustó esta nota podés...
02/06/2013 - 14:57:58
