Creating a successful UI for a better UX with Genevieve Primavera

Thank you!

Thank you! And thank you for attending!

Thank you for attending!

We need to finish talks by 8:30 so we'll start close to seven. Food arrives at 6:30.

I can't promise it because our current RSVP count is over the limit, but in our seven year history, we've only had to turn people away once.

It's certainly a great start!

The illustrations are great!

Overall, I'd increase the top margin on all screens.

I would visually break up the "I have..." and the symptom picker so that it doesn't look like it's floating so much. Maybe it has a slight tint for a background color.

And maybe the submit button could be a little bigger — have a little more personality. (Rarely are you going to hear a designer say "make it bigger!" But this is one of those rare circumstances. Lol)

The Yes/No buttons look really nice. They could use a color, to keep up with the fun illustrations.

The last two screens look like they still need some design. You may consider putting the type on a colored background to distinguish it from the illustration a little bit, and increase the right and left margins.

Hope that was helpful. Great start, though!

I don't have details, but yes.

Definitely in the works! :)

Hi Ken, I took a look at your app. The UI seems to be a little crowded. I would give everything a little more negative space and also reduce the visual contrast. You are using red and green, two complementary colors. Green makes red look redder, and vice versa, combined with the ultimate contrast of black and white, it gives the illusion that the screen is even more crowded than it really is. Maybe the white background becomes a light gray, and the type becomes a little softer than black, like a #333333, or something close.

On your last screen, I would suggest replacing the switches and labels with icons (no labels). Also, I would clean up the typography treatment in that table. Here is a link with some nice examples of how type is handled. One of the first steps is increasing the line-height, and the text alignment.

Hope this helps!