Coder Social home page Coder Social logo

Back button about hawk HOT 18 CLOSED

mdibaiee avatar mdibaiee commented on June 3, 2024
Back button

from hawk.

Comments (18)

nt1m avatar nt1m commented on June 3, 2024

You could put a small up button on the left of the breadcrumbs, kinda like Windows Explorer's navigation bar. Not sure if it looks cluttered though.

from hawk.

mdibaiee avatar mdibaiee commented on June 3, 2024

That's exactly what I thought, but there is a problem with that, because breadcrumb's tap area is small, and there is navigation drawer on top if, it's going to be annoying, I tested it.

from hawk.

mamal72 avatar mamal72 commented on June 3, 2024

Well, you can put a ".." with a different folder icon (maybe a folder icon with an arrow on it) on top of files and directories list. I think it can be good and looks better than a small button before breadcrumb, Hm? 😃

from hawk.

mdibaiee avatar mdibaiee commented on June 3, 2024

@mamal72 that's a good idea, too. But normal users are not familiar with that concept, I think. Your idea would work for geeks tough 😀

from hawk.

mamal72 avatar mamal72 commented on June 3, 2024

That's why we should use a different icon on it. 😄
A folder icon with a round counter clockwise arrow can be a good hint for them.
And you can mention it in the tour too.

from hawk.

mdibaiee avatar mdibaiee commented on June 3, 2024

Hmm, you're right, probably an icon would demonstrate how it's going to work. What do you think @nt1m ?

from hawk.

mamal72 avatar mamal72 commented on June 3, 2024

You can also use something like "UP" instead of that ".." with an up arrow icon.
I think the worst part of this method is where user goes to other views. In the list view it looks good but in the tile or thumbnail view (which I think you may implement it) it doesn't look as good as list view. But it's still the best way in my opinion. We have no toolbar or anything like that.
You can also improve breadcrumb interface and give it more height. This way, you can have a good, usable breadcrumb, a back button before it and an addition toolbar space after breadcrumb which you can use it later to place stuff. But you'll lose the precious screen space. 😒 There's a lot of FFOS devices with small screens compared to other smartphones.

from hawk.

mdibaiee avatar mdibaiee commented on June 3, 2024

I added a back button to breadcrumb for now, may you please test it on a real device to see if there are any issues with touching it, I tried to move the navigation drawer's touch area a little away from breadcrumb. @nt1m

from hawk.

nt1m avatar nt1m commented on June 3, 2024

@mdibaiee Works fine to me, one issue though, the back button doesn't get disabled when you're already in the top level dir.

from hawk.

nt1m avatar nt1m commented on June 3, 2024

Also, I have no trouble touching the icon. It'd be nice to have some touch feedback (for all buttons) though.

from hawk.

mdibaiee avatar mdibaiee commented on June 3, 2024

@nt1m Great, I'm going to work on a better visual for the back button

from hawk.

nt1m avatar nt1m commented on June 3, 2024

"Also, I have no trouble touching the icon."
Actually, I can accidently hit the menu button when using my thumb

from hawk.

mdibaiee avatar mdibaiee commented on June 3, 2024

@nt1m Do you think the touching UX is good enough to be released? Or is it too annoying, if so we have to change strategy, probably.

Another possible solution would be placing a back button in the bottom toolbar, probably moving the "view" button to drawer, with radio boxes just like the Filter section, what do you think?

from hawk.

mdibaiee avatar mdibaiee commented on June 3, 2024

@jorrete Do you have any idea on this topic? I would love to hear from more people.

from hawk.

jorrete avatar jorrete commented on June 3, 2024

Other option would be:
| (back) Hawk (google)(breadcrumb)|

Hawk is centered and whenever you need back button you set visible the back arrow.

from hawk.

mdibaiee avatar mdibaiee commented on June 3, 2024

I changed the breadcrumb's style as suggested by @mamal72, I think I'm going with the plan to put back button in the bottom toolbar and move views to navigation drawer, seems to be our best bet right now.

screen shot 1394-07-05 at 18 43 06

from hawk.

mamal72 avatar mamal72 commented on June 3, 2024

I changed the breadcrumb's style as suggested by @mamal72

Looks so good to me. I wish I could test it but I've no device to test. 😒

from hawk.

mdibaiee avatar mdibaiee commented on June 3, 2024

This is how it looks now:
screen shot 1394-07-06 at 16 34 32

from hawk.

Related Issues (17)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.