Visual Design Challenge | Design Buddies 🐰 | Page 1

fair shuttle Oct 5, 2023, 4:22 PM

#

Hey Andy! I think there's some nitpicks I'd do, not sure about huge auto-disqualifiers. It could just be that someone else did the challenge slightly better, too

#

Like these labels I'd put closer to the field rather than evenly spaced

#

I'm kind of on the fence with this progress indicator

#

I think it's fine, but I do wonder if the "past" ones should be practically highlighted

#

small things

#

Since I don't know exactly what they said, though, I can only assume that they either weren't seeing what they expected or they just saw someone else do it better

#

Maybe Date and Time I'd be worried about only doing 2 per row if there's a lot of slots (like the example)

#

Also on "should I have pushed the boundaries more?" I don't think this is a challenge for that. They're probably looking for something on brand and that makes sense. An appointment booking shouldn't be crazy and I doubt their brand would want something super crazy either

forest spoke Oct 5, 2023, 4:48 PM

#

Yeah unsure without more context on the exact rules you were given (probably don’t share here tbh) but just to call some stuff out:

outline of the fields feels too harsh
what Allyson mentioned about spacing of the labels to the input fields (this is pretty small but extremely important)
generally just a lot of spacing issues

flat spire Oct 5, 2023, 4:59 PM

#

Thanks both, @forest spoke if you don't mind, can you go into more detail about the spacing issues, as I'm not seeing what you must be seeing

flat spire Oct 5, 2023, 5:20 PM

#

I felt compelled to take on your feedback and tweak things a little 🙂

Can't help feel a bit crappy when I get these sorts of rejections tbh

civic sable Oct 5, 2023, 5:21 PM

#

On the spacing think about proximity, we visually associate elements to the nearest element. in the case of your labels, they're floating more inbetween the form fields and don't look attached to the field they're intended to label.

fair shuttle Oct 5, 2023, 5:22 PM

#

Oh yeah totally, rejections never feel good 😂 but yeah just these tweaks help!

civic sable Oct 5, 2023, 5:23 PM

#

in general I think you could have more spacing between different elements, things overall feel a bit cramped

#

and I got a rejection last week for a design challenge I thought I killed it on so yeah, feel you there. sometimes there's just nothing you can really do.

#

one other note looking at your progress bar, if you're going to use that approach some sort of delineation between the steps would help. maybe it's 5 separate sections of the line so you can see at a glance which ones are complete and which ones aren't.

flat spire Oct 5, 2023, 5:27 PM

#

I hear you @civic sable @fair shuttle thanks, yeah i see where you guys are coming from regarding the progress bar

#

This is how I envisioned how it could be embedded in an iframe as an example for fun 🙂

flat spire Oct 5, 2023, 6:14 PM

#

I got some more feedback which is nice of them, yeah I was too restrained 😅 and it felt too 'heavy' in terms of colour choices

forest spoke Oct 5, 2023, 6:16 PM

#

Yeah again, I’m giving my 2c without context what the rules where but here’s some stuff I see off the bat:

fair shuttle Oct 5, 2023, 6:17 PM

#

flat spire I got some more feedback which is nice of them, yeah I was too restrained 😅 an...

oh wow glad to hear they're sharing feedback, though!

forest spoke Oct 5, 2023, 6:17 PM

#

Feels like a lot of white space is being used here - give something small too much visual attention

#

Alignment here is off - but I get the sense you’re trying to contain that info by insetting it. Not sure if it works without having some explicit containment there

#

The radio button is also misaligned (prob a cause of the components parent container but I think it’s a case where the component itself should be aligned with the rest of the content)

#

I also wouldn’t mark (required) when all fields are required. That could probably be a single small line of text near the top, or consider just marking (optional) fields.

#

I think the in-card hierarchy here could be tweaked a bit. Headings could be larger, maybe icon could go above the heading so all the text is aligned

#

Top and bottom padding in this case also could be reduced slightly. Even tho it technically makes sense to have all 4 sides padding the same, it actually optically makes it look like there’s too much space at the top and bottom of the cards

#

This screen I feel is pretty well executed

#

But maybe a clearer indication that you’ve completed the form vs it being a current step

#

Maybe consider putting appointment type inside the card, and not having to label it

#Visual Design Challenge