Advice on Android app design needed! - Design, Prototyping, UI, Graphics

Hi,
We’re designing our first Android app.
It’s a game app, which works like this: the home screen (the one in the mockup) has the person’s avatar and options like settings. There are certain tasks in the activity screen. For example, “Help parents with cooking.” When this is done, you can check it off in the activity screen. The achievements screen has a history of all previous achievements, details, etc.
The mockup is attached.
My concern is about the bottom bar. I added the bottom bar, to be a constant on all screens, because it makes intuitive sense for navigation—you don’t have to navigate back to the home screen everytime you need to go from say, achievements to activity screen. I’ve read a lot of stuff that says this is bad practice for Android, and to use action bars instead. But this is a kids’ app, and I’d like to keep the icons big, bold, distinctive and also in line with the general feel of the app.
Is what I have in the pic even a bottom bar? How else should I do things?

From the app described i think you need first swith to a bit neutral color becouse of the avatar possibility i think , also revisionate a bit the layout becouse you say is a game becouse is game need to add a bit of details ,
so i ve done a proto of what i say
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}

Related

Req: Live scores app

Is it possible to create an application for livescore.com (or other sites) to see the live scores of soccer (or other sports) online? Iphone has an application of livescore.com and I think we windows mobile users can have it also. It looks like simple program which updates the information of the site. I am not a developer so I can not say if it is simple to develope or not, but i thought maybe Xda developers can make something like this?:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
p.s. I know that there is footballmonitor application but it is not a simple application and i think that if it is an application like above, it will be much quicker to look at.
No one?
I've been hoping for something like this for a long time. Pocket Sports Center comes close, but it got to be a bit buggy for me at times.
But if something like this could be combined with pocket sports center, then it would be NICE.
It would be even nicer if it could be integrated to scroll across the lock screen.
That way you wouldn't have to always turn on the phone, go to the program, fire it up, etc.
Set it to check scores at certain times/intervals and scroll the info on the screen.
But I guess I'm asking for too much.
you dont need an app for it...just use link www.iphone.livescore.com save it as favourite and place on ur home screen shortcut and you have, same effect as in the app...

Action Launcher - Great improvement for those who like TouchWiz vertical scroll!

Hey all!
I would like to make mention of an unbelievable launcher from Chris Lacy called Action Launcher. It is like the TouchWiz vertical drawer on steroids. The drawer slides out from the left, with an alphabetical list like how TouchWiz can be configured. It has many groundbreaking features that I have never seen in other launchers and it's very easy/clean/minimalist. For those who don't like tons of homescreens but still like to use widgets, you can doubletap or swipe an app that has a widget, and it will just simply popup until you press elsewhere. (Similar to Overlays only automatic, less customization, and not persistent.) You can even do this from inside folders on your bottom bar. I've took some screenshots of my setup to show it's awesome functionality. Note: This launcher puts focus on ingenuity over raw amount of customization. It is not a replacement for you customization junkies, sorry; however, I've found I simply don't want to customize much anymore - it's all there! I hope some of you find something you like in this.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
It is pretty cool, but its not free and I haven't seen a lite version. I just downloaded a pirated version to check it out. Many cool ideas, but they didn't work very well. I can't spend money on a work in progress.

[HELP] [MOD] Transparent OVERLAY notification bar?

Hi guys,
I am looking for a way to mod my i9100 S2, running on cm10.1, by making the notification bar transparent (I have seen methods of this) BUT also overlaying the applications, such that the applications run like they're on full screen mode but the notification icons (no black bar) are overlaying apps. Currently, I am using THIS guide to hide the bar altogether so that I can have a full screen experience with a functioning notification/quick settings but I would rather if I can see the icons etc without the black bar and loss of screen available to apps.
A rough idea of what I want, I can use Photoshop to create a better example if needed:
What stock is like:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
What I am trying to get:
(The yellow/orange is the space taken by an application)
Hope you liked my art and, probably more importantly, understand what I am after.
All help will be greatly appreciated. Thank you.
Andriod market
Hi,
We are a Web Hosting company in Iran and we want to run an "Android APP Store".
Do you (does anybody know) know good open source software so we can customize it for our local market?
Or do you know a company that sells these services (or software)?
Unrelated comment is unrelated. Seems like my request is nothing short of new, but can someone give me a hand?

[R] A better multitasking concept

Hello devs & m8 users! I've got a question to you.
After moving from 4.4 to lollipop I was frustrated to its multitasking scrolling slides. After a month I'm almost got used to it, but have a concept of how it could be slightly better.
Since sense5 HTC got a very neat multitasking feature with the windows of running apps composed in a grid:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
It was great to use your phone on the go, not going to many moves
Today using lollipop slides it is sometimes very hard to find the exact app you need - most of the card slides are used by chrome windows, or a mess of ungrouped apps. So I thought it would be great to compose them in single "slide cards folder" - you just simply swipe from left to right, browsing through them, the way HTC realised the whole multitask in sense4:
It is also possible to combine other apps in "slide folders" with their lables related to google play - for example a photo "folder" where apps like "pixlr, instagram, snapseed..." are held, email progs - another "folder" to slide", games, sports... etc.
I believe that this raw concept can bring an order to the mess of opened proramms & give people more user-friendly experince.
What do you think about this thing, guys? And is this even possible to code?

Strange new icon backgrounds?

After updating to Android 7.0 Nougat on my G5 (LG LS992) all my app icons changed. See attached picture for examples. The LG apps that come installed by default got simple, unique, all white backgrounds(the phone, contacts, and messenger icons at the bottom). User installed apps get one of seven new, all white backgrounds. I place one of each background type on example picture. Some of the backgrounds seem to be in the shape of a letter. There is no discernable pattern to what apps get what backgrounds and I can't find any information about these changes anywhere, no one else seems to be talking about it. Is anyone else seeing this?
http://forum.xda-developers.com/picture.php?albumid=13806&pictureid=54691
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
I had that same problem and it was driving me nuts because it actually showed those icon labels behind the custom icon pack I was using. I was able to change it by changing the group of icons I wanted to use. I think I did it in Nova Launcher's settings. So if you're using a 3rd party home screen, check to see if you can change it there to Marshmallow's icons, or the system default or something.

Categories

Resources