tout - pull to add

Tout1

1 Attachment

23 Responses

  1. David Keegan David Keegan

    I've been working on this app for a couple weeks and the UI is finally looking good enough to start showing it :) This gif shows how new accounts are added.

    Everything, except for the service badges, is drawn in code.

    Please ignore the unfinished table rows :)

    Follow @tout_app on twitter to track the process of the app!

    almost 2 years ago

  2. Avinash Tripathi Avinash Tripathi

    thats some effort on animation :)

    Nice work here!

    likes

    almost 2 years ago

  3. Drew Wilson Drew Wilson

    NICE!!!

    likes

    almost 2 years ago

  4. Eli Schiff Eli Schiff

    I wouldn't have put it past you to code the dialoggs logo.

    likes

    almost 2 years ago

  5. Ari Ari

    Awesome concept!

    likes

    almost 2 years ago

  6. Blain Smith Blain Smith

    Is that Comic Sans I see? :-) Very nice looking app!

    likes

    almost 2 years ago

  7. Nick Dominguez Nick Dominguez

    I like it.

    likes

    almost 2 years ago

  8. David Keegan David Keegan

    @Blain Smith it's Chalkboard, what do you think of that font choice?

    almost 2 years ago

  9. David Keegan David Keegan

    @Eli Schiff thought about it :) The code needed to generate the dialoggs logo would probably inflate the size of the app just as much, if not more, than the image. That's also assuming I could recreate the amazing work @SoftFacade did on it :)

    likes

    almost 2 years ago

  10. Andrey S. Rodrigues ☝ Andrey S. Rodrigues ☝

    nice job David :)

    likes

    almost 2 years ago

  11. James Scott James Scott

    Great work as usual man.

    likes

    almost 2 years ago

  12. Zan | ninetofive.me Zan | ninetofive.me

    Really good work David! Would love to see more details of this. Should be a super smooth experience once you are done!

    almost 2 years ago

  13. Gil Gil

    really nice!

    likes

    almost 2 years ago

  14. Victor Coulon Victor Coulon

    Cool, looking forward to play with that David.

    almost 2 years ago

  15. Andy Eveland Andy Eveland

    nice. I'd love to see how you did the +-> in code... like the demo using a gif too!

    almost 2 years ago

  16. Andy Eveland Andy Eveland

    likes

    almost 2 years ago

  17. David Keegan David Keegan

    @Andy Eveland PaintCode was used to generate the code for the arrow, then the view is based on this project.

    almost 2 years ago

  18. Max Luzuriaga Max Luzuriaga

    This looks very cool, but I think in an actual app setting, this functionality would not make much sense to the user. iOS apps have trained us that Pull means refresh, an action that will not take the user away from the current view.

    With *this* functionality, users will find themselves in the "add account" view, having gone there without conscious thought, with no memory of how they got there. In principle, this is not a bad bit of UI, but it goes against all the conventions previously set by other "Pull to Refresh" apps, enough to be alienating to users.

    Far better to have pull refresh, and replace your "refresh" button with an "add account" button.

    likes

    almost 2 years ago

  19. David Keegan David Keegan

    @Max Luzuriaga Others have brought this up to me as an issue as well. My reasoning behind doing 'pull to add' instead of 'pull to refresh' is that I think that pull to refresh on content that is not added to is wrong. I love how 'pull to refresh' conveys that new items are being pulled down and added to the list. It works great for lists like email and twitter. I don't like when pull to refresh is used on lists where the data just updates and no items are added, like in this app.

    However this might be too much of a purist view. Convention and user expectations might need to win out. What do others think?

    almost 2 years ago

  20. Jonathan Willing Jonathan Willing

    Well personally I would love to see more consistency in gestures throughout iOS, particularly when it comes to pulling down on a scroll view.

    This is definitely not a horrible use for the gesture, but it bothers me somewhat. Maybe it's because this particular screen of the app has the ability to refresh its data. In this context, pulling to refresh would only seem natural. Pulling to add more accounts seems a little bit jarring, and perhaps it might be better suited to a different gesture, or even perhaps a completely new screen.

    Another alternative could be to use the recent Path/Facebook-esque side panels to add a new account. Who knows? Just figure out what's best for your users. ;)

    almost 2 years ago

  21. David Keegan David Keegan

    Thanks to everyone for their feedback here and on twitter! I've thought about this a lot and was ready to switch the behavior but came up with a situation that makes 'pull to add' and a refresh button better. If the list is long the user would need to scroll to the bottom of the table to view the last items. If they then want to refresh these items they would need to scroll to the top of the table, use pull to refresh, then scroll back down to the bottom to see if there were any changes. This is what makes pull to refresh work so well in email and twitter clients because you are always at the top of the list when you want to refresh. For this reason I am going to stick with pull to add and a refresh button.

    likes

    almost 2 years ago

  22. Blain Smith Blain Smith

    @David Keegan I like Chalkboard, but at that size you can't see the "chalkiness" texture which made me think it was Comic Sans.

    almost 2 years ago

  23. Tanveer Junayed  Tanveer Junayed 

    So rad!

    likes

    almost 2 years ago

keyboard shortcuts: previous shot next shot L or F like