iPhone Chat UI

Clean-chat-ui-2

1 Attachment

22 Responses

  1. Pro Kevin Anderson Kevin Anderson

    Working on a chat UI. Wadda ya think?

    likes

    about 1 year ago

  2. Pro Jakub Foglar Jakub Foglar

    Nice and original!

    likes

    about 1 year ago

  3. Pro Kris de Jong Kris de Jong

    Love the plus button!

    likes

    about 1 year ago

  4. Pro Jake Rocheleau Jake Rocheleau

    bro this looks amazing

    likes

    about 1 year ago

  5. Pro Robert van Klinken Robert van Klinken

    Sweet!

    likes

    about 1 year ago

  6. Pro Muhammad El Melegy  Muhammad El Melegy 

    Looks nice!

    likes

    about 1 year ago

  7. Pro Gert Jan Lodder / Pixellod Gert Jan Lodder / Pixellod

    Ziet er goed uit Kevin!

    likes

    about 1 year ago

  8. Pro Kevin Anderson Kevin Anderson

    Thanks peeps! Really appreciate it dudes!

    Could you guys tell that the copy was coming out of a mans head trying to think like a woman's chat conversation? :P

    likes

    about 1 year ago

  9. Pro Jesse Mainee Jesse Mainee

    Beautiful

    about 1 year ago

  10. Pro Alex Cican Alex Cican

    Nice one. Some thoughts:
    I think for the header you should stick to one line (i.e. "Jenn Robinson (online)" or something else, like an icon).
    The timestamp might be too small to read.
    The “Send” button has too much padding on left/right.
    The writing container (plus symbol, input field, “send” button), has too much padding top/bottom.
    And I would make the corners of the input field and “send” button same as avatar and text container (less border-radius).

    Anws, great work! Keep it up!

    likes

    about 1 year ago

  11. Pro Kevin Anderson Kevin Anderson

    @Alex Cican Thanks for your feedback man! Helpful!

    My thoughts:

    - Header is also going to be an indication for when somebody was last online. So: last online at 18:21

    - Timestamp is indeed a little bit to small. Although I find it readable I think I should pump it up a few pt and px.

    - I personally like the padding. Checked it on the iPhone and it sits comfortable there :) That's my gut feeling ^^ Will try to make it a bit smaller and see what happens. But I like Fitts' Law and will keep the button this size.

    - As for the bottom part, I've kept the same size as the tab bar that will be there in the other screens. I kinda like that flow tbh. Will test it out though! As for the border radius, I think I'm sticking to this one. Gotta try something new once in a while ;)

    Many thanks for your feedback dude! That's what Dribbble is for! :D

    likes

    about 1 year ago

  12. Pro Bobby Giangeruso Bobby Giangeruso

    Excellent work!

    likes

    about 1 year ago

  13. Natalie Doud Natalie Doud

    Beautiful!

    likes

    about 1 year ago

  14. Matthew Sanders Matthew Sanders

    Wonderful shot!

    likes

    about 1 year ago

  15. Pro Blaz Robar Blaz Robar

    Love it!

    likes

    about 1 year ago

  16. Pro Elliot Elliot

    That is beautiful!

    likes

    about 1 year ago

  17. Pro Avinash Tripathi Avinash Tripathi

    very nice

    likes

    about 1 year ago

  18. Andrey S. Rodrigues ☝ Andrey S. Rodrigues ☝

    nice job, love the clean

    likes

    about 1 year ago

  19. Nico Prat Nico Prat

    Nice choice of colors. Did you try to make the online/offline a bit more "graphical", like a green/red LED incrusted in the top right corner ? Could be more intuitive...

    Want to see more ;)

    likes

    about 1 year ago

  20. Pro Hugo Loning Hugo Loning

    luv it...

    likes

    about 1 year ago

  21. Pro Lucas del Río Lucas del Río

    This is so awesome! great work Kevin

    likes

    about 1 year ago

  22. hexi hexi

    like this work

    12 months ago

keyboard shortcuts: previous shot next shot L or F like