Notification Dropdown

17 Responses

1. Pro Cat Smith

   As you can see...a notification dropdown menu. It's for an iPad app that I'm currently creating for a client.

   Few things I'm unsure of. The navi icon for the notifications. Might switch the envelope to something different. Also not sure how I feel about the square photos versus the rounded edges. I think I might also change the name of the photos to lowercase instead of caps (although the photos will have caps for their title).

   Everything else seems to be good to go. Thoughts?

   1likes

   6 months ago

2. Pro Cat Smith

   EDIT: Notifications isnt aligned with the photos & Tooltip triangle is not aligned ^_^ Fixed it before anyone found it LOL

   6 months ago

3. Pro Jack Emerson

   That is amazing! Good job!

   1likes

   6 months ago

4. Pro Cat Smith

   Thanks @Jack Emerson !

   6 months ago

5. Pro Tobia Crivellari 

   Cool! Well done Lady Cat! :-) @Cat Smith

   6 months ago

6. Pro Matej Latin

   I didn't notice those minor deficiencies @Cat Smith ;) this looks very nice. Maybe the mail icon should be different from others, implying that it's active?

   I love how you used blue dots for the new notifications.

   1likes

   6 months ago

7. Pro Cat Smith

   @Matej thanks for the feedback. Yeah, I was playing around with the idea. I figured it looked nice with them all having the same style - I plan to toy around with that before it's finished though.

   Thanks! :]

   6 months ago

8. Pro Raquel

   I like the idea of the indicator (blue bubble) for new notifications.. wanted to design something as well for dribbble itself.. You don't know what's new :p

   1likes

   6 months ago

9. Pro Cat Smith

   Thanks @Raquel ! Yeah I like the little blue bubble too :]

   6 months ago

10. Pro Erik Deiner

    Niceeeee! I really really like the colors you used.
    few thing that I think you should try:
    soften the dashed lines/dividers.
    1. The two pointing arrows are "colliding", do you really need the one placed on the dropdown? and I would make them smaller.
    2. The search icon is too skinny, the other icons are more "bold".
    3. Add some more padding to the notification maybe.

    6 months ago

11. Pro Cat Smith

    @Erik Deiner thanks!

    1. The notification arrow is the "see more..." but I guess I should just put "see more..." haha.

    2. Yeah, I made it skinnier (-_-) I'll change that back.
    3. I did but it obviously isnt enough lmao.

    Thanks Deiner!

    6 months ago

12. Pro Erik Deiner

    @Cat Smith no problem.
    1. maybe it can point to the right and you also can place it next to the title. I think the best way to do so is placing "see more.." link at the bottom of the list.

    1likes

    6 months ago

13. Pro Cat Smith

    @Erik yeah so do I, thanks!

    6 months ago

14. Pro Paula Borowska

    The fonts on the notification look a bit blurry. Also lower it own a bit so that it is not right below the email icon.

    1likes

    6 months ago

15. Pro Tanvir ahmed fahim

    Nice one :) keep it up

    1likes

    5 months ago

16. Pro Joseph Liu

    Haha..Carrie

    1likes

    5 months ago

17. Pro James Fletcher

    Ahh! You used Detective what's-his-face in there! I love Life...

    1likes

    3 months ago