Diferencia entre revisiones de «MediaFranca: Wireframes»

De Casiopea
Línea 207: Línea 207:


==Index Conversación==
==Index Conversación==
[[Archivo:indexConv2-01.jpg|300px|thumb]]
<gallery>
[[Archivo:indexConv2-02.jpg|300px|thumb]]
Image:indexConv2-01.jpg
[[Archivo:indexConv2-03.jpg|300px|thumb]]
Image:indexConv2-02.jpg
[[Archivo:indexConv2-04.jpg|300px|thumb]]
Image:indexConv2-03.jpg
[[Archivo:indexConv2-05.jpg|300px|thumb]]
Image:indexConv2-04.jpg
[[Archivo:indexConv2-06.jpg|300px|thumb]]
Image:indexConv2-05.jpg
[[Archivo:indexConv2-07.jpg|300px|thumb]]
Image:indexConv2-06.jpg
[[Archivo:indexConv2-08.jpg|300px|thumb]]
Image:indexConv2-07.jpg
[[Archivo:indexConv2-09.jpg|300px|thumb]]
Image:indexConv2-08.jpg
[[Archivo:indexConv2-10.jpg|300px|thumb]]
Image:indexConv2-09.jpg
 
Image:indexConv2-10.jpg
</gallery>


La Navegación indexada de las Conversaciones dadas a nivel Local y Nacional, están ordenadas sobre un criterio de visualización que acentúa la importancia de lo que se habla y no de quienes hablan. Reflejando mediante un segmento estático y otro dinámico, una contemplación bilateral de las publicaciones.
La Navegación indexada de las Conversaciones dadas a nivel Local y Nacional, están ordenadas sobre un criterio de visualización que acentúa la importancia de lo que se habla y no de quienes hablan. Reflejando mediante un segmento estático y otro dinámico, una contemplación bilateral de las publicaciones.

Revisión del 12:27 27 oct 2011

← Volver a MediaFranca

Navegación

La navegación superior, está definida por la primera horizontal que define las acciones de la cuenta personal, el acceso al Index del Sitio y el modo de navegación a través de las publicaciones. El segundo horizonte, corresponde a una categoría de interacción con las pantallas que se están viendo, siendo la zona izquierda, herramientas de publicación y/o navegación semántica, mientras que la derecha son los componentes característicos de cada Publicación/Conversación.

Wire-navSuperior.png

Navegación superior para indexMap. Cuarta Etapa
Navegación superior para indexMap. Tercera Etapa

Index Map

La navegación a través del mapa, está caracterizada por la visualización panorámica de Conversaciones/Publicaciones creadas en un territorio específico. Distinguir cada publicación, es necesario para dar a conocer la dinámica de las Personas. Es por eso, que se ha decidido distribuir las herramientas al costado superior e inferior de la pantalla, a fin de mantener el mapa sin interrupciones y lograr distinguir los tipos de Publicaciones a través del Lenguaje Iconico.

  • Zona superior: Herramientas de Publicación/Navegación
    • Buscador en el sitio.
    • Cuenta personal.
    • Filtro de Búsqueda semántica por Temas.
    • Temas Populares.
  • Zona central: Publicaciones/Conversaciones.
    • Publicación.
      • Contenido.
      • Avatar autor.
      • Fecha de Publicación.
  • Zona inferior: Características de Publicación/Conversación.
    • Aviso de Ubicaciones no visualizadas.
    • Características de Conversación/Publicación
    • Navegación por tipos de Conversaciones.
      • Ranking de Publicaciones.


Index List

La visualización en lista, indexa las conversaciones y divide la pantalla en dos categorias. La izquierda, según el puntaje de relevancia que posean o la fecha de creación que tengan las publicaciones, exponiendo la última publicación generada dentro de la conversación según la pestaña de tipología seleccionada. Cada lista de publicaciones, está filtrada por las pestañas de Mis Ubicaciones, Mis Temas, Nacional y Suscripciones. En la columna derecha, se previsualiza la actividad próxima de la persona que navega con su cuenta y la actividad genérica dentro del sistema con énfasis en Personas más activas, a fin de destacar la participación ciudadana en las conversaciones; Temas populares sobre la temática más hablada en las publicaciones creadas y las Conversaciones Trending que acentúan el debate naciente independiente del número de publicaciones que posea.

Wire-indexList.jpg

Publicación

Segunda etapa

Una publicación se caracteriza de una conversación por el tipo de contenidos que posee, por las relaciones internas entre ideas, proyectos y publicaciones de multiformato que se estén dando. El distingo entre una publicación y una conversación se muestra en las pestañas con los tipos de publicación y el globo de las personas que están participando en ella, acentuando además, la cantidad de puntos de relevancia que esta posea.

Primera etapa

Las diferencias entre una publicación y una conversación, está dada por la cantidad de contenidos generados y la diversidad de elementos multimedia que se encuentran en ella. Para poder ver las diferencias entre una y otra, se recalca la relación de tamaño y las características internas que cada una posee:

  • Título de la publicación.
  • Temas (Etiquetas).
  • Ubicaciones (si es que posee).
  • Elementos Multimedia (si es que posee).
  • Número de visitas: conteo de click sobre la publicación.
  • Autor de la Publicación
  • Tipo de Publiación
Cuarta etapa
Tercera etapa

Conversación

A diferencia de una conversación, las dos etapas que se distinguen dentro, previa a tener un Equipo Administrativo y posterior a ella, más los puntos de Relevancia y la cantidad de publicaciones al interior de ella, distinguen el cuadro de Conversación al de una Publicación cualquiera.

  • Título de la publicación.
  • Temas (Etiquetas).
  • Cantidad de Publicaciones.
  • Puntos de Relevancia (si es que posee).
  • Ubicaciones (si es que posee).
  • Elementos Multimedia (si es que posee).
  • Número de visitas: conteo de click sobre la publicación.
  • Ideas y Proyectos encadenados.


Cuarta etapa
Tercera etapa

Características

Sobre la base de la propuesta anterior de Diseño de publicación, se continúa la propuesta con el mismo multiformato, pero agrupándolos en tres categorías:

  1. Imagen, Video y Presentación.
  2. Evento
  3. Audio
  4. Programa (aplicado en Ideas)
  5. Referencias (aplicado para Conversación con número de publicaciones mayor a uno)

La pantalla inicial es igual para todos y están sugeridos por los iconos en los cuadrados de la esquina inferior derecha.

Cuadro de Publicar sin añadir elementos multimedia
Versión anterior

Ubicación

Imagen, Video, Presentación


Evento


Audio

Image:audio2-01.jpg|Click en agregar Audio Image:audio2-02.jpg|Seleccionar archivo Image:audio2-03.jpg|Click en Seleccionar Image:audio2-04.jpg|Seleccionando archivo Image:audio2-05.jpg|Cargando archivo Image:audio2-06.jpg|Archivo cargado Image:audio2-07.jpg|Distintivo de Audio cargado


Programa


Referencias

La pantalla final es igual para todos y el proceso está diferenciado por el recuadro de color, confirmando exitosamente el proceso.

Visualización final al haber añadido un elemento multimedia a la Publicación
Versión anterior

Index Conversación

La Navegación indexada de las Conversaciones dadas a nivel Local y Nacional, están ordenadas sobre un criterio de visualización que acentúa la importancia de lo que se habla y no de quienes hablan. Reflejando mediante un segmento estático y otro dinámico, una contemplación bilateral de las publicaciones.

La visualización indexada de las conversaciones, está dividida a través de una navegación interna de las Conversaciones y sus características de Publicación, insistiendo en la valoración de las ideas, los argumentos más valorados (ergo, la Persona más influyente de la Conversación) y las referencias que elevan el nivel de dialogo. El segmento izquierdo, construye el argumento colectivo de acuerdo a las publicaciones que posean diversidad de contenidos; es el espacio de repositorio colectivo que permite vislumbrar el argumento enriquecido de la conversación por los componente multimedia, referencias e ideas y proyectos anclados a la Publicación/Conversación seleccionada. Mientras tanto, el segmento derecho posee el contenido textual de las publicaciones, de una manera dinámica y ordenadas de acuerdo a los criterios de relevancia o fecha de publicación.


Mapa y Autoridades

Tipología de Publicación

Galeria

Idea

Grupo

La visualización de los grupos posee una estructura distinta de distribución, a fin de visualizar la mayor cantidad de éstos con un mínimo de características posibles. La navegación está dada por un filtro de búsqueda según los tipos de grupos, sus estados, ubicación respecto a las ciudades añadidas y recomendación a través de amigos. Por otra parte, la interacción es un movimiento de Post-it que varía y privilegia la actividad interna de cada uno de éstos.

PlantillaGrupos.png

Grupos recomendados

Series

Los layouts nacidos de las propuestas acá desarrolladas, se encuentran en la página Mediafranca: Pantallas

Segunda Etapa

En esta etapa, se propone una tipología de entender las conversaciones, como una publicación-repositoria de más publicaciones comentadas dentro de ésta. La encadenación de las publicaciones puede ser hacia diversas conversaciones con tópicos y ubicaciones símiles. Cada conversación posee una fecha de expiración con o sin ideas, siendo llevadas a un repositorio histórico que encadena y sugiere la encadenación de nuevas conversaciones con conversaciones anteriores a fin de evitar la redundancia de contenidos y la aceleración de concretizar las propuestas publicadas.

Primera etapa

Layout

Versiones hasta el 17 de agosto


En las ultimas decisiones tomadas bajo las discusiones de las relaciones de los contenidos con las acciones que se realizan al respecto y los hallazgos encontrados en las pruebas de interfaz. Se decide separar las escrituras en dos grandes grupos uno de ellos es los contenedores y los contenidos. Luego surge en el interior de los contenidos elementos que cambiaran dependiendo del área a la cual se refiera el sitio.


  • Para el caso de los contenedores quedan asignados contenidos con elementos de disposición a pantalla completa. Como por ejemplo Mapa de navegación de conversaciones.
  • Para el caso de Pantallas de contenidos contendrá elementos que estarán centrados en una caja. Como son listas de conversaciones. Que podrán tener variaciones como cambios en el sidebar o cambios de los tipos de listas.

Versiones anteriores