iPad App (Piccee - Messages Screen)

1 Attachment

16 Responses

  1. Cat Noone Cat Noone

    This is the messages view for an iPad app I'm working on for a client, called "Piccee" - a dating app based solely around communication through photos to enable better conversation than many other dating sites/apps. Click for Real Pixel Goodies!

    - Upon tapping the messages button your stack of messages will animate to the screen/appear and you can see the convo and images you've shared with the other individual you've been conversing with.

    - Swipe left and right to browse through your messages & to trash it will either be swipe down or tap/hold/drag to garbage. (undecided but suggestions welcome.)

    - "Nicholas" & his age will be changed to "You" as it is not necessary to preview YOUR name for you to see. You know your name :)

    - The name of the app will be replaced with the name of the screen you're currently on (i.e. Messages)

    - From these messages you can tap the other individuals avatar to view their profile or you can tap outside of the messages you create a snazzy animation and your messages go back to their rightful place.

    All are works in progress now & your thoughts are welcome :D

    12 months ago

  2. Aleksandar Djuric Aleksandar Djuric

    The only thing I'm not fan of is that slide menu icon. Send button looks lovely.

    likes

    12 months ago

  3. Miguel Solorio Miguel Solorio

    Really liking the colors and style of the app, it feels light and inviting.

    On the papers that are behind the main page, shouldn't the pages be a slightly shaded grey color instead of translucent? Also, the "hamburger" menu drawer icon feels strong/heavy compared to the other soft colors and icons being used. Just my 2 cents :)

    likes

    12 months ago

  4. Cat Noone Cat Noone

    @Aleksandar Djuric Thanks! I appreciate it :D What about it don't you enjoy?

    @Miguel - I really liked the style of them being translucent - It's different, and from what I know, doesn't really break any rules (that I know of). It was just there to indicate that they are not the prominent message at the time and the shadows all demonstrate the proper lighting/shadows and such. Once you slide left or right, they'll show at full opacity and so on and so forth.

    Also, hamburger icon - heavy in what way aside from colors? I needed to go for a light gray for the icons because the color I used was just looking funky and I was less than satisfied haha. Maybe i'll toy with that again.

    12 months ago

  5. Oleg Stirbu Oleg Stirbu

    I like it a loooot Cat, but why are the stacked pages transparent?

    likes

    12 months ago

  6. Cat Noone Cat Noone

    @Oleg Stirbu haha I addressed that in the comment up top. It was a style I really enjoyed. It's different and doesn't break any rules (that I know of). I wanted to try it and it looked great to me along with others.

    likes

    12 months ago

  7. Edwin Delgado Edwin Delgado

    I like it. The checkmark could be a little smoother in its curves. The top reminds me of Pocket, but since I love it, I do not mind at all.

    likes

    12 months ago

  8. Aleksandar Djuric Aleksandar Djuric

    @Cat Smith It's too wide imo, but that's just me. I hope that helps you. :)

    likes

    12 months ago

  9. Miguel Solorio Miguel Solorio

    @Cat Smith the dark strokes along the lines adds weight to the icon, much more than you're using anywhere else. That's why it felt a bit out of place to me.

    Also, the reason I asked about the translucent pages is that you have paper stacks that reflect what they would look like in real life (you can call it skeuomorphism) but then the papers behind it are translucent, which goes against the real life resemblance. The effect is confusing. Does that make sense? I realize that you liked the idea, and I like it when translucent elements are used, but having a cohesive user experience can have greater power than what you and I aesthetically like.

    likes

    12 months ago

  10. Brandon Hunter Brandon Hunter

    I really like the color palette, Cat!

    I have a few thoughts:

    Profile Pictures: why a different aspect ratio in the messages? I know as a user when I crop my photos, I like them to display the same. They become more rectangular in messages, yet are square in the header.

    Text color overall is a bit light. Have you tried making the bolder headlines a bit darker. It does have that light and airy feel, but on full-brightness screens users may strain their eyes a bit.

    I especially love your animations. I have fallen in love with the drag up/down to return. :) :)

    likes

    12 months ago

  11. Tanvir ahmed fahim Tanvir ahmed fahim

    Nice one shot .. i like it very much :)

    likes

    12 months ago

  12. Aleksandar Djuric Aleksandar Djuric

    @Cat Smith Totally forgot to give my appreciation. :) Dat button!

    likes

    12 months ago

  13. Mike Moloney Mike Moloney

    I like this alot :) Keep it up.

    What if the icons on the top bar didn't have a button, I feel like they wouldn't need it?

    12 months ago

  14. Cat Noone Cat Noone

    @Miguel Solorio Agreed! Going to look into editing that up :)

    @Brandon Hunter - Yep! You're right - Already made the text darker before you even suggested. Realized that, too. Thank you! :D

    @Aleksandar Djuric @Mike Moloney @Tanvir ahmed fahim thank youuu :D

    likes

    12 months ago

  15. Jeffrey Jorgensen Jeffrey Jorgensen

    Awesome job, Cat, but you know that already.

    And my two cents, I loved the transparent background pics when I first looked at them. Awesome style and not something you see every day, which makes it more than A.O.K. in my book.

    12 months ago

  16. Ryan Murphy Ryan Murphy

    Awesome Cat!

    I've never been a fan of loose stacks of paper, but to each their own. Thats personal preference.

    I'd look at matching up the inner highlights - They seem a lot harsher on Claire Danes, and the other guy opposite.

    Also the tick seems to be slightly overcurved (is this a word) at the base.

    Also as an overview, the top bar seems to be very similar to Pocket.

    :)

    11 months ago

keyboard shortcuts: previous shot next shot L or F like