Learnexperiment: Nueva portada
2 views
Skip to first unread message
Jaime García Marsá
Mar 29, 2010, 3:46:44 PM3/29/10
to learn-ex...@googlegroups.com
Bueno, aunque aún no he podido hacer todo lo que quisiera (básicamente me falta lo de la edición), ya se puede ir viendo el nuevo diseño en la portada: http://www.legendarya.com/learnexperiment/
Antes de nada, TODO es provisional, hay espacio para cambiar cualquier cosa. Criticad sin miedo, que no lleva tanto tiempo el hacerloc omo pudiera parecer, simplemente está más limpio y más claro. Para comenzar hay varias cuestiones que quiero poner a debate:
1/ Diseño, colores, estilo,...
2/ Elementos del menú
3/ Bloques de portada ¿Orden, contenidos, distribución?
4/ Otros elementos que pudieran estar en portada
Voy a ir rematando lo de la edición. En cuanto lo tenga (mañana como tarde) iniciaré otro tema para debatir sobre eso.
Un saludo:
Jaime
ferran quer
Mar 29, 2010, 5:37:20 PM3/29/10
to learn-ex...@googlegroups.com
1/ Diseño
Diseño: estaría bien que se pudiera escoger el color, ni que sea cerrado, aunque una paleta de colores daría más posibilidades. A mí me gustan las barras negras con volumen, pero podemos hacer como predeterminado el azul, si quieres. Con cambiar la barra botones, etc y el fondo de los cuadros (si es necesario) creo que basta.
Te adjunto una muestra de mi barra de ventanas de muestra, para que veas lo que digo. El color secundario podría ser el naranja. Podría haber azul-naranja, negro-naranja, blanco-gris, etc. Evidentemente el color del texto tiene que ser diferente con barras claras que con oscuras.
2/ Menú
El menú está bien. Ahora falta dejar estas opciones fijas y dejar espacio para las que dependen de la página. Ah, ponemos el botón "editar" a la barra "variable" no? Podría cambiar a un color que resalte, rojo o así, cuando se esté editando, como un símbolo de alerta un poco, que marque claramente la situación. En la barra adaptativa podemos poner el ránking del ejercicio, el tiempo y los fallos (que no serían desplegables)... Si es menú de navegación, pues tampoco hace falta mucho. Estaría bien que hubiera un "historial de cambios" o algo así en cada página, como el botón de editar. Sólo podría haber un modo a la vez, es decir, no se podría editar el historial, ni comprobar el historial de la página de edición, evidentemente.
El ¡Participa! es corto y está bien, pero tendremos que buscar algo que incite más. Algo tipo "Crea tus (propias) lecciones" , o "Tus ejercicios". Que al pulsar salga un mensaje que dé por hecho que es normal crear lecciones: "Aún no has creado ninguna lección. Pulsa aquí para..."
3/ Bloques
Un bloque podría ser el tour, aunque con la mitad de espacio basta, ya que en portada no tendría que ocupar más que un título o texto linkeado. Si ponemos tour en la barra lateral crees que puede molestar a los que ya estén acostumbrados?
Otros bloques podrían ser ránking general, amigos conectados o no, seguimiento de lecciones cursadas (comentarios, puntuaciones superadas...), lecciones que dejaste a medias... en fin, no nos los acabamos. Si no podemos sintetizarlo sin que quede apelmazado, podemos probar de hacerlo personalizable, no?
Mira a ver si puedes hacer algo extensibles los cuadros, porque en mi pantalla se ve mucho espacio libre (contando una barra gruesa a la izquierda). Yo siempre hablo de barra, pero viendo la nueva beta de wikimedia, una línea bien trazada y un tono de fondo ligero también podría quedar muy limpio... Tú decides la predeterminada, yo te doy más ideas...
4/ Más
Algo importante: debería ser la portada también la del perfil? Es decir, podemos adequarla según los datos del usuario? Por ejemplo, en novedades, mostrar las nuevas lecciones/artículos wiki relacionados con su actividad, y poner una pestaña ver todas que sea portada/novedades. Podría haber otro bloque que las mostrara absolutamente todas, o podría ser una opción a elegir, si nos falta espacio.
En la ruta crees que deberíamos eliminar "portada >" ? es que portada > inglés > condimentos queda algo raro. Y si no, mejor, qué te parece "Learn Experiment > Inglés > Condimentos"
Qué es la barra azul/naranja? sólo por curiosidad :P
En los ejercicios desaparece la barra de dirección, supongo que ya te habrías dado cuenta más adelante.
Bueno, ya está bien por hoy.
Salud!
Diseño: estaría bien que se pudiera escoger el color, ni que sea cerrado, aunque una paleta de colores daría más posibilidades. A mí me gustan las barras negras con volumen, pero podemos hacer como predeterminado el azul, si quieres. Con cambiar la barra botones, etc y el fondo de los cuadros (si es necesario) creo que basta.
Te adjunto una muestra de mi barra de ventanas de muestra, para que veas lo que digo. El color secundario podría ser el naranja. Podría haber azul-naranja, negro-naranja, blanco-gris, etc. Evidentemente el color del texto tiene que ser diferente con barras claras que con oscuras.
2/ Menú
El menú está bien. Ahora falta dejar estas opciones fijas y dejar espacio para las que dependen de la página. Ah, ponemos el botón "editar" a la barra "variable" no? Podría cambiar a un color que resalte, rojo o así, cuando se esté editando, como un símbolo de alerta un poco, que marque claramente la situación. En la barra adaptativa podemos poner el ránking del ejercicio, el tiempo y los fallos (que no serían desplegables)... Si es menú de navegación, pues tampoco hace falta mucho. Estaría bien que hubiera un "historial de cambios" o algo así en cada página, como el botón de editar. Sólo podría haber un modo a la vez, es decir, no se podría editar el historial, ni comprobar el historial de la página de edición, evidentemente.
El ¡Participa! es corto y está bien, pero tendremos que buscar algo que incite más. Algo tipo "Crea tus (propias) lecciones" , o "Tus ejercicios". Que al pulsar salga un mensaje que dé por hecho que es normal crear lecciones: "Aún no has creado ninguna lección. Pulsa aquí para..."
3/ Bloques
Un bloque podría ser el tour, aunque con la mitad de espacio basta, ya que en portada no tendría que ocupar más que un título o texto linkeado. Si ponemos tour en la barra lateral crees que puede molestar a los que ya estén acostumbrados?
Otros bloques podrían ser ránking general, amigos conectados o no, seguimiento de lecciones cursadas (comentarios, puntuaciones superadas...), lecciones que dejaste a medias... en fin, no nos los acabamos. Si no podemos sintetizarlo sin que quede apelmazado, podemos probar de hacerlo personalizable, no?
Mira a ver si puedes hacer algo extensibles los cuadros, porque en mi pantalla se ve mucho espacio libre (contando una barra gruesa a la izquierda). Yo siempre hablo de barra, pero viendo la nueva beta de wikimedia, una línea bien trazada y un tono de fondo ligero también podría quedar muy limpio... Tú decides la predeterminada, yo te doy más ideas...
4/ Más
Algo importante: debería ser la portada también la del perfil? Es decir, podemos adequarla según los datos del usuario? Por ejemplo, en novedades, mostrar las nuevas lecciones/artículos wiki relacionados con su actividad, y poner una pestaña ver todas que sea portada/novedades. Podría haber otro bloque que las mostrara absolutamente todas, o podría ser una opción a elegir, si nos falta espacio.
En la ruta crees que deberíamos eliminar "portada >" ? es que portada > inglés > condimentos queda algo raro. Y si no, mejor, qué te parece "Learn Experiment > Inglés > Condimentos"
Qué es la barra azul/naranja? sólo por curiosidad :P
En los ejercicios desaparece la barra de dirección, supongo que ya te habrías dado cuenta más adelante.
Bueno, ya está bien por hoy.
Salud!
2010/3/29 Jaime García Marsá <ja...@legendarya.com>
To unsubscribe from this group, send email to learn-experiment+unsubscribegooglegroups.com or reply to this email with the words "REMOVE ME" as the subject.
Jaime García Marsá
Mar 31, 2010, 2:48:55 AM3/31/10
to learn-ex...@googlegroups.com
Antes de nada una aclaración: el diseño no es mio, es de un compañero (el fue quien hizo el logo y diseño original).
1/ La mitad de los usuarios que entran ahora en LearnExperiment (según google), tienen 1024px de ancho. Portanto, no podemos hacer el diseñomás ancho. Lo que si podemos es dar opciones de diseño para esto, colocación de elementos, colores del interfaz,...
2/ Botón de Tour: ¿Que te parece meterlo en el cuadro de introducción? Poner "Tour" únicamente no me parece la mejor opción, pero tampoco me convence lo que puso mi compañero de "dar un paseo por la web". Habría que aclarar más que se va a ver.
3/ Barra de comentarios: He puesto una barra de comentarios de facebook debajo del menú. Vendría a sustituir un poco al sistema de mensajes. Requiere registro, se puede moderar y muestra los comentarios en facebook (si quiere el usuario). Se pueden acemás hacer varias barras de comentarios "independientes": Podemos hacer que cada apartado (con sus ejercicios) tenga sus propios comentarios.
4/ Lo de las barras negras con volumen ¿paraque serían? ¿Para la barra de menús?
5/ Lo de editar todavía está pendiente, pero mi idea era meterlo en cada apartado/lección. A ver si lo tengo hoy y te lo cuento con más detalle.
6/ Los bloques podrían variar si el usuario es "veterano". La introducción se haría innecesaria, y me parece buena idea lo de "amigos conectados"/ranking
7/ Ranking: No solo por lección. Se debería decir cuanto llevas desarrollado de cada apartado, y ¿el tiempo medio?
8/ Las novedades deben ser sobre lo que estás estudiando, aunque también podría aparecer en "cursos", un número que indique si tiene alguno nuevo. También deberían aparecer los que estás haciendo, y los siguientes.
Otras cuestiones:
a) La barra azul/naranja es puramente decorativa
b) La edición está todavía pendiente, espero tenerlo hoy
Un saludo:
Jaime
ferran quer
Mar 31, 2010, 7:31:41 AM3/31/10
to learn-ex...@googlegroups.com
1 Bien, no decía de hacer el diseño más ancho, sino de adaptarlo a cada pantalla, es decir, de aprovechar al máximo el ancho de cada pantalla. Si es posible, claro.
2 Tour, Dar un paseo por la web, tutorial, ayuda, manual.... aunque los dos últimos no sé yo...
Ejemplos de otros webs:
- A ver, en el travian sale "Al tutorial (en sólo 60 segundos)"
- En Ogame sale "Acerca de 0game", pero esto debería informar de los propietarios, versión...
- En tribal wars hay una pestaña de "ayuda", pero es en plan léetelo todo y sabrás jugar, no es un "paseo".
- Ikariam: "tour-juego" (acompañado con imágenes, como travian y metin)
- En Metin pone "primeros pasos" y "tutoriales".
Webs de aprendizaje:
- busuu.com: busuu in 90 seconds (vídeo, poco convincente)
- smart.fm: take a tour
- babbel: "vídeo introductorio" y "babbel en 40 segundos"
...
3 Bien... todo el mundo tiene facebook, así que será muy útil. Nos ahorramos bastante trabajo.
4 Exacto, para menús y la barra lateral. Yo tenía la idea de hacerlo así, pero como te dije sin color podría quedar más limpio. Todo es probar.
5, 6 Entendido
7 Otra idea es el tiempo total. Así ves cuánto tiempo has invertido y te puedes sentir orgulloso o querer invertir más. Creo que en cuanto a estadísticas, cuantas más, mejor, siempre son útiles.
8 Me parece bien, además, tenemos que pensar cómo marcar las lecciones no cursadas, las que están a medias, y las completadas. Podría centrarse todo en esto, además de comprobar si desde la última entrada se han añadido lecciones.
Es que vi la barra sin nada debajo y no lo entendía jeje
Saludos!
8
ferran quer
Apr 6, 2010, 10:33:48 AM4/6/10
to learn-ex...@googlegroups.com
En el nuevo diseño creo que podríamos aprovechar más la altura, subir un poco el límite superior. Ahora es como si hubiese una barra, queda mejor, pero sino no sé dónde meteremos el texto. Otra idea sería recuperar la idea de mostrar el texto en pausa encima del cuadro de lección.
Jaime García Marsá
Apr 7, 2010, 1:59:06 PM4/7/10
to learn-ex...@googlegroups.com
Hola Ferran, la barra de arriba estaba para el área de usuario, pero he visto que el lateral de los comentarios tiene lo mismo, así que se podría subir todo como sugieres.
Mañana lo actualizo y vemos como quedaría. He hecho también la edición de secciones. Veré si termino la de
También estaba pensando en eliminar la barra lateral de clasificación. Las estadísticas y botones se podrían integrar con el ejercicio, y en la parte inferior meter con pestañas la descripción, clasificación, opciones y datos del ejercicio. Entre otras cosas los comentarios requieren mas espacio.
Un saludo:
Jaime
Reply all
Reply to author
Forward
0 new messages