UI wireframes/sketches

[uo282892]

This discussion will serve as the place to present the sketches of the different parts of the user interface.

[uo282892]

UI Main Page

[GuillermoDylan]

Friends Page

[Davidmc07]

Home page

[Davidmc07]

Home page

[UO283428]

The colors of this one are the best in my opinion.

[Pelayo-Reguera]

I like the shapes but the colors are horrible. I think that even the page of a funeral home is more colorful hahahahahaha

[GuillermoDylan]

I like the design, but the color palette seems to be very dark, maybe some tones of purple would be great.

[Pelayo-Reguera]

Or even blue like the palette from the Ivan's design

[uo282892]

As Guillermo says, the design is promising but the colors have no personality. From the colour palettes we have seen so far, I would choose either the one with different tones of blue, or another with different tones of purple and magenta (like the current login page).

[UO283428]

The two wireframes of David are really great I think is what we are looking for.

[GuillermoDylan]

UI Redesign Proposal and Filter for the Map

Hi guys, I have made some wireframes for the application, taking into consideration the last approach that was made for the main page and tried to redefine it a little bit, just to give it some color and try if it works out, I have made 2 different versions, with different palettes, but I'm also opened to any new color suggestions. Please let me know what you think.

Friends List

I have also planned a redesign for the Friends view, this is tied to a short discussion that took place during one of the meetings, during which an approach to show the friends image together with their information on the friend's list was made.

Small note: if I am able to, I will also upload later a version with the color palette used in #48 (comment).

[UO283428]

They are really good, nice work!! I really like the second one, I think the contrast is better than the one we have right now.
Can you share the color code of the two options? I think we can try some combinations of the first one with a purple like the one from Solid.

[GuillermoDylan]

Yes of course! The color codes are the following ones:

For the first palette:

HEX: 451964 (Dark purple)
HEX: D4B3EC (Light purple)

For the second one:

HEX: 002E66 (Dark blue)
HEX: B2CCEB (Light blue)

All of the wireframes share a background greyish color, which in hexadecimal: DEDEDE.

[uo282892]

I like very much the different tones of blues you used, they make a nice contrast and they fit very well.

However, the idea of having purple, apart from the fact that I am not a big fan of it, is that linking our application with solid aesthetics may look as if our LoMap does not have its own identity. What do you think?

[GuillermoDylan]

Sketches for comments and reviews on the place information

[GuillermoDylan]

Suggestions for new page views?

Hi guys, I have here some basic sketches for the new page views we are set to implement, but the thing is that as I was thinking on how to display everything I found myself without really knowing what to display or how, so I would appreciate your opinion on this. I mainly want to know exactly what we are presenting to the user in the Groups page and how you would like it to he shown, I mean in terms of tables, lists, etc.

[Davidmc07]

Yes, something like that. We can start by displaying the name, description and table of maps in the group view. It may be better not to add an icon and wait until everything else is implemented before displaying the member list, mainly because we would have to deal with updating it each time a user leaves the group