Dialoggs Inline Search Contacts
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
113,082,337,863 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
19 Responses
Pro
Drew Wilson
In Dialoggs you can search your contacts inline when typing the "@" symbol while writing a post.
I'm re-using this great interaction method originally created by Tweetbot :)
We'll see if it works well once coded and put to the test on a web interface. But it looks sweet so far :)
You can back Dialoggs on Kickstarter here: http://kck.st/kOXG3K
about 2 years ago
Pro
Fares Farhan
Would love to see it implemented. Definitely kicking some serious a**
about 2 years ago
Pro
Drew Wilson
Further explanation:
You would activate the Contacts Search by clicking the popup OR by a keystroke :)
Again, we'll see if it works well in a web interface after I code it out.
about 2 years ago
Pro
Drew Wilson
Thanks Fares!
btw.. HOW IN THE POOS do you get people's names to become links in dribble??? i see people do it in the comments all the time.. but the FAQs don't say how.. HOW DO U???
about 2 years ago
Probably just use
<a href=etc. i.e. @drewwilson.about 2 years ago
Pro
Drew Wilson
i am a fool... thanks elliott!!!
i don;t think i will be doing it in the future though.. lol.. since it would take a billion years to have to type that all out.. and i HATE typing (oddly) :)
about 2 years ago
Pro
Fares Farhan
^ YES :)
about 2 years ago
Pro
Fares Farhan
Btw, you should really extract this part as open source. I can image it would be quite difficult.
I'd guess
- Detect previous char on after-update event.
- If it's an "@" then wrap it inside span, div, or anything.
- Calculate the absolute position of the "@ wrapper" element
- insert the div with "buddy" icon with top position = "@ wrapper" top pos - "@ wrapper" height.
wonder how would the code be..
about 2 years ago
Pro
Fares Farhan
@Drew you slacker, have you heard TextExpander? :D
about 2 years ago
Pro
Drew Wilson
Fares,
Activating the popup would bring up a search panel with live results as you type. This could be a modal window.. but I will do something more integrated into the design. Then when you select the person you want, it will put their username into the text box where the cursor currently is :)
If the "search" portion was "inline".. it would be hard since you need a good amount of room to show a few results as you are typing in a name.
about 2 years ago
Pro
Fares Farhan
wow, that's brilliant. Kudos Drew!
about 2 years ago
Pro
Emir Ayouni
looks really crisp!
man, I'm really looking forward to dialoggs.
hope it gets enough backers!
a little tip: throw in a link to the dialoggs page on kickstarter in the description when you upload these sort of shots. as of now, this shot has 445 views and I bet that atleast half of the people who've seen it, have no idea what it is. sure, it's added to your project "dialoggs" and that page has a link, but that's a long shot at getting hits and attention to the project. you should never underestimate how lazy people are while browsing ;)
about 2 years ago
I don't think that will work on a desktop. Its great for touch interfaces but not so much for non-touch. A better aproach would be autocompletion like Twitter's web interface. Imho.
about 2 years ago
Dude, I am excited to try this out! I loved the contact interaction that Tweetbot has, and think it improves the UX greatly. I love what your doing here.
about 2 years ago
Actually I think the @-tagging popup was first introduced in Twitter for iPhone, or at least that's where I first saw it (but it came in Twitter for iPhone before Tweetbot was released).
about 2 years ago
@Alex: I initially thought the same thing, but Drew is talking about the interaction not the ability to tag. I assume Drew is specifically emulating the process of typing "@" then getting a clickable "contacts" icon (versus Twitter for iPhone which requires a letter to be typed before providing the contact list).
about 2 years ago
It's stuff like this (and people like you!) that make apps a pleasure to use rather than a chore.
about 2 years ago
(Re: usernames; why not a Greasemonkey script or similar?)
about 2 years ago
@Jacob: True, I see your point. Either way it's a good feature to have.
about 2 years ago