Design critique megthread

The Something Awful Forums > The Finer Arts > Creative Convention > Design critique megthread

Above Our Own: Jun 24, 2009; by Shine

Here's a mockup I did for an app we're doing. I work for an NGO focusing on disaster relief and we keep a roster of trained individuals to contact on short notice when a disaster hits. I'm looking for critique on layout and typography. What do you guys think?

# ¿ Apr 6, 2015 17:26

Adbot: ADBOT LOVES YOU

# ¿ Jan 16, 2026 13:31

Above Our Own: Jun 24, 2009; by Shine

Thanks for the feedback, here's a slightly more colorful iteration. Do you think this looks too busy?

Sentient Data posted:

Looks good and easy to read, but from a technical standpoint how would it handle larger text like 22 old/new missions or a city name along the lines of http://en.wikipedia.org/wiki/List_of_long_place_names#Names_with_spaces_or_hyphen ? I doubt they'll see much action in Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu, but a more "normal" sounding town like Little Cottonwood Creek Valley, UT would have trouble fitting, ditto with longer email addresses.

But note that those aren't complaints, just something to think ahead about. Email address could probably be easily handled by just shrinking the line if necessary since it's not as critical, but the place names might need a little thought. You could give support for multi-line, you could auto-scroll the name fields (and just think about appropriate delays/speeds), or you could just let the name cut off with a graceful gradient as long as the information can be seen in the full profile

That's a good point, we'll make sure that shorter names for response events are used. For long emails, I guess I'll just truncate. The gradient is a good idea.

Burger Trench posted:

My $0.02: I like the layout. I think information is arranged in a logical hierarchy. I don't understand exactly how the app is supposed to function, but I think I can get a decent idea just from the concept you showed me.

I'm not sure about the typography w/r/t the missions. I feel like you need to expand the kerning slightly between the number and the text, maybe? But even past that, it's an unusual look for (what I presume are) notifications that a user might need to interact with. That might be a tad persnickety, but I can't think of an app where buttons look quite like that. It almost strikes me more as an infographic? The button you made for "View Full Profile" seems to have a much more clear call to action associated with it, you know?

As a personal preference, though, I would ditch the light on dark background. There aren't many contexts where it works, and I don't think an NGO is one of them. I guess I pretty much only think of, like, video game sites when I think of light text on a dark background.

I think a little more color would be nice, too.

Also, ditch the underline.

I agree with you on the label/buttons. I'm still thinking over how to best communicate that it's an interaction, do you think a border helps?

MrSaturn posted:

In addition, I'll add that your use of the color red might be a bit questionable there. It generally means there's an error, or something's wrong, and isn't generally associated with "new".

Good point. We are trying to communicate urgency - this app is intended to solicit quick responses for disaster relief. Maybe I'll experiment with a more orange/yellow hue.

# ¿ Apr 9, 2015 16:00

Above Our Own: Jun 24, 2009; by Shine

Screw it, redid the whole screen.

# ¿ Apr 10, 2015 15:53

Above Our Own: Jun 24, 2009; by Shine

I'm trying to do a stylized tachometer for a logo. Thoughts?

# ¿ Aug 14, 2015 07:13

The Something Awful Forums > The Finer Arts > Creative Convention > Design critique megthread