Propuesta de cambios para el aspecto visual y funcional de nuestro Portal

Saludos a todos nuestros lectores. Hace varias semanas inició un debate sobre el curso que debería seguir el Portal GUTL en cuanto a funcionalidad y aspecto visual (en fin, experiencia de uso). Probamos con una excelente plantilla diseñada desde cero por Ernesto Acosta (@elav), y aunque las funcionalidades tal vez no estaban al 100 % aprendimos de él que mantener un portal con un mínimo de carga es posible. Hoy quiero poner a disposición de los lectores una posible propuesta a partir del aspecto visual entregado por @elav. Un agradecimiento especial a Hamed Avelo por facilitarnos las descargas de todas las herramientas necesarias para obtener el resultado que verán a continuación.

[notification type=»alert-info» close=»true»

]Este tipo de articulos o propuestas generalmente es mejor discutirlo por el foro o la lista de correos, pero tomando en cuenta que no son muchos los que se llegan al foro he preferido hacerlo desde el Portal, con el respeto y pidiendo permiso al resto del equipo de administración.[/notification]

Hace unos dias decidimos regresar a la anterior plantilla para terminar entre todos el diseño de la nueva propuesta. Por desgracia pocos o casi nadie se ha sumado a aportar código a esta creación que pensamos sería buena idea fuera algo comunitario. Particularmente a veces pienso que en Cuba la palabra comunitario nos queda demasiado grande. No soy de los que le agradan ver los proyectos paralizados semanas tras semanas, así que luego que llegara a mis manos un Framework formidable (Gantry) le dediqué algunas horas a adaptar un resultado acorde con nuestro Portal.

En la posible propuesta hemos mantenido el logotipo creado por @elav y los tonos rojizos que ya se hacen habituales en GUTL, pero disminuyendo el predominio de esta tonalidad en la totalidad del diseño. Desde la página principal se pueden observar la imagen destacada de cada artículo pero se puede llegar a un consenso entre todos para saber si lo mantenemos así o como propuso @elav en su plantilla para lograr menor tiempo de carga en el sitio. Un Footer un tanto más personalizado y adaptado a nuestra comunidad. En cuanto al rendimiento hay que notar que casi todo es HTML5 + CSS3, así que ya saben 😉

gutl-propuesta

Se mantiene el navbar junto al header aunque un poquitín más estrecho que la propuesta anterior tratando de adaptarlo lo mejor posible a condiciones de responsividad.

gutl-propuesta-menu

Incluimos un nuevo sistema de búsquedas utilizando AJAX que dinamiza el proceso y hace más divertido interactuar con el Portal y la información almacenada en el mismo.

gutl-propuesta-busquedas-ajax

GUTL podría resultar ahora mucho más Responsivo con una mejor respuesta en dispositivos móviles.

gutl-propuesta-response

gutl-propuesta-response-menu

Lo que acaban de ver es solo una propuesta en la que estamos trabajando pero que al final serán ustedes, administradores, editores, redactores, colaboradores y usuarios en general los que decidirán si lo implementamos o no. De momento lo que necesitamos son críticas constructivas para poder mejorar lo antes posible el aspecto visual y funcional de nuestro Portal.

Otra propuesta relacionada principalmente con los widgets del sidebar

GUTL-130414

Hay que trabajar en el área de comentarios. Estoy revisando varias plantillas populares para ver que estilo de comentarios es el mas vistoso sin recargar demasiado el sitio

Hay que trabajar en el área de comentarios. Estoy revisando varias plantillas populares para ver que estilo de comentarios es el mas vistoso sin recargar demasiado el sitio

¿Te resultó interesante? Compártelo ...



Maikel Llamaret Heredia

Publicado por Maikel Llamaret Heredia

