Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Poor use of vertical screen real estate on small devices #39

Open
StevanWhite opened this issue Aug 9, 2017 · 2 comments
Open

Poor use of vertical screen real estate on small devices #39

StevanWhite opened this issue Aug 9, 2017 · 2 comments

Comments

@StevanWhite
Copy link

Here's a 4" Huawei Y360.

The full image fails to fill the breadth of the screen by almost a cm, evidently because of excessive vertical use of the screen.

This has the corrollary problem that the object at the horizontal center of the screen is no longer the object of the evaluation.

At the very top is the Android bar... I don't know if that can or should be disabled.
Then a very wide banner, mostly to say in big letters the name of the app. That could be reduced.
At the bottom are textual instructions and large buttons. They are larger than is appropriate on this device.

screenshot_galaxyzoo_y360

@murraycu
Copy link
Owner

murraycu commented Aug 9, 2017

Maybe we can switch to a full screen mode, at least. I don't know if we would then still see the title bar (and its menu), which we need.

We could also look at reducing the percentage size of the button images on smaller devices.

I guess that the title bar sizes are standard, but maybe you could compare it to similar apps on your device.

@StevanWhite
Copy link
Author

Full-screen mode plus re-designed buttons, plus re-thinking the text message would probably be enough on this device.

For the banner, you're right -- it is standard on Android (nothing to do with my device I think).

Let me point out that as it stands, the "G" in that banner is often bigger than the object the user is supposed to be intepreting.

So I suggest that you make the logo a bit smaller, and use the banner for something toward the goal of the app. For example: the instruction text sometimes takes several lines, and this is part of the real-estate problem. The instruction text has titles, such as "Shape", "Disk", that are put on a separate line. How about putting the instruction title in the banner? That would save a whole line, and make better use of screen real estate.

Hey -- are you telling me you don't have an emulator there for a 4" screen device?

If I were you, I would also strive for 3.5" screen devices. They still exist (and I and a lot of other people would buy them if they still made them.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants