Reorganización de la WEB (antes, portada)
(Este documento irá cambiando a medida que se añadan aportaciones mediante comentarios, mails o el canal que sea)
Hola!!
Algo que necesita esta web es la reorganización de la portada. Creo que un buen ejemplo de lo que nos vendría bien lo podemos encontrar en Xarxa pel decreixement. Aquí podemos hacer un boceto sobre como creemos que debería ser la página inicial y qué deberíamos encontrar detrás de cada link. Una vez hayamos decidido como vamos a hacer la portada, miramos si hay que instalar nuevos módulos; si hay que mantener, añadir o quitar bloques laterales; etc. Publico esta entrada en varios grupos para llamar la atención de sus miembros, quien supongo querrán participar de este proceso decisorio.
Si os parece bien, podemos seguir más de una línea de diseño y, una vez las tengamos un poco maduras, llevarlas a la web para que la comunidad vote/decida.
Propuesta para la WEB
- Al entrar en la web encontraremos la portada principal, donde podremos ver resúmenes generales de toda la web (últimos comentarios, últimos contenidos, etc.) y, justo debajo de la imagen de cabecera, los links a las subportadas de la web.
- Desde cada subportada podremos acceder a todos los contenidos que pretendemos que haya en cada apartados.
- Cada apartado será fácilmente diferenciable del resto por elementos visuales como: colores, iconografías, títulos, bloques laterales. Además, estas diferencias también serán apreciables en los iconos que los representen en la portada principal.
- En los cuatro links superiores que van con imagen podemos poner Publicaciones, Comunidad de Morosos (FAQ), Foros, Grupos de trabajo. Por ahora, los links serán 6: Publicaciones, Moros@s, Foros, Grupos de trabajo, Formularios de participación e Índice de contenidos destacados (por ahora hacemos estos y luego ya veremos). Ya se están desarrollando las imágenes de cada apartado.
- Los apartados se diferencian entre ellos por los tipos de contenidos que agrupen. Por ejemplo, en el apartado de Publicaciones incluiremos las "Páginas de libro". En el apartado de Grupos de trabajo incluiremos los "Nodos de grupo", "Página de trabajo para los grupos", "Enlace" y "Necedidades". En Moros@s pondremos las FAQs. Y así.
- La nueva organización incluirá mucho más trabajo en AJAX, manteniendo su degradación agraciada (seguirá funcionando bien aunque no se disponga de un buen navegador como Firefox, Opera o Chrome)
- Se eliminarán la mayor parte de bloques laterales, excepto algunos de uso en todos los partados: selección del idioma, búsqueda, login/logout, chat, crear contenidos, mensajes privados (PM) o bookmarks. Estos se mostrarán de forma diferente a como se muestran ahora, teniendo en cuenta la funcionalidad de cada uno. Algunos ejemplos se pueden ver en http://teatraviesas.org (como el de búsqueda, login/logout o cambio de idioma en la barra superior y desplegables al pasar el cursor por encima). Creemos que esto es lo que actualmente más desorienta al navegante de esta web (el exceso de información en todas las páginas).
- Cuidaremos muy bien que el breadcrumb (enlaces que se muestran entre el menú principal y el título de la página que estemos viendo) funcione correctamente y tenga en cuenta los apartados. Haremos todo lo posible para ayudar en todo momento al usuario a encontrarse y a ir donde le apetezca de la web fácilmente.
Propuesta para la portada Principal
Algo muy parecido a la de http://decreixement.net con algunas modificaciones:
- En el resumen de más a la izquierda (Actualitat de la Xarxa) podemos poner los nuevos contenidos. En vez de eso, si os parece bien, podemos poner los contenidos de la editorial (contenidos verificados y/o gestionados por la comunidad en vez de por un usuario en concreto).
- Donde estan los últimos comentarios (Què es cou), podemos poner los últimos comentarios, separando en cada tab el tipo de contenido donde se hizo el comentario: foros, faq, grupos, toda la web
- Properes activitats = Próximamente
- Projectes que et necessiten = Necesidades de los grupos
- En el recuadro de la izquierda abajo: últimos contenidos por los usuarios, independientemente del tipo de contenido. Ordenar por (en diferentes tabs): fecha de publicación, votos, número de visitas.
- Quedaría por proponer qué links poner en los dos menús de arriba (el de fondo blanco y el de fondo caqui)
- También faltaría un voluntario con conocimientos de diseño gráfico para diseñar la portada (no queremos que sea exactamente igual que la de decreixement, ¿no?). A ser posible, este diseñador estaría bien que supiera HTML y CSS. Y ya, si sabe PHP y conoce Drupal, ¡ya sería la ostia!
Necesitamos propuestas para las subportadas de cada apartado.
Control de calidad
Para asegurarnos que todo este proceso se lleva a cabo sin interferir en los procesos que llevamos a cabo los usuarios en esta web, propongo que hagamos un listado de estos. Con procesos me refiero a cualquier cosa que hagamos los usuarios en esta web. Propongo esto tal y como se hace en grandes organizaciones siguiendo un estricto control de calidad. Es verdad que esto no es ni empresa ni gobierno ni nada de eso, pero podemos seguir controles de calidad para evitar sorpresas ni enfados por parte de ningún/una usuari@. En la elaboración de la nueva web nos aseguraremos que no falte ninguno de estos procesos, y que el acceso a éstos sea lo más fácil e intuitivo posible.
Pongo unos cuantos procesos que actualmente se pueden hacer para dejar como ejemplo y primer esbozo:
- Revisión de los últimos posts y comentarios en la web. Posiblemente, filtrando solo por unos tipos de contenidos en concreto (foros, FAQ, blogs, libros, etc.)
- Revisión de próximas acciones y eventos (calenario y, en el futuro, mapa)
- Revisión de FAQs sin contestar (Moros@s)
- Revisión de Mis Grupos/Todos los grupos: últimos posts y comentarios añadidos
- Postear una página en: Foro, FAQ, Grupo, Libro, Evento, Enlace, Blog, Formulario de participación
- Postear un comentario
- Unirse a un grupo de trabajo
- Gestionar membresías de los grupos
- Enviar un PM a otro usuario
- Contactar con un usuario via el formulario de contacto
- Revisar mensajes recibidos por PM
- Enviar un mensaje a tod@s l@s usuari@s de la web (=> Mass contact)
- Buscar en toda la web
- Buscar posts relacionados con una palabra clave
- Revisar posts que necesiten traducción
- Traducir un post
- Traducir partes estáticas de la web
- Gestionar los mensajes y notificaciones que se reciben de la web
- Asociar la cuenta de la web con una de twitter
- Añadir una página al listado propio de puntos/bookmarks en esta web
- Marcar una página como posible Spam
- Marcar una página como Spam (y esconderla; sólo moderadoræs)
También podemos hacer una lista de los procesos que nos gustaría tener la posibilidad de hacer pero que actualmente no se puede:
- Revisar las últimas acciones/actualizaciones de otr@ usuari@ con quién haya entablado "amistad" via web (como facebook o twitter)
- Enviar una página a redes sociales (twitter, facebook, google, etc)
¡¡Comentad, que es gratis y sirve de mucho!!
¡¡Un saludo y hasta pronto!!
emi
Bién por iniciar este punto de debate.
dakar y yo hemos trabajado en un proyecto de portada sin tantos cambios pero no por que este mal hacerlos sino porque necesitaria mucho tiempo para transformarla tanto
el proyecto lo estamos trabajando aquí:
http://www.podem.cat/portada
y aun le faltan cosas..
Nos hemos encallado en la cuestión de la medida de los títulos ya que en función del tipo de contenidos estos estan apareciendo con un formato u otro y los tendríamos que igualar para hacer un apartado de últimas noticias (que aparece tanto en tu propuesta como en la que estamos desarrollando)
Si partieramos del que has descrito, me faltaria un cuadro para poner el "indice de contenidos destacados"
http://www.podem.cat/grup/index-de-continguts-destacats/index-dels-conti...
(lo tenemos ya en català y pronto lo tendremos en castellano)
Para las publicaciones, yo había pensado destacarlas un poco más, poniendo no solo una imagen general de ellas, sino una imagen de cada portada, de manera que la gente las pudiera identificar y ir directamente a consultarlas. Esto podria ocupar por ejemplo un bloque lateral tendríamos que ver qual para compaginarlo con las otras propuestas.
Como decías Emi, podemos trabajar en varios proyectos en paralelo, y sobretodo podemos desarrollar un buen proyecto si hay alguien con tiempo para hacerlo
Por ello como que lo que hay ahora es muy facil de mejorar, y por ejemplo la parte de ultimas noticias, me parece urgente. Yo propondria quizas hacer el cambio a dos velocidades. Es decir
en un breve espacio de tiempo hacer un primer cambio que incorpore las cosas tecnicamente más sencillas. Como las ultimas noticias, el indice y las portadas; y en un tiempo mayor y con participación de los usuarios hacer un cambio más grande del estilo de tu propuesta
que os parece?
saludos
enric
Hola!!
Me parece bien que se haga en dos velocidades de forma paralela. Así empezará a mejorar antes y hará un cambio más profundo a un término un poco más largo.
El tema del "índice de contenidos destacados" sería lo que he llamado como Editorial. Lo de las publicaciones podemos hacer un arreglo intermedio: qué tal mostrar inicialmente una imagen resumen de las tres publis y que, al pasar por encima, te permita elegir entre las tres publis (y las que vengan) e ir a su página.
Propuesta Número 1
Unificar todos los "Últimos comentarios" en una sola Vista. Hacer varios 'display's. En cada uno mostrar diferentes tipos de contenidos (con 'override' en 'filter'). Luego haremos que se muestren en un solo bloque separando tipos de contenido por tabs. Una vez hecho, ganaremos espacio en las barras laterales y simplificaremos mucho tanto Vistas como bloques de Drupal. Eliminar todas aquellas vistas que queden incluídas en esta.
Propuesta Número 2
Hacer una Vista que muestre los últimos contenidos añadidos. Mostrar las opciones para filtrar por tipo de contenido. Hacer varios Display que ordenen la vista de diferentes formas: por fecha de publicación, por puntuación/votos, por número de visitas, por número de comentarios. Los diferentes Displays se mostrarán en diferentes tabs/pestañas. Este es útil tanto para la primera fase como para la segunda: Últimas páginas añadidas.
Un saludo!!
emi
Buenas.
Ahora que ya vuelvo a tener más tiempo, me pongo con la portada de primera velocidad es decir a corto plazo
podemos usar como decía el http://www.podem.cat/portada para hacerla.
En relación a tus anteriores comentarios, a mi parecer el indice de contenidos destacados es un recurso
y la editorial es otro. La diferencia está en que el indice de contenidos no se basa en la actualidad sino en una selección
de toda la web, y especialmente rehusa las noticias de actualidad sino que se queda con aquello que es util a largo plazo.
En cambio la editorial de noticias se basa precisamente en seleccionar lo nuevo para que el lector habitual lo reciba.
Mi idea es poner solo el indice de contenidos destacados en el corto plazo, pero depende de si alguien quiere currarse la editorial participativa para el largo
Por otro lado, la propuesta 1 y la 2, me parecen bién. Si realmente puedes encargarte de alguna de ellas para la portada ràpida
genial!! (no me queda claro si pensabas hacerlo para los dos propuestas o solo para la segunda)
Me gustaria que tuviéramos la portada ràpida antes del 15 de febrero, y voy a trabajar para ello estais de acuerdo en este plazo?
saludos
enric
Quería poner una subcolumna a la derecha para poner allí algunos bloques en este borrador de portada
pero actualment el apartado de bloques no da esa opción de subcolumnas. Emi sabes porque y como solucionarlo?
Si no lo sabes, y es algo que aconteció sin querer ya buscaría yo información o desisto, pero si es algo fácil me gustaria diseñar esa portada con doble columna, que da posibilidades de poner bloques fijos más visibles
gracias
enric
Hola enric,
Ésta era una opción que tenía el tema que usábamos antes, el Deco. En Pushbutton eso no està "programado". Por ahora y para la portada rápida, puedes usar el formato de entrada "Insert view" y meter las vistas donde te apetezcan, usando una tabla o lo que sea.
Si no sabes cómo hacer una tabla en HTML, puedes copiarla de Administración WEB => Bloques.
Un saludo!!
emi
Hola!!
He añadido al post una parte para asegurarnos que ne la nueva web no disminuiremos la accesibilidad de la web. Comentad lo que os parezca apropiado.
Un saludo!!
emi
Hola de nuevo!!
Añadimos a este documento los datos que hemos recogido/desarrollado entre algunos via mail y chats para que quede constancia y favorecer la participación a quién le interese. Este cambio que proponemos es un poco más ambicioso de lo que pretendíamos en un principio, pero mejorará notablemente la navegación en esta web.
PD: Hay voces que no suenan y que sé que tienen muchas cosas a decir. Moros@s seniors (Jerome, mago, Manu K, etc), ¡¿dónde estáis?! Esto tb os incumbe, creo. Pensad que en el apartado de Comunidad de Moros@s vosotr@s sois l@s reinas y reyes!
¡¡Un saludo!!
emi
PD: Hay voces que no suenan y que sé que tienen muchas cosas a decir. Moros@s seniors (Jerome, mago, Manu K, etc), ¡¿dónde estáis?! Esto tb os incumbe, creo. Pensad que en el apartado de Comunidad de Moros@s vosotr@s sois l@s reinas y reyes!
¡¡Un saludo!!
emi
Por alusiones:
Perdona Emi. Yo os apoyo moralmente en todo lo que hagais, pero no digo nada en esta carpeta porque no me entero de la mitad de lo que hablais. Que si bronwser, código AJAX....y pececitos de colores. Vamos, que me suena a chino todo. Lo sé, soy un incurto de las ciencias informáticas. Es que yo soy de letras. Pero tenéis mi bendición en todos los cambios que hagáis para mejor (luego ya me quejaré, que es lo mío)
Ale, salut a todos los técnicos del foro. Tenéis unos tequilas pagados en el bar de la esquina (no hace falta que repita la forma de pagarlos)
Jerome
PD: Yo si hay que elegir soy el rey. El papel de reina se lo damos a Mago, que es de Cadiz y está acostumbrado a disfrazarse.
Buenas,
permitidme advertiros, con todos mis respetos pues creo que la web es más que digna, sobre su compatibilidad. Creo que sería conveniente tener en cuenta la compatibilidad del diseño para poder acceder a la web correctamente desde en cualquier navegador y plataforma (sistema operativo). Es decir, no sólo testear la página en los sistemas y browsers más comunes sinó también pensar en los sistemas de teléfonos móviles, teniendo en cuenta que cada vez se accede más a Internet a través de estos dispositivos (sobre todo si se pueden conectar a las wifi..). Por tanto es importante tener presente las resoluciones y tamaños de pantalla (la página actual es muy "ancha" y aunque el problema esta resuelto con las barras de desplazamiento, creo que se debería centrar y optimizar el espacio). Igualmente y en la linea de compatibilidad, se deben evitar excesivas "recargas" en saltos de enlaces, (es decir evitar volver a cargar todos los menús de las columnas), lo cierto es que ralentiza la navegación, consume más recursos y puede desconcertar a algún usuario. Esto se puede evitar, sin definir "frames", incorporando javascripts (que funcionan sobre todos los sistemas). En concreto hay uno que abre en la misma ventana un enlace con hipervínculo, es decir abre una web entera o un apartado de la web, en un marco que se superpone sobre la pagina inicial (ostras...es más dificil explicarlo que verlo). De igual manera que abre una web, otros pueden mostrar imágenes o incluso videos de forma "flotante". Son los llamados litebox y videobox entre otros. Creo que los Ajax pueden hacer lo mismo aunque se debería comprobar. (Evidentemente son todos libres y he modificado varios de ellos para optimizar su funcionamiento. Si quereis os puedo enviar una prueba). En cuanto al menú principal, el horizontal, está definido por un frame por lo que divide la página y aunque no es crítico, no es muy conveniente el uso de estos marcos (frames) y si se pueden evitar mejor (por ejemplo definiendo un fondo con el logo fijo y un sencillo javascript flotante). Por otro lado he detectado, que la definición de metatag's es incompleta antes del tanto en palabras clave, como descripciones y títulos. También falta un archivo robots.txt y en definitiva esto afecta en el rastreo de los spiders de los buscadores y por tanto en la indexación de la web.
Salut!!
Bizen
Perdón no se utilizan "frames" nisiquiera el menu horizontal pero aunque utilizais javascripts observo "descolocaciones" en los menús al acceder a sus secciones...en fin nada que no se pueda corregir.
bizen
Estoy de acuerdo con la propuesta en líneas generales.
Haria falta también un espacio permanente para el indice de contenidos generales. Podria ser un título vistoso (que haria del nivel que esta ahora en decreixement.net de repensem la xpd y otros 3) o un poco menos grande pero con un desplegable con los distintos temas que aparecen luego y que son los de aquí: http://www.podem.cat/nodedegrup/index-de-continguts-destacats (lo estamos preparando en castellano)
me parece bién que la página quede más fácil sobretodo para la gente que nos visita de forma esporádica
los grupos de trabajo creo que más que como espacios de trabajo, los tenemos que entender como espacios donde mostrar y comentar los resultados del trabajo. Para grupos de trabajo en sí creo que tenemos herramientas mejores que organics groups y que no hay que entenderlo como trabajo, pero
va muy bien tener un grupo por ejemplo de transporte, que todas las nuevas ideas, propuestas y contactos sobre ese tema se puedan encontrar allí. Creo que este planteamiento liga con la forma en que se está proponiendo el cambio de web.
seguimos!
Hola enric,
Si te fijas, ya está propuesto ese apartado. De los que listo, es el último (que no tiene pq coincidir que se muestre al final de la lista). De todas formas, puede que sea mejor no como un apartado normal sinó como solo como un índice (es lo que es, ¿no?). Igual su lugar es como primer elemento del menú, junto con Quiénes somos, Contacto/Contactos locales y algún otro.
Un saludo,
emi
Hola, ya veo que todo sigue muy lento por aqui. Yo he estado ocupado librándome de la hipoteca y ahora tengo también muchos temas pendientes con lo que veo muy complicado que me ponga a mirar lo del drupal a corto plazo. De todas formas yo opino igual, que eso lo hacemos todos bien felices.
Sigo pensando que la única manera sostenible de que los contenidos funcionen es que sean los usuarios-y-visitantes los que los organicen y con sus acciones den más relevancia a unos que a otros. Lo de la relevancia es fundamental para no perderse.
Por muy bonito que pudiera quedar la cosa, que lo dudo porque no hay suficiente gente que dedique tiempo al diseño, al final tendríamos el mismo problema que ahora: unos contenidos clasificados en cientos de categorías y mucho contenido basura o desfasado que impide ver lo que interesa. Además de demaseadas opciones que asustan hasta al usuario experto. Lo simple es lo que triunfa.
Yo me iría a algo más sencillo, lineal, sin tanto menú ni tanta clasificación laberíntica. Algo como meneame.net. Una única lista de temas que se irán renovando cuando aparezcan temas nuevos relevantes. Dentro de cada tema habría un espacio para debatirlo y los temas nuevos que no sean relevantes o que estuvieran repetidos no llegarían a portada con lo cual nos quitamos mucha basura y podríamos generar un debate más fluido.
Sí me hacéis caso con esto del meneo, sí que podría echarle tiempo porque eso me motiva bastante más que el drupal, que le estoy cogiendo tirria.