https://swlx.info » Facebook » Twitter » Google+ » Linkedin » Forma parte de GUTL desde el 6 diciembre, 2011. Parte de la familia GUTL. Usuario de Tecnologías Libres desde hace varios años. Fiel a GNU/Linux y las filosofías del Software Libre y el Código Abierto. Linux User # 587451. Creador y actual mantenedor del Proyecto SWL-X. Freelancer dedicado al Desarrollo / Diseño Web y Marketing Online. Creador de Web & Media Integrated Solutions

Este artículo tiene 50 comentarios

  1. Por mi parte solo sugiero que se mantengan los widgets de la derecha… Pues lo de las categorías con un ListBox es un poco cheo…. Se que es una propuesta, pero yo solo digo….
    Por lo demás si esta plantilla funciona rápido y se integra a los plugins básicos e imprescindibles de nuestro blog (nuestro = de todos) pues pa’ lante el carro….

    Saludos

    • De hecho, los widget se mantendrian tal y como los hemos implementado ultimamente. Esos de los screenshots es que a media noche uno ya no tiene muchas ganas de seguir acomodando widgets. Ademas traducir todo el framework fue una tarea cansona y aburrida.
      Luego voy a compartir varios screenshots de varias variantes (que realmente son infinitas). Los plugins se integran bien todos, al menos los que tenemos puestos, aunque hay algunos que tal vez debamos quitar porque el framework incluye esas funcionalidades… Saludos

    • Otro detalle. Creo que antes de implementar el nuevo diseño debemos sentarnos y dejar bien claro que queremos en GUTL, para saber exactamente que plugins necesitamos y no estar poniendo y quitando plugins a cada rato (esto va sobre todo conmigo que a cada rato estoy dando tumbos cambiando plugins). Saber con que contamos en el Webserver (al menos lo que se pueda saber) para saber que plugins van a funcionar sin problemas aunque sea a mediano plazo, para dedicarnos en un futuro solamente a actualizar y actualizar y fuera catarro.

  2. Me preocupa como se comportaría el área de los comentarios para aquellos usuarios que no están registrados pero que comentan. Otro punto en cuestión es crear nuevamente la guía de redactores (estoy perdido con la pila de Shortcuts que me han puesto en el editor visual jejeje) y llegar a un consenso sobre el tamaño de las imágenes (principalmente las imágenes destacadas).

    • Pero, quedamos hace un tiempo en que solo comentan los registrados y no creo que sea tiempo de liberar eso, no se que dicen ustedes. De todas maneras he estado revisando un poco lo de los comentarios porque hubo un detalle que no me gusto en el comportamiento cuando comenta alguien con privilegios de suscriptor (repito, hasta ahora los simples visitantes no comentan)
      Lo de las imagenes destacadas pueden predeterminarse del tamaño que se desee, creo que 150×150 como esta esta bien, o incluso puede dejarse sin imagenes destacadas como el tema de elav, al final, se siente bien un Portal que cargue RAPIDO.
      Lo de los shortcodes, es decir el plugin nuevo de shortcodes lo puse hace un tiempo pensando precisamente en los cambios de plantillas. Es decir, si cambiamos de plantilla, los shortcodes que aparecen ahora en el editor visual no se afectan

      • Bueno… tomando en cuenta el tamaño usando en DesdeAbreus y en SWLX creo que 150×150 es muy pequeño pero mirando la propuesta nueva pienso que se podría hacer algo

  3. Mikel:

    Estás dando lecciones de democracia, así es como se trabajo, consultado a todos, pues todos tienen derecho a participar. En mi modesta opinión creo que la propuesta está bien, buscar más funcionalidad a la página y mejor visualidad le da más seriedad y facilidades a los lectores, que son en definitiva la razón de ser de este espacio. Eso de tener dos columnas me parece bien, pues a golpe de vista ya tenemos lo nuevo que está publicado y así se va al post que desees.

    Saludos

    Carlos Parra Zaldivar

  4. Me gusta, me gusta…!!!! Que se quede, que se quede… !!!! Y no olviden a Robertico, por favor!!!
    En cuanto a los comentarios, que comenten solo los usuarios registrados, ya ese perro nos ha mordido muchas veces, y por lo menos así ese perro tendrá bozal… 😀

  5. Muy buena la propuesta de diseño a mi modo de ver genial, el factor decisivo pienso que debe seguir siendo la velocidad que recuerden que es como montarse en un P………..X(

    • Socio, las imagenes de arriba son solo propuestas, no incluyen ningun widget de los que vamos a implementar, en los widget no es algo en lo que hay que preocuparse porque la funcionalidad que pides es solo un plugin (igual a como lo tengo en SWL-X).
      Ahora bien, anoche implemente un widget multitabs que incluye articulos recientes (no me gusta ese widget pero en el Foro @Fixoconn nos decia que es necesario para cuando navegamos en el interior de articulos, es mas facil para ir directamente a lo ultimo publicado si no estamos en la pagina de inicio), ademas el widget multitab incluye Categorias y ultimos Comentarios. En ese widget no pega, no se acopla la funcionalidad que pides para los comentarios. Ademas ese plugin ralentiza el Portal. E SWL-X es precisamente ese widget junto a NewStatPress los dos puntos debiles en cuanto a carga de la Web.
      Yo propongo dejar los comentarios como esta ahora mismo en GUTL, en aras de ser mas rapida la carga del sitio. Es mi punto de vista y trato de justificarlo, pero repito, ustedes deciden.

      Anoche integre el 100 % de los shortcodes de esta plantilla y de la de Ernesto (muchos los podemos disfrutar a diario en los articulos de DesdeLinux), de esta manera al cambiar de plantilla no es necesario reescribir los articulos viejos.

      Lo ultimo que me falta es integrar al bendido Robertico, Gantry no es Bootstrap, asi que creo que por la via que lo hicieron en esta y en la otra plantilla se hace dificil (al menos yo, ignorantoide en este tipo de locuras no veo como), asi que me ire por otras vias, pero Robertico va.

      Luego tengo que eliminar unas llamadas ahi a las Fonts de Google y espero a principios de la next week hacer la primera prueba online a ver que tal…

      @elmor3no… alguna noticia del update del portal????

      Ahora mi conexion esta imposible, en la tarde subo las nuevas capturas de como va quedando GUTL 3.0

  6. no me gusta nada el diseño que piensan aplicar a GULT ,logicamente hace falta cambiar el que esta activo actualmente , pero deberian pensar mas en los lectores y en los usuarios registrados y que hacer para que cada dia se sumen mas a visitar esta web, por mi parte les digo q hay q enfocarse en la plantilla de inicio que es lo q vemos todos ,deberian incluir las noticias pero por categorias ,ejemplo tener diversar categorias y que por pestallas poder visualizar las entradas mas recientes de cada una de ellas ,al igual q mantener la opcion completa de todas las entradas, lo de la busqueda esta muy bueno deberian dejarlo ayuda mucho , otra cosa es q deberian incluir datos q les interesen al usuario q pasa horas leyendo articulos en la web , ejemplo de estos la hora y estado del tiempo .La opcion de los widgets por los q he visto en los screen del supuesto site nuevo no me convencesn para nada no estan enfocados a nada deberian trabajar en eso tambien , para finalizar porq creo q despues de lo q he dicho aqui ,no me van a dejar comentar acerca de mas nada jajajajja posiblemente ni mi comentario salga espero q si salga. Arreglar la parte de comentarios y crealos segun la cantidad por pestallas o los q se les ocurra ,para q uno no pierda tanto tiempo bajando para leer todo lo q escribe todo el mundo es mejor leer los primeros 10 o 15 y si queremos continurar pasar de pestalla en los comnet del articulo, ademas de q deberian mostrar en la pagina principal algun carrusel de las entradas mas destacadas o recientes del site .De ahi si nos carga rapido el site o no eso depende con los fortamos q se trabajen y q se apliquen al site. disulpen si mi comentario le molesta a alguno de los ususarios qqui presentes pero estas son algunas de mis ideas que quisiera ver aqui. gracias

    • Socio, ya lo dije anteriormente, los widgets finales no seran de esta manera… es que no leen los comentarios???????????

      Lo de datos como el estado del tiempo, lo siento pero si deciden hacer algo asi no cuenten conmigo, GUTL no es el instituto de meteorologia. Pero bueno, igual es tu critica y la veo constructiva y eso es lo que necesitamos, al menos te tomaste el tiempo de hacerlo, mira cuantos usuarios tenemos y casi nadie ha pasado a dejar su opinion que como siempre, se la reservaran para cuando se implemente, entonces ahi si saldran todos a criticar, repito, al menos te tomaste el tiempo de hacerlo y es lo que necesitamos, de eso se trata un trabajo comunitario.

      Lo de los comentarios, socio repito nuevamente no van a quedar como lo ves ahora

      En ningun momento se dijo que lo que ves en las imagenes es lo que se va a implementar, para algo existe la palabra propuesta…

      En cuanto a los widgets, aca va otra propuesta:

      http://gutl.jovenclub.cu/wp-content/uploads/2014/04/GUTL-130414.jpg

      Ojo, por favor concentrense en los widgets en esa imagen, no en lo demas… y sean objetivos en lo que piden, no se si los demas estan de acuerdo conmigo pero recargar el Portal dando informacion meteorologica, no, para esa no cuentan con mi modesto aporte.

      • Men lo del estado del tiempo no es q este sitio sea de meteorologia jajjajaj ,creo q eso ayudaria a muchos es algo q si quiero ver el tiempo no tengo q salir del sitio para entrar a otro lo veo desde aqui y ya ,pero igual fue una idea q quise exponer aqui para su mejoria , ya vi la otra propuesta y sigo pendando lo mismo no me convence ,hay algo que no me comunica ,igual si deciden ese tema ,voy a seguir entrando a GULT ya q soy fiel seguidor a todos sus articulos y de mas ,pero el diseño no esta dando la talla .

        • No esta dando la talla desde tu punto de vista de estetica y funcionalidad brother. Al final no se va a implementar mannana ni nada por el estilo, esto lleva tiempo y consenso (eso de consenso es lo mas jodido porque pocos se toman el trabajo de comentar)

          Cuando migramos de WordPress a Joomla se pregunto muchassss veces para llegar a un consenso de que plantilla debia usarse, creo que hasta el foro se utilizo para este fin y absolutamente nadie opino. Alejandro y Ernesto se decantaron por atahualpa y apenas salio el Portal con WordPress+Atahualpa en pocos minutos llovieron comentario criticando la decisión de optar por esa plantilla.

          en cuanto a lo del estado del tiempo, la verdad es que creo que no aterrizas, tal vez tu estes conectado directamente al cable que viene de Venezuela, pero la mayoria de los cubanos que entrar aca estan conectado a quien sabe que cosa, con una conexion pesima y necesitan entrar a GUTL a buscar informacion sobre la promocion de Tecnologias Libres y no sobre si en La Habana esta nublado o soleado, eso ralentiza el sitio socio, y repito, si depende de mi no se va a implementar. Usa la logica y no te nos mandes como el salmon… Has visto a alguien antes aca hablar de semejante implementacion en el Portal????? Casi todos coinciden en que lo que no se puede perder es la rapidez de carga, entonces para que un widget de meteorologia???? Sabes si desde nuestro Webserver podemos alcanzar algun Feed que nos proporcione esos datos???? Entonces , creo que hay que estar un poco empapados del tema antes de dar una opinion que no encaja socio…

          Por otro lado, queda claro que haga el esfuerzo que haga, lo que muestre no te va a cuadrar. Se me ocurre que nos envies tu propuesta, y asi nos puede ser mas facil a la hora de seleccionar un mejor disenno

          • El que quiera ver el tiempo que sintonice CubaVisión, ponen un widget con el estado del tiempo, así como lo que van a poner después, lo que estás viendo (como si no lo supiera uno), que si Periquito va a cantar mañana en La Tropical, etc. 😆

      • Se ve bastante bien, aunque deberias trabajar un poco mas los CSS (se que lo estas haciendo) para que el navegador/distro icon no opaque el comentario como tal, se hace un poco dificil leerlo asi..

          • fin de semana? no muchas personas online creo… aunque he entrado a las 3 am y veo como 10 conectados…
            el punto es que propongo que probado una semana laboral (de lunes a viernes), y un post fijo (podria ser este mismo) para que todos comenten los que le gusta/disgusta y los trolls se alimenten un poco o_0

          • No, para probarlo pondremos el sitio en mantenimiento unos minutos, si todo sale bien, lo restauramos a su estado normal. Es decir, no importa cuantos esten conectados, se pone en mantenimiento mientras se cambia de plantilla (por si acaso). Lugo lo sacamos de mantenimiento y esperamos los millones de criticas. Asumimos algunas de estas, otras las tomamos como papel sanitario y bueno, al final veremos que tal. Capaz y ni sirve lo que estamos tratando de implementar, hay que ser realista. Lo que mas me interesa es que cargue rapido, y que todos los plugins se integren bien, en eso es lo que mas me he enfocado.

            tomen en cuenta algo: Hay un 99 % de posibilidad de que el resultado final sea una chapuza, no esperen la excelencia de Alejandro o Ernesto, no soy ni desarrollador, ni programador ni nada de eso… asi que estan a tiempo para quitarme del medio y que otro asuma 😉

  7. Ok, si tengo tiempo te voy a realizar unos planos de como me gustaria a mi personal como deberia quedar implatada la plantilla , no soy un experto asi q no piensen q lo q te valla a embiar va hacer lo mas profesional pero refleja lo q te he estado diciendo, y veo q te molesta jajajajaja pero es bueno jajajajaja asi se solucionan los problemas con debates , no con baritas magicas jaja, ojala a todos les interesaran estos temas ya q esto es para todos no para un grupo esto es para todos y todos deberiamos ser participe de estos temas . Men del estado del tiempo se acabao no te digo mas ,y si estoy informado . En cuanto tenga lista la plantilla te aviso si pudieras darme un correo pa mandarte seria mucho mejor. oye sabes lo mejor de todo esto y q me ha llamado mucho la atencion es q hay alguien de los q administra el site q reponde y debate junto con los ususrios te felicito es algo q en muy pocos o casi ningun sitio tiene tiempo de hacer , comentas una cosa y al cabo del mes o del año te responden o sabra dios dependioendo el coment. Felicidades a GULT.

    • Bueno en GUTL casi siempre los admins responden y debaten, no es algo casual.
      En cuanto a correo, te recomiendo uses el formulario de screenshots y que el encargado de esa seccion lo suba a GUTL y asi llegara a mis manos… yo, al puro estilo Stallmaniano he renunciado a usar emails, redes sociales y todo ese tipo de cosas. Si alguien quiere contactar conmigo aun existen las sennales de humo…

  8. Maikel:

    Estimo sería útil poner, debajo de las siglas GUTL, su significado: Grupo de Usuarios de Tecnologías Libres de Cuba.

    • @delio, ahora mismo implemente la vista preliminar para que entre todos critiquen para tratar de antes de la proxima semana tener algo definitivo. Eso que aconsejas espero implementarlo en estos dias, es simplemente modificar el logo…
      De momento las tareas urgentes son implementar a Robertico (el pinguinito de KZKG) y reescribir totalmente el area de comentarios

  9. Bueno un saludos antes que todo a la comunidad, yo llevaba varios dias dedicandole tiempo a un proyecto de plantilla a partir de la que hizo el amigo @elav y le incremente algunas cosas, me gustaria que la probaran y que juntaran todos los elementos posibles de mi proyecto para hacer de GUTL mas que un sitio, un aplicacion donde los usuarios se sientan bien identificados, la que esta puesto actualmente me gusta mucho, pero quiero que pueben mi propuesta! La plantilla es a partir de la que creo @elav y ya se integran los plugin porque antes por ejemplo el plugin de encuestas no funcionaba y era porque no podia insertar contenidos en el y daba conflictos con el archivo plugin.js.
    Bueno aqui el enlace para los que tengan internet puedan descargar la plantilla que le pertenece a GUTL y que su máximo autor es GUTL
    Propuesta de Plantilla para GUTL

    NOTA: la colgue en mi host porque no tenia otro lugar donde ponerla! y si tienen alguna duda de como funcian cuenten con mi soporte técnico!

  10. Maikel no hermano

    si esta mejor que esta chapuza pues bienvenido

    no te expreses asi!!, nunca desprecies tu trabajo, que no está mal, fíjate que desde que tu lanzaste la convocatoria de colaborar con la plantilla creo que has sido tú el único que ha estado trabajando en esto, y no es como dicen muchos “a cambio de nada”… yo estoy más que seguro que tú te sientes identificado con GUTL, al igual que yo siento mucho orgullo de la comunidad, aunque no tenemos un carné ni nada que nos identifique, ahí estamos, siempre haciendo cositas, por eso lo felicito a usted y @elav por el tiempo que dedican a esto, que para muchos es perderlo! Y yo en lo personal no lo creo así.
    Así que adelante ese ánimo tuyo, y vamos a coger de las planillas lo mejor!!! Y tratar de lanzarla en toda Cuba el día 26 en el FLISOL y así creo que el primero aspecto a tratar en todo el país este día debe ser el lanzamiento del nuevo sitio, así que vamos a trabajar días en esto, vamos a testear las plantillas a ver que logramos.
    También creo que debemos ver bien eso del logo!
    Bueno que el 26 se de sorpresas para todo!!!

  11. Bueno, mi opinión es y siempre será que GUTL es un sitio para digerir información, no para ver quién tiene el User Agent más bonito, o si carga azul, o rojo según la distro.

    Mi sugerencia es que trabajen en base a la plantilla anterior, la que tenía los colores que a muchos les molestaba. No se pongan a ponerle más plugins, ni pacotillas al sitio que al final eso es por gusto. El diseño y la propuesta que hacen en este artículo se ve bien, pero, sigue estando cargado de imágenes y ya se lo sentirán los que acceden por módem.

    Por último, antes de hacer nada, Maykel y el resto, usen el Inspector de Firefox y Chrome para que prueben los tiempos de carga..

    Esos son mis 5c.

    • @elav no podemos ser optimistas, en este caso yo no estoy hablando de poner pacotillas, sino cosas necesarias, cuando te expresas asi siento como que ignoras las sugerencias, primero debes de analizar que yo estoy hablando de un plugin que solo utiliza CSS y que es util para visualizar codigo de PHP, CSS y muchos mas. no estoy hablando de plugin que muestren usuarios ni estadisticas, ni que pongan … Fijate que yo ni si quiera estoy hablando de esta plantilla, sino de la tuya, de la obra que tu mismo comenzaste, que le hice muchos cambios y lamentablemente tuve que liberarla como mismo esta aqui subida en GUTL, que ya Maikel la descargó y no se realmente a que conslusiones habrá llegado con eso.
      Yo ahora me voy a dedicar a tiempo completo a adelantar nuestro Proyecto Kuota2.1 a ver si lo podemos presentar con todos los modulos ahora el 26!
      Saludos y suerte!

  12. Bueno, este sitio desde que lo conozco siempre ha sido un buen lugar para publicar y encontrar respuestas. Aunque siempre es bueno ir remodelando y cambiando los estilos para variar y hacer más ameno y acogedor el sitio, ya que cada día llegan nuevos usuarios…

    Está super cool el nuevo estilo visual del sitio… Y para las nuevos usuarios está más sencillo y fácil de navegar…

    Saludos

Los comentarios están cerrados.