Open Morban15 opened 4 years ago
@cosola @Morban15 @MariaGuillen @lehysen Here is the link to the slide deck. Please ignore the skipped slides. I want to try recording the testing lesson. The final slide is the activity slide, self study.
Ping me if you have any questions.
Tengo dos opciones:
Y
homePage
hover
, el block aumentará de tamaño. Algo así:Cada block (planta) tiene una página. Aquí tengo tres opciones:
El botón Siguiente
va a otra lección de las tres que tenemos.
El logo
nos llevará al homePage
El Diccionario
:)
El nombre de la planta
nos llevará al Nodo Page
Se me ocurrió que podemos variar las páginas (por plantas). Con esto me refiero a no seguir una monotonía, pero que a la vez no esté muy cargado.
@MariaGuillen Nice job showing the evolution of your prototypes across the three sketches. My question is about the prototype below ⬇️
Can you expand on this prototype—what happens when a user clicks "leer más"?
@Morban15 I like the outside the box design, free-flowing, like nature. Feedback and questions below...
Since we are just tackling the node page, which is the plant detail, or view, page in this story, I'm going to limit my comments to those prototypes. For reference, the page that displays all the plants is commonly called a list or collection page. Save your ideas for the next rounds though :)
2
3
* El botón `Siguiente` va a otra lección de las tres que tenemos.
Not bad thinking about how to navigate between pages, but at this stage let's stay focused on the node page content area.
* El `Diccionario` :)
I like where you are going with having a way to look up and understand terms on the site. What I've seen a lot on modern sites, is the ability to highlight a word or term and a pop-up/tooltip/popover displays with information. _(Hint: These are different names of components you should look up.) What if we tried this approach? Try to see what examples you can find. This site allows users to comment on parts of song lyrics to discuss their meaning.
* El `nombre de la planta` nos llevará al Nodo Page Se me ocurrió que podemos variar las páginas (por plantas). Con esto me refiero a no seguir una monotonía, pero que a la vez no esté muy cargado.
While it may seem monotonous to have the same design for the node page, it is actually important when it comes to providing a consistent user experience. We want to limit the amount of learning a user has to under take to understand the webite. One of the chanllenges of UX design is striking a balance between usability and design (creative expression).
When i'm on a node page, will the name of the plant still be a link?
The big question I'm left with when I look at your designs is, what happens when there is a lot of content in a section? How do you envision a long page to look/work as the user scrolls?
@lehysen @MariaGuillen @Morban15 Overall great job on your first prototypes! Do you have any questions, clarifications, etc on the google slides presentation?
It would be great if you can give each other feedback—what did you like? what did you not like and why? how do you feel when you look at each sketch? what's something you long for? What other ideas does the sketch give you? Please leave your feedback in a comment.
Just in case we end up having choppy internet during standup at 10, today we're going to focus on incorporating peer feedback into the designs. Also, you should start thinking about how things will work with real content.
![prototipo 1]( ) ![al presionar leer mas, la información emergente se coloca debajo de la actual y desplaza hacia abajo la información que antes estaba.]( )
![prototipo 2]( ) ![Al presionar leer mas, la información emergente continua con el mismo formato anterior, muestra imagenes de lo que se esta hablando de ambos lado y la información en el centro.]( )
![prototipo 3]( )
![prototipo 4]( ) ![Al presionar leer mas, a la derecha de la pagina aparece una sección que nos muestra el resto de la información.]( )
[prototipo 1 con información real]( )
Aquí podemos aplicar el diseño de María y Lehysen. Que se presente una breve información y agregarle el botón Leer más
.
El punto es colocar un botón que nos traiga a esta página donde habrán imágenes con figcaptions
Algo así
O un carrusel estático
O colocar un conjunto de imágenes
Metas
Generar un contendio fácil de entender y que no sea muy extenso (less is more).
Protipar con contenido real (Reducir la información visible y colocar una sección o link para leer más)
[x] Lección sobre paper-protyping @misscs symbols / language of prototypes
For each one of the tasks below, upload a photo of your work
Sketches
Evolving Sketches