algolia / flagship_fashion_demo

1 stars 2 forks source link

UI/UX design improvements #65

Open matthew1809 opened 3 years ago

matthew1809 commented 3 years ago

@HugoWith has suggestions, can you document them here

matthew1809 commented 3 years ago

Use tshirt sizing for scope i.e. if a very small amount of work, put tshirt size XS, if it will take ages, put XL.

"I think we should do X, because Y, I think the size of this work is tshirt size M"

yixuan-wang20 commented 3 years ago

I think search bar can be improved, and the expected UI would be: click search bar to expand to full-width in the middle, horizontal layout (in federated search manner) displaying recent search, history search, query suggestions in category, products preview. And the size of the work is t-shirt size M.

matthew1809 commented 3 years ago

Love @yixuan-wang20s proposal, @HugoWith do you agree?

HugoWith commented 3 years ago

Totally agree with you Yixuan ! Let's do that 😊

yixuan-wang20 commented 3 years ago

Have asked François for recommendation of styling a horizontal layout will get back to you guys a bit later on this. So far, the method of overriding the classic theme (default style) seems not working well due to constant changing of ids upon refreshing the page.

yixuan-wang20 commented 3 years ago

François' reply on styling QS layout:

We'll soon have CSS utility classes that allow that. For now you could either add a style prop in the render option or ignore that and add a comment.

will find a way around.

yixuan-wang20 commented 3 years ago

Having a scroll back to top button might be helpful for improving UX on the homepage. The t-shirt size would be XS.