Page MenuHomePhabricator

Search experience
OpenPublic

Authored By
Nirzar, Sep 24 2015
Tags
None
Referenced Files
F2665225: pasted_file
Oct 9 2015, 7:12 PM
F2654077: Search results.png
Oct 2 2015, 7:03 PM
F2632312: Search spec.png
Sep 24 2015, 10:03 PM
F2632178: Search results Copy.png
Sep 24 2015, 8:51 PM
F2632180: Search tapped.png
Sep 24 2015, 8:51 PM
F2632179: Search results.png
Sep 24 2015, 8:51 PM
F2632161: Search tapped.png
Sep 24 2015, 8:45 PM
F2632159: Search results.png
Sep 24 2015, 8:45 PM

Mock History

Current Revision5

Event Timeline

@Nirzar, this list style is a deviation of other list styles captured here. You don't have to change anything, but when this is implemented, would you take a screenshot and document this list style within this folder?

@violetto sure I will add it. this was part of the tableviews for iOS. from iOS specifications.

@Nirzar please update the mocks to change the "clear all recents" button to the new trash icon.

Inline Comments

@Nirzar what's the spacing here?

@Nirzar what did you imagine for how cells would appear when scrolled under the search field? the animation video gives the search bar a shadow, which would make it intuitive for cells to simply slide under it. but, if there's no shadow, we should do something so they don't get "clipped" as they scroll under the search field; perhaps by either make the search bar translucent via blur & vibrancy or maybe a white shadow/gradient.

@Nirzar i'm going to implement this way, but some food for thought: do you find it at all strange that there are two "X" buttons next to each other that do different things? should we consider using a "done" button here?

I don't think #0C0C0C is what you intended:

pasted_file (474×744 px, 40 KB)

is the spacing here also 15pts? Also a lot of these are written as "px," but I assume you mean points?

is the spacing here also 15pts? Also a lot of these are written as "px," but I assume you mean points?

Yes. 15pt

I don't think #0C0C0C is what you intended:

#999

i'm going to implement this way, but some food for thought: do you find it at all strange that there are two "X" buttons next to each other that do different things? should we consider using a "done" button here?

Yes, we thought about it, but considering that it wont be a big problem. also if the usability test we will do later reveals this as a problem, we can do "done" but that is not likely.

what did you imagine for how cells would appear when scrolled under the search field? the animation video gives the search bar a shadow, which would make it intuitive for cells to simply slide under it. but, if there's no shadow, we should do something so they don't get "clipped" as they scroll under the search field; perhaps by either make the search bar translucent via blur & vibrancy or maybe a white shadow/gradient.

I think we decided that we gonna do shadow only when you scroll

what's the spacing here?

15dp

Just talked to @Nirzar, since the circle X is the standard clear/delete in iOS we'll stick with that for this iteration. We just need to be consistant across search, Recents and Saved.

I do think having three (x) symbols (one to close search, one to delete all, oen to delete query) is potentially confusing, but lets move forward with this, and I'll be sure its something we explicitly test for/ask about in user testing.

@JMinor you wont be seeing the recent results if you are typing and seeing the "clear textfield" cross. so only 2 crosses at any given time