search

phildini / logtacts

Better contact management.
https://www.contactotter.com
MIT License
61 stars 19 forks source link

Improve layout of contact list #11

Closed phildini closed 8 years ago

phildini commented 8 years ago

Hey @paulproteus, I'm thinking of changing the layout of the contact list.

Currently, it looks like:

screen shot 2016-01-15 at 12 02 53 pm

I'm thinking of changing it to:

screen shot 2016-01-15 at 12 22 01 pm

Your thoughts appreciated.

paulproteus commented 8 years ago

+0 to new layout

I'm slightly sad that Tags wasted vertical space in the new design. To me, "Tags" is part of "Search" or "Browse" in which case it belongs somewhere near "Search" IMHO. Maybe "Search by tag" is a drop-down which adds a tag chip to the search box.

phildini commented 8 years ago

Hmm... I like the idea of off-loading tags "somewhere else".

I would love to do the search-by-tag with a chip in the search box, not sure how to do that yet.

paulproteus commented 8 years ago

There's a trick we use in Sandstorm, which is ​you shrink the INPUT and add a little DIV inside it.

Visit https://www.dropbox.com/referrals or gmail.com's email address field, and inspect element, and type email addresses in, and watch the width of the INPUT change.

It's arguably a little excessively slick and frontend-y, but I think it does massively improve usability.

phildini commented 8 years ago

Decided to move tags below contacts, but went with the new design. Closing this issue, but welcome more discussion on layout/look-and-feel either here or in new issues.