Generar un prototipo para la página de nodo de la planta

Morban15 commented 4 years ago

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

[x] Make varias sketches for the node page
[x] Low fidility wireframe (without real content)

Evolving Sketches

[x] Incorporate feedback and ideas from your peers. Merge ideas together. Collaborate as much as possible.
[x] Expland your low fidility wireframe with real content. Pick 1-3 content section and focus on sketching and exploring how you would design with real content.
[x] @Morban15 Combine @MariaGuillen's second sketch with real content
[x] @Morban15 Make some paper sketches that show different ways we can have multiple images in a section

misscs commented 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.

MariaGuillen commented 4 years ago

7DFFD601-811E-41CB-9A23-E8CF8DD179B5

C5D49933-02C9-4E45-ADB3-6C66E2DE7530

AC23814A-3A8D-4D75-83E7-B86F8C398BBE

Morban15 commented 4 years ago

Nodo page

Tengo dos opciones:

20200324_234829

Y

20200324_234754

El logo nos llevará al homePage
Cada block tendrá el mismo efecto. Cuando se haga un hover, el block aumentará de tamaño. Algo así:

20200324_234727

Cada block (planta) tiene una página. Aquí tengo tres opciones:

1

20200324_234707

2

20200324_234638

3

20200324_235132

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.

misscs commented 4 years ago

@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"?

misscs commented 4 years ago

@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

20200324_234638

3

20200324_235132

* 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?

misscs commented 4 years ago

@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.