Designing an app - Design, Prototyping, UI, Graphics

I am pretty new to using Android Studio and app development, but I have to design an app for a project I am working on. Do any of you have any tips about designing just the app without having to work with all of the coding? I don't need the app to work right now, just a design.

if all your doing is designing it then you could just use paper layout how each screen looks and make flow charts to show how button and other things work and link to other places, thats kind of how we do it but in our heads usualy and then we just write the code to show it.

Bethany55 said:
I am pretty new to using Android Studio and app development, but I have to design an app for a project I am working on. Do any of you have any tips about designing just the app without having to work with all of the coding? I don't need the app to work right now, just a design.
Click to expand...
Click to collapse
Hello,
I have just worked in Android for more 4 years and with my opinion and experience, I think one of the most important thing is the simplicity, (but its also be hard ), I think you will work in some months to feel it. But have another way to get nice design fast, of course this way is temporally. You can refer to the same kinds of your app in store to compare it to yours, or even other apps not same kind of yours, color or design. And connect your mind to another object. Remember that the simplicity is one of the most important. Hope you will success soon.

Follow the Material Design guidelines Google has posted. It's the easiest way to make a good looking app.
Design is more about what the app does. Without know more detail, my best advice is to keep it simple. Try to find the 1 or 2 real things your app does well and makes those very easy to understand and do. Show the app to strangers and without explanation see if they can use it.

Related

It's official: Silverlight, XNA, 'clean break'

"For us, the cost of going from good to great is a clean break from the past. To enable the fantastic user experiences you’ve seen in the Windows Phone 7 Series demos so far we’ve had to break from the past. To deliver what developers expect in the developer platform we’ve had to change how phone apps were written. One result of this is previous Windows mobile applications will not run on Windows Phone 7 Series."
http://blogs.msdn.com/ckindel/archi...e-new-windows-phone-developer-experience.aspx
He also specifically mentions developers in it for learning and fun. I have to think they'll embrace free apps and not charge a dev $99 to submit an app if it's going to be free.
Another softie's blog post on the topic... http://www.artificialignorance.net/...ne-7-series-developers-developers-developers/
Yupe, and all WM5.x, WM6.x applications will NOT run on WP7:
To enable the fantastic user experiences you’ve seen in the Windows Phone 7 Series demos so far we’ve had to break from the past. To deliver what developers expect in the developer platform we’ve had to change how phone apps were written. One result of this is previous Windows mobile applications will not run on Windows Phone 7 Series.
Well, this is just a NEW mobile OS, it is not an upgrade / update of current WM, this kinda expected.
From the article:
ckindle article said:
We took the feedback we gathered from developers, looked at the full potential of Windows Phone 7 Series and landed on 3 basic goals for the platform we’re delivering;
1. Enable end users to be able to personalize their phone experience through a large library of innovative, compelling, games and applications.
2. Enable developers to profit.
3. Advance the “3 screen plus cloud” vision
Click to expand...
Click to collapse
Definitely WP7 is customizable, this is good, but how far the customization will be? For sure, no more Sense UI, TouchFlo kind of customization, nor SpB Mobile Shell.
I hope a "launcher" like still possible? Microsoft mentioned that we can put app as a tile in the start screen. I am wondering if that app would be some kind of app launcher ... icons grid
ckindle article said:
When we talk with developers we hear them talk about three different “currencies”: making money, learning, and recognition. Some developers are in it for the money. They are either literally being paid to write code or they are writing code with the hope it will generate coin.
Click to expand...
Click to collapse
This could mean professional mobile developer who earn and make money for living developing mobile applications.
Give them free tools! free submission charge! That would certainly be more attractive.
ckindle article said:
Other developers tell us they are interested in advancing their knowledge – love of the game. They love learning about computers, programming, games, social connections, etc… So they build software to learn. They profit by being smarter.
Click to expand...
Click to collapse
Does this mean "hobbyist" aka XDA dev?
ckindle article said:
Other developers are clearly motivated by pride. Maybe there’s a bit of money and learning involved, but to these developers being noticed or recognized as doing wickedly epic sh*t is top of the list for how they measure profit.
We think all three “currencies” are valid and important and we are explicitly trying to build the platform and developer experience to support “profit” in each.
Click to expand...
Click to collapse
Or this?
From what I'm reading MS is actually listening to all of us and I think that is a damn good thing.
gogol said:
Definitely WP7 is customizable, this is good, but how far the customization will be? For sure, no more Sense UI, TouchFlo kind of customization, nor SpB Mobile Shell.
Click to expand...
Click to collapse
As far as I know it OEMs are not allowed to add their own UI extension, but I didn't hear it that you can't just add a 3rd party app like Morbid Shell. It's only an app, and you can install apps, can't you!?
RAMMANN said:
As far as I know it OEMs are not allowed to add their own UI extension, but I didn't hear it that you can't just add a 3rd party app like Morbid Shell. It's only an app, and you can install apps, can't you!?
Click to expand...
Click to collapse
It's much more than an app.
@gogol Tiles can also be shortcuts. But I doubt that one tile can link to multiple apps.
seed_al said:
It's much more than an app.
Click to expand...
Click to collapse
I know what Morbid Shell is. But by definition it's an app. You download it from Marketplace or somewhere and install the cab. Sense is not a cab but part of the ROM and you can say part of the OS. That's the difference as I see it.
Catalyst
WP7 is the catalyst that is getting me back into school to learn code. I have a degree in electrical engineering, but with the possibilities unfolding in the mobile OS world today, I want to be apart of that. The Star Trek dream has begun.
Don't expect any Haret.exe this time around.
This has turned into the same crap Apple did, a retarded OS for retards that have no clue in anything, but like the "oh so cool" flashy menus.
I think in regards to haret we are forgetting one very important thing as we compare this to iphone
jailbreak does broaden the possibilities on the iphone so I'm not so sure this is the total end of haret
what if the tiles based home screen is just a today plugin like Sense is, wouldn't we be able to disable it? if so, maybe the devs here @ xda can come with a kickass UI xperience. i've got some great and unique ideas... too bad i'm not a codewarrior.
hyellow said:
what if the tiles based home screen is just a today plugin like Sense is, wouldn't we be able to disable it? if so, maybe the devs here @ xda can come with a kickass UI xperience. i've got some great and unique ideas... too bad i'm not a codewarrior.
Click to expand...
Click to collapse
I'm pretty sure that the start screen on WP7 is definitely not a plug-in of any kind. It's hardcoded to the system and as far as we have been told no one is allowed to write different UI's on top of it. Not to say that it won't be possible. It just won't be carriers and OEM's doing it.
So basically... this means we probably won't be seeing apps like Opera Mobile (or any custom web browsing rendering engine), and things like that, that are really required to be written in native code for speed.
~Johnny said:
So basically... this means we probably won't be seeing apps like Opera Mobile (or any custom web browsing rendering engine), and things like that, that are really required to be written in native code for speed.
Click to expand...
Click to collapse
I don't believe so. These are still apps. MS is creating a single baseline that all developers will be able to use so the platform is uniform and easier to develop for. This will create a stable Windows Mobile experience and hopefully make it more enjoyable for noobs and vets alike without providers and manufacturers messing it up. Opera and Opera Mini are simply applications so they should be able to work once developed for the new UI and OS.
Opera and Opera Mini are simply applications so they should be able to work once developed for the new UI and OS.
Click to expand...
Click to collapse
It's not that simple.
Of course
seed_al said:
It's not that simple.
Click to expand...
Click to collapse
seed_al said:
It's not that simple.
Click to expand...
Click to collapse
Please explain.
Re browsers, you just won't ever get decent performance with managed code, so you need native. Even if you could, porting the whole thing to a new language would just be too expensive. Most people just seriously underestimate how complex browser engines are these days.
Opera Mini, on the other hand, is of course perfectly possible, it's not a browser really.
And I have no problem at all with Opera Mini, except Flash ... but for that, I use SkyFire or YouTube app.
Opera Mini would be my top app to port to WP7 ... because I doubt the new IE is good to use.
vangrieg said:
Re browsers, you just won't ever get decent performance with managed code, so you need native. Even if you could, porting the whole thing to a new language would just be too expensive. Most people just seriously underestimate how complex browser engines are these days.
Opera Mini, on the other hand, is of course perfectly possible, it's not a browser really.
Click to expand...
Click to collapse
vangrieg said:
Re browsers, you just won't ever get decent performance with managed code, so you need native. Even if you could, porting the whole thing to a new language would just be too expensive. Most people just seriously underestimate how complex browser engines are these days.
Click to expand...
Click to collapse
Yep, and Opera have their own engine. They still have not even released their Android port. Opera Mobile on WP7 is not going to happen anytime soon.
Same for lots of other things that heavily rely on native code or are hard to port over.
Sorry, guys. It's just not that simple.

I have an idea for a really cool application, need help developing it.

Hello all
I have been using XDA for years, and yet this is my first post. I have always felt inferior to the development genius's on this site, so I thought it best to keep my mouth shut and just marvel at all of you.
I think I can now give something back.
I have an idea for an application that I have not seen on the market (I am from South Africa so we only get free apps here, but I have used google and can't find something similar)
I think this idea would be quite successful on the market, and therefore can not describe it openly.
If there is an application developer (not a newbie like me) who is interested in helping design this application, please let me know.
Thank you
You should just share it right here. The more people that can freely see it, the more would be interested.
All that secret stuff will only work in your disadvantage.
Hi there
You may be right. I have not done this before. How do protect your idea? Or is that not done on this forum?
Maybe you can explain how application development works and how to you protect it if and when the application is a success and goes to the Andorid market.
Explain why this needs to be a secret. Are you looking to make a profit from it? If you're thinking that way you will make very little as a non-functioning member of the application development team.
Just say what your amazing idea is.
Thanks Gazebee, since you put it like that.
I have a desire and when I received it, swore to myself that I would never 'fiddle' with the Rom, like I did with my Windows mobile devices. Well, that was then...
I really liked HTC sense, but have in the interim, moved over to Froyo (Currently using Open Desire1.5).
I miss Sense very much. One of the main reasons for this is that, with Sense you can custom design your Scenes. You can save your back ground, widgets, shortcuts apps etc for all your homescreans, and go back to a previouly saved scene if you wish.
The items that you may wish to have on your homescreans will vary dependant on a variety of factors.
For example, in the week when I am at work the most important items are email, calander, weather(we work outdoors often), messaging, work contacts etc.
On the weekend there are other things that are more important, Photo album, camera, family and friend contacts, music etc.
There may even be times each week when your phone needs to be in airplane/ silent mode etc.
The application I was hoping to develop would allow the user to set scenes for himself, based on the day of week.
So for example, on Monday morning at 6AM, your phone swithces from the 'weekend' scene that the user designed to its "workday"scene. (either needing confirmation or automatically depending on the settings previosly stipulated).
Perhaps when you leave work at 5pm, your phone switches to "evening scene"
The user can stipulate /design as many as he wants and set timed controls to switch between the scenes.
The above was my initial thoughts, but why stop there.
It is surly possible to use Gps location to contol the scenes. When you pull arrive at work, the appropriate scene is activated. When you get to Church on Sunday morning your phone goes into airplane mode so that you don't get struck down by lightning because your phone interupts the sermen.
It may even be possible to take this one step further.
Integrating with applications like Rom Manager it may be possible to use a different THEME for the weekend, work week or whatever, depending on you mood.
Hell, if that is not enough, you may want to switch Roms for the weekend. Perhaps you prefer using the Sense UI at work, but want FROYO on the weekend. These choices can be set in advance and timed based on previously set perameters.
Please let me know what you think of this, it was something that I definitly thought was missing from the Sense UI.
Thank you
tyronius said:
Please let me know what you think of this, it was something that I definitly thought was missing from the Sense UI.
Thank you
Click to expand...
Click to collapse
I really like that you took the idé and threw it out there. A great step forward. I like that you understood that finalizing the idé will be hard since you, the "inventor" don't have any development skills, such as programming.
This idé, almost excist. Based on different set of logical operations, like if it's 8 AM and my GPS position tells that I'm at work, it turns the phone down to silent for example. You can also connect different types of applications that should interact with this application, i.e. develop your own plugin for this program.
The app is called Locale and can do a **** load of things; http://www.twofortyfouram.com/
What it doesnt have is the personlization of the homescreens depending on logical operations. Sounds cool, but to get this to work with Sense will take a ****load of work, I would think that implement it to a launcher i.e. will be much easier. Maybe tip the guy behind http://www.launcherpro.com/ to have a look on this.
Cheers!
Something that may be easier than fiddling with homescreens is having a full screen widget that had a 4 x 4 grid of configurable shortcuts that you can setup as you wish for each "profile".
Developing a widget will be far easier than trying to interface with the large number of launchers/interfaces around.
Sent from my HTC Desire using XDA App
This is actually a great idea. SPB Mobile Shell on Windows Mobile has a similiar function. But doesn't do it automatic. What it has is a Lifestyle Home and a Professional Home. In each of them you get 3 screens left and right. But if you flick the screen up/down. it switches to the screens of Lifestyle and then to Professional.
While this idea is good, it's too much work to start it from nothing. It would be best do integrate it with one of the already homescreen alternatives out there (e.g. LauncherPro and the likes)
I used to love Locale until they started charging $10 for it... It's useful, but not THAT useful... Am I being a tightarse?
Sent from my HTC Desire using XDA App
streetdaddy said:
I used to love Locale until they started charging $10 for it... It's useful, but not THAT useful... Am I being a tightarse?
Sent from my HTC Desire using XDA App
Click to expand...
Click to collapse
it also drains battery like crazy

[Q] why do the apps suck...

Im not dogging android im not trying to be a negitive nancy though i know somone will still smack me for it anyway....
(first and for most I DO NOT LIKE APPLE ITS TOO MUCH OF A TRENDY CULT) but they know how to-do some stuff the right way....
why does the android market suck so much I have had the hero now the evo and have LOVED both phones more then you want to know... but i just relized what me and my ipod touch compadrays lack... every week hes like OMG NEW APPZZZ and im like barcode scanner FTW??? or robo defence ftw............
im just estaticly happy we have such a great group of devs*xda-devs* because that makes the whole experience for me at this point because the exciting apps arnt exciting any more.......
if you read nothing else read this(what i want this post to be about) Why arent new apps popping up all the time... it seems like android phone are selling faster then they can keep them on the shelves but we cant seem to get developers to provide me with happs for me to spend my money on?
I am not sure how long you have had your EVO for, but outside of the top Free Apps, there are a few apps of interest, but it really is dependent on you. I will give you a list of what I use and why.
ADB Wireless - Needs no explanation.
Air Control Light - One of the best time wasters and is really addictive.
Album Art Grabber - gets all of your missing album art (Paid for)
Android Mate - a simple way for removal of apps you don't want w/o using ADB
Astro File Manager - have been using this one since G1. Its a good choice between that or ES File manager. (Paid for)
Better Cut - for individual shortcuts and main screen Icons.
Call Block - Needs no explanation.
Carr Matey - Great when your in a huge parking lot to help remember where you left your car.
Chrome to Phone- easy way to send Links/numbers/addresses from your desktop to your phone.
Dialer One- Great dialer replacement. I actually prefer the dialer in CM6 but it is not Sense compatible.
Documents To Go - Great to view Word/Excel and other M$ Docs as well as PDFs (Paid for)
Lets Golf - Great Game (Paid for)
Pandora - A must have. Is more valuable than a FM Radio App.
PhoneMyPC - Great for controlling my PC while I am not home. I can pull up documents on my PC and email them to myself, or turn stuff on, monitor my appt with my web cam and so on.
Solitare - Best game in the world
Robo Defense - Great Time waster
Truphone - VoiP Wifi to Wifi for speaking to my kids in Germany. Free!
Trillian- best IM program ever.
You really have to be in "need" of a program before someone actually designs one to fill that need. So basically your statement is why is there not cool programs. Name some of the programs you want/need, and then someone will tell you what might work for you. Also remember that Apple has 1-2 years on Android, and due to the fact that they only have to program for 1 phone basically, it is a lot simpler not needing to be compatible with 15 different phones.
I have to somewhat agree with you. I came from an iPhone and bought the EVO without even touching an android running phone before. While I do love android - most apps really, really, suck. You just have to find the apps that aren't complete **** - look at it as an adventure.
Thanks for the list above, too.
Oh, and in all my experances of freelance computer work...Overall, Java just sucks.
There's definitely some better apps on iPhone.. I miss my Mafia wars app, haha.. I'd much rather have android though.
Sent from my HTC Evo 4G using XDA app.
Its what your used to. Everyone talks up the iphone apps and they certainly have the most popular ones (biggest market) but I soo prefer android over apple.
My current phone game is alchemy (not available on iphone)
thanks guys
I dont really have any particual needs my "needs" are PEGGLE and apparently zombies vs plants is also an awesome game.... they need to make an idiot proof music loading platform that will also assist me in finding games..... i just get soo sad when i see apps in the iphone/pad/touch marketplace that kicks ass,
I REALLY apreciate the list of games.... i downloaded some stuff off that list and am about to get my game on when i stop writing it....... ok I thought of my one and only true need::::​
Castle Crashers Android
​
Hrshycro said:
Oh, and in all my experances of freelance computer work...Overall, Java just sucks.
Click to expand...
Click to collapse
This statement just pisses me off. Java is a powerful cross platform language. I will take it as "like just your opinion man" and move on.
jkinnison90 said:
There's definitely some better apps on iPhone.. I miss my Mafia wars app, haha.. I'd much rather have android though.
Sent from my HTC Evo 4G using XDA app.
Click to expand...
Click to collapse
..but there is a Mafia Wars app in the market.
rulermon said:
I dont really have any particual needs my "needs" are PEGGLE and apparently zombies vs plants is also an awesome game.... they need to make an idiot proof music loading platform that will also assist me in finding games..... i just get soo sad when i see apps in the iphone/pad/touch marketplace that kicks ass,
I REALLY apreciate the list of games.... i downloaded some stuff off that list and am about to get my game on when i stop writing it....... ok I thought of my one and only true need::::​
Castle Crashers Android
​
Click to expand...
Click to collapse
Is pay 10 bucks easily for cc on android. I don't think I've ever put as many grind hours into a game like I did cc and never will again. Best beatemup ever
All spelling errors thanks to xt9 on my Evo!
fapstick said:
This statement just pisses me off. Java is a powerful cross platform language. I will take it as "like just your opinion man" and move on.
Click to expand...
Click to collapse
Java is a powerful cross platform language, but I have to agree that I haven't seen a lot of really blow your mind apps built with it (in the UI department at least. I've seen some amazing programming feats done with it, but UI usually is lacking in Java and Android apps) I think it has a lot to do with Java not being a very nice language to use. I'm having a horrible time learning it compared to other languages I'm working on. Of course I'm a programming noob, but still, C++ is so much easier to learn than Java.
Anyways, it has a lot to do with experience. I don't think a lot of Android programmers are really experienced Java devs, so that could explain some of the lack of appeal in a lot of normal Android apps.
From my own experience, a lot of the big name devs are making some great apps now with great UI's like Nook, Gameloft Games, Tweetdeck, etc. So I think the platform is beginning to mature, but there will always be crappy apps. Personally, I don't mind UI's as long as they aren't a pain to navigate and perform the functions well. Android apps are by far much more useful than their iPhone counterparts because of all the extra access and interoperability they have. If you haven't noticed, there are a lot of apps that build on other apps to get jobs done. Plus the way Android handles background tasks (unlike the iPhone with only allows about 5 different basic services to run) is amazing. There are so many useful things Android apps can do that the iPhone can't even touch when jailbroken.
fapstick said:
This statement just pisses me off. Java is a powerful cross platform language. I will take it as "like just your opinion man" and move on.
Click to expand...
Click to collapse
The platform benefit died long ago. Code for it now hardly more portable than C. It's simply rarely used that way as well as having so many branches for a particular platforms extensions. A language is only cross platform if you can actually run or build programs easilyfor multiple platforms. Dalvik really shoots that one down pretty damn fast.
Sent from my PC36100 using XDA App
superlinkx said:
Java is a powerful cross platform language, but I have to agree that I haven't seen a lot of really blow your mind apps built with it (in the UI department at least. I've seen some amazing programming feats done with it, but UI usually is lacking in Java and Android apps) I think it has a lot to do with Java not being a very nice language to use. I'm having a horrible time learning it compared to other languages I'm working on. Of course I'm a programming noob, but still, C++ is so much easier to learn than Java.
Anyways, it has a lot to do with experience. I don't think a lot of Android programmers are really experienced Java devs, so that could explain some of the lack of appeal in a lot of normal Android apps.
From my own experience, a lot of the big name devs are making some great apps now with great UI's like Nook, Gameloft Games, Tweetdeck, etc. So I think the platform is beginning to mature, but there will always be crappy apps. Personally, I don't mind UI's as long as they aren't a pain to navigate and perform the functions well. Android apps are by far much more useful than their iPhone counterparts because of all the extra access and interoperability they have. If you haven't noticed, there are a lot of apps that build on other apps to get jobs done. Plus the way Android handles background tasks (unlike the iPhone with only allows about 5 different basic services to run) is amazing. There are so many useful things Android apps can do that the iPhone can't even touch when jailbroken.
Click to expand...
Click to collapse
Exactly my point. Thank you for typing it out. Couldn't have typed it better myself. While Java is powerful, it's buggier than all get out. Everybody I know in the info systems world also hates it. I don't care for it it's really buggy and the UI is usually outdated, confusing and doesn't look good at all - usually.
When I've ran into client's problems, it requires a complete uninstall of it or the multiple installed updates, then reinstalling the newest update, or an older update because what they want to use doesn't work with the newest java update. :| It's especially annoying when they are trying to use two different java related programs and one only works with the newest update and the other one only works with an older update - just makes me day.
I'm not programmer, but why are the apps for android programmed with java? Android is based of linux, right? Are there not other prog langs that work with linux?
Come to think of it: There's not very many products that google has made that are very aesthetically pleasing to look at or use, but they work.
Hrshycro said:
Exactly my point. Thank you for typing it out. Couldn't have typed it better myself. While Java is powerful, it's buggier than all get out. Everybody I know in the info systems world also hates it. I don't care for it it's really buggy and the UI is usually outdated, confusing and doesn't look good at all - usually.
When I've ran into client's problems, it requires a complete uninstall of it or the multiple installed updates, then reinstalling the newest update, or an older update because what they want to use doesn't work with the newest java update. :| It's especially annoying when they are trying to use two different java related programs and one only works with the newest update and the other one only works with an older update - just makes me day.
I'm not programmer, but why are the apps for android programmed with java? Android is based of linux, right? Are there not other prog langs that work with linux?
Come to think of it: There's not very many products that google has made that are very aesthetically pleasing to look at or use, but they work.
Click to expand...
Click to collapse
You can code with C or C++ if you use the NDK (Native Dev Kit). Im not sure if you can do the whole app that way or just parts but it just seems more difficult. But I learned java in a highschool class, and despite its failures, its easiest for me to use.
I definitely recommend looking for new apps using App Brain. As long as you're not strictly looking for games, I've found a lot of jewels in there I never would have found in the regular Market app.
The thing that gets me most is not the lack of apps, but the inconsistency among apps.
1. Most apps carry their own theme and UI and does not blend well with the rest of Android.
2. Software updates tend to roll out slower than the iphone counterparts.
3. Resolution of the icons in some apps are blurry looking. Again this is because of differences between the resolution available for Android phones.
xeroxsmm said:
I definitely recommend looking for new apps using App Brain. As long as you're not strictly looking for games, I've found a lot of jewels in there I never would have found in the regular Market app.
Click to expand...
Click to collapse
I would agree. There are a lot of bad apps out there but there are some really good ones I found with App Brain.
Sent from my HTC Evo 4G using XDA App
I hadn't clicked on this thread yet because I totally expected some rant about something silly but I have to admit I do completely agree with the OP in that the market is not a good way to find apps. It's the place to GET apps but the "top" lists, paid and free, haven't changed much since I got my Hero last December..
I have never had an iProduct of any sort, and likely never will so I don't have any experience for comparison but I think the android apps are alright, no complaints other than FINDING them..
1. Google's Market needs upgrades, nothing major. Just add more and better ways to find applications. Sad a search giant has had difficulty getting this done.
2. Get AppBrain's application.
3. Android uses a Java flavored language, but not Java or even Java ME. This is why Oracle is foolishly suing Google.
RE #3 - I'm beginning to wonder myself whether they should have used Python or Ruby over Java.
bludragon742 said:
RE #3 - I'm beginning to wonder myself whether they should have used Python or Ruby over Java.
Click to expand...
Click to collapse
They aren't using java, thats what he was saying with point 3. Android uses a different language which is similar to java, but not java.
Also java > *. Java is used in phones, cars, sterio systems, tvs, gaming systems, etc..
Try to find a electronic unit where java hasn't been used in

[GUIDE] App/Graphics Design Tips,Tricks & Warnings

Hi Guys This is a guide on app design guidelines.This can be applied everywhere and not only app design. I have seen many apps that perform awesome but their UI scares people away! This won't be a very detailed guide, only basic pointers on UI Design.
First off i would like to say that User experience and functionality of the app is equally or more important than it's UI. There's no point in a app that has a awesome looking UI but is very laggy or lacks functionality.
Lets begin with a few tips :
Try to make the UI simple and clean with no extra clutter.Hide extra functionality in menus. Keep the main function of the program in the front.
Make the UI flat.Use subtle gradients and shadows. Don't make it too flat like the metro ui,in which you can't distinguish an icon from a button
Use a specific color scheme. Select two to three lead colours. and select 1 or 2 background colours.
Either make it dark themed, or light themed, don't mix the two!
Use transitions. But not too fancy.
Split your app into different parts and provide a easy way to navigate
Fix Whatever you can behind the scenes
Use short Phrases, No one wants to read too much to do a simple task!
Use pastel colours or darker colours. ie. one shade lighter or darker than the original color.
Have contrast between the text color and the background color, making it easier to read.
Tricks :
Don't waste much time making animations. Use LayoutTransitions (android 3.0+)
Test your apps on different screen sizes.
Download the color swatches provided by google -click here
Google is your friend. Go to developer.android.com for more guidelines, application fundamentals etc.
Use good typography. Roboto and helvetica are some of the good fonts. Download roboto - click here
Guide on iconography - click here
Warnings! :
Do not use harsh gradients! for eg.. black to white , It makes the app feel cheap.
Try and stay away from putting ads
Do not let the app make decisions for itself, let it ask the user!
Do not make the app too colourful.
Make sure it runs smooth without jitter.
Don't put too much info. at once!
Don't use too flashy colors that hurt the eye.
Again, this isn't meant to be a very long guide, just a few basic things you should keep in mind while designing. For more detailed guidelines use developer.android.com
If i missed something important let me know! :good:
That's really helpful..
Thank you
wad!e said:
That's really helpful..
Thank you
Click to expand...
Click to collapse
Glad you liked it
Amazing guide! Thanks so much! I'm glad more people love great design.
Sent from my Galaxy Nexus using Tapatalk 4 Beta
Hello there, thanks for this guide.
I am no developer so I don't have to mess with the graphics, but I still often wonder : in android programming, where there will always be the probrem of multiple display size / resolution, why isn't the most primary & most basic guideline to use as much as possible vector graphics instead of bitmap based graphics ? wouldn't it save a huge amount of hassle of having to make gfx resources for different screen sizes ?
thx in advance
phentex said:
Hello there, thanks for this guide.
I am no developer so I don't have to mess with the graphics, but I still often wonder : in android programming, where there will always be the probrem of multiple display size / resolution, why isn't the most primary & most basic guideline to use as much as possible vector graphics instead of bitmap based graphics ? wouldn't it save a huge amount of hassle of having to make gfx resources for different screen sizes ?
thx in advance
Click to expand...
Click to collapse
Maybe it would be easier.
However, you would need a proper library to do that. Android does not support adding *.svg vector graphics by default. So all the conversion of the vector graphics need to be done manually. (There are some libs out there, but they do not support all features of *.svg graphics.)
For basic things there is support to do that using the standard Android development APIs provided by Google (declaring drawables in xml files) but it will not be enough for shapes which are more complicated than lines, rectangles or circles or a combination of those.
Addititionally the conversion of vector graphics to bitmaps (graphics consisting of single pixels) would need much processing power and would slow everything down.
Hence *.png and *.9.png files are still the standard way to do that.
@TechMasta: By the way, great guide.
TechMasta said:
Try and stay away from putting ads
Click to expand...
Click to collapse
No ads? How does one go about monetization then? Don't get me wrong. I'm a Windows and Windows Phone developer. I was thinking of porting my apps to Android. I'm just getting started. But I'm using Windows Azure for which I do have to pay for. How should I go about those expenses?
TechMasta said:
Do not let the app make decisions for itself, let it ask the user!
Click to expand...
Click to collapse
Sometimes it should. However, the user should be able to change the default behaviour. Or as the android design guidelines express it:
Decide for me but let me have the final say
Take your best guess and act rather than asking first. Too many choices and decisions make people unhappy. Just in case you get it wrong, allow for 'undo'.
Click to expand...
Click to collapse
(http://developer.android.com/design/get-started/principles.html)
Great guide, though.
akshay2000 said:
No ads? How does one go about monetization then? Don't get me wrong. I'm a Windows and Windows Phone developer. I was thinking of porting my apps to Android. I'm just getting started. But I'm using Windows Azure for which I do have to pay for. How should I go about those expenses?
Click to expand...
Click to collapse
You can put ads if you want. Just don't bombard the user with them, place them in a way it does not interrupt or come in the way of the user when he is using your app
phentex said:
Hello there, thanks for this guide.
I am no developer so I don't have to mess with the graphics, but I still often wonder : in android programming, where there will always be the probrem of multiple display size / resolution, why isn't the most primary & most basic guideline to use as much as possible vector graphics instead of bitmap based graphics ? wouldn't it save a huge amount of hassle of having to make gfx resources for different screen sizes ?
thx in advance
Click to expand...
Click to collapse
With google's plugin for eclipse you can add your graphics in multiple resolutions by Copying your layout from "layout" folder of resources and paste it in the "layout-land", "layout-xlarge" etc.
SahilC said:
Amazing guide! Thanks so much! I'm glad more people love great design.
Sent from my Galaxy Nexus using Tapatalk 4 Beta
Click to expand...
Click to collapse
Glad you liked it
Thank you very much, very useful information.
Thx for it mate I will develop good think
Sent from my GT-I9100 using xda app-developers app
Looks good
graphics design
Thank you for this information about web design. Really nice.
Good set of tips for the first version of an app!
The next level of designing should ideally be with testing different design variations via split testing.
Making Decisions
TechMasta said:
Do not let the app make decisions for itself, let it ask the user!
Click to expand...
Click to collapse
Hai,
Thanks for your guide. But I am having a different opinion from one of your warnings.
Let the app make decisions by itself, for example when user deletes an item DELETE it. But do provide an option to UNDO it. Showing another dialog to confirm it, in your words "ask the user", is redundant.
Because providing too many options makes the user overwhelmed in an unexpected way. Choose the best/defaults for your app and provide some ways to configure them [Ex : Colors, Themes, Font size etc]
Ahamed.M said:
Hai,
Thanks for your guide. But I am having a different opinion from one of your warnings.
Let the app make decisions by itself, for example when user deletes an item DELETE it. But do provide an option to UNDO it. Showing another dialog to confirm it, in your words "ask the user", is redundant.
Because providing too many options makes the user overwhelmed in an unexpected way. Choose the best/defaults for your app and provide some ways to configure them [Ex : Colors, Themes, Font size etc]
Click to expand...
Click to collapse
True. This can also be found in the Android design guidelines:
Decide for me but let me have the final say
Take your best guess and act rather than asking first. Too many choices and decisions make people unhappy. Just in case you get it wrong, allow for 'undo'.
Click to expand...
Click to collapse
(Source: http://developer.android.com/design/get-started/principles.html#simplify-my-life)
a
nice
Nice Tips
These tips are very useful. One should keep in mind while dealing with apps whether in Android or iPhone.

[Q] Choosing a framework for hybrid app

Hello guys !
I'm starting developping with Phonegap. I have a first app to make which will be quite heavy, technically speaking. A lot of data retrieving, many different displays... I need advices to choose the framework to use.
I have read a lot on Jquery Mobile, the most widely used today and the one I feeled comfortable using since I already know Jquery... But it has many issued I don't want to deal with (UI is too much IOS, sometimes gets very slow because not using hardware acceleration, no MVW structure...). Plus, one of the Phonegap creators told in a post it's not a good idea to use JQM with Phonegap since it's too heavy : sintaxi.com/you-half-assed-it
I read a lot on many blogs, forums, on stackoverflow... The paid side has many great things like Sencha Touch, KendoUI or PhoneJS. Any of them could be good. I just don't know if they worth paying since there are a lot of free solutions.
Then two of them got my attention : Ionic ( ionicframework.com ) and OnsenUI ( onsenui.io ). Both seems pretty cool and with great features, native look and hardware acceleration use, but... One is in Alpha, the other in Beta ! Is it reliable to use such tools, that seems not ready for production ?
Some just advice to use Bootstrap... Some say to use Zepto ( zeptojs.com ). A lot of these advices were given 1 or 2 years ago.
Well... As you see, I need actual advices, and preferably from people who already tried many of these solutions
Thanks ahead !
( Sorry for not linking sites, I am a new member so I'm not allowed to post outside links )
JerryBels said:
Hello guys !
I'm starting developping with Phonegap. I have a first app to make which will be quite heavy, technically speaking. A lot of data retrieving, many different displays... I need advices to choose the framework to use.
I have read a lot on Jquery Mobile, the most widely used today and the one I feeled comfortable using since I already know Jquery... But it has many issued I don't want to deal with (UI is too much IOS, sometimes gets very slow because not using hardware acceleration, no MVW structure...). Plus, one of the Phonegap creators told in a post it's not a good idea to use JQM with Phonegap since it's too heavy : sintaxi.com/you-half-assed-it
I read a lot on many blogs, forums, on stackoverflow... The paid side has many great things like Sencha Touch, KendoUI or PhoneJS. Any of them could be good. I just don't know if they worth paying since there are a lot of free solutions.
Then two of them got my attention : Ionic ( ionicframework.com ) and OnsenUI ( onsenui.io ). Both seems pretty cool and with great features, native look and hardware acceleration use, but... One is in Alpha, the other in Beta ! Is it reliable to use such tools, that seems not ready for production ?
Some just advice to use Bootstrap... Some say to use Zepto ( zeptojs.com ). A lot of these advices were given 1 or 2 years ago.
Well... As you see, I need actual advices, and preferably from people who already tried many of these solutions
Thanks ahead !
( Sorry for not linking sites, I am a new member so I'm not allowed to post outside links )
Click to expand...
Click to collapse
Hi i too work in mobile web applications. I suggest you to have look more into the sencha touch. Sencha is not fully paid framework. There is a gpl version of sencha which most corporates uses . the advantage of sencha is it can be used with phonegap or without phonegap. Also the docs are well documented and you will get an easy hello world application using the sencha cmd tool. The sencha docs is designed such that we can even try our code directly to alter the shown examples.
Ok as developer view sencha erradicates the most difficult part of mobile web app developmnt.ie the ui. Ui is well documented and created such that we doesnt want to deal much with ui issues when it is moved from devices to devices and os to os.
For heavy applications this is best because the sencha apps are mvc structure. I have beem worked in sencha apps that have more than 16 differnt screens on its own.
Sent from my Nexus 4 using Tapatalk
jaison thomas said:
Hi i too work in mobile web applications. I suggest you to have look more into the sencha touch. Sencha is not fully paid framework. There is a gpl version of sencha which most corporates uses . the advantage of sencha is it can be used with phonegap or without phonegap. Also the docs are well documented and you will get an easy hello world application using the sencha cmd tool. The sencha docs is designed such that we can even try our code directly to alter the shown examples.
Ok as developer view sencha erradicates the most difficult part of mobile web app developmnt.ie the ui. Ui is well documented and created such that we doesnt want to deal much with ui issues when it is moved from devices to devices and os to os.
For heavy applications this is best because the sencha apps are mvc structure. I have beem worked in sencha apps that have more than 16 differnt screens on its own.
Click to expand...
Click to collapse
Hi ! Thanks for your comment. I'm considering Sencha could be my final solution. I have read somewhere that coding in everything else than its own IDe is very bad experience, and the IDE comes with the paid version only...
Still open for more advices if someone feels like
Up !
I finally launched the project using the Ionic very promising framework. If it doesn't fit in I will give a try to Sencha. Thanks for your help, I will come back and tell about my experiments !
I'm doing a project with jQM right now, got the iOS version going and still working on Android and Windows Phone (clients...) and looking for something better. (Performance, native look and feel, SASS/LESS based preferably, etc.)
Ionic looks great, but with Gingerbread still holding a 20% market share I'm wary. Chocolate Chip UI seems pretty cool, and Sencha and Intel's App Framework seem promising as well.
How did things go with Ionic? Is it really only functional on 4.2 and above?
Sent from my XT1060 using Tapatalk
mau006 said:
I'm doing a project with jQM right now, got the iOS version going and still working on Android and Windows Phone (clients...) and looking for something better. (Performance, native look and feel, SASS/LESS based preferably, etc.)
Ionic looks great, but with Gingerbread still holding a 20% market share I'm wary. Chocolate Chip UI seems pretty cool, and Sencha and Intel's App Framework seem promising as well.
How did things go with Ionic? Is it really only functional on 4.2 and above?
Sent from my XT1060 using Tapatalk
Click to expand...
Click to collapse
Hi friend,
I'm sorry but I have very little time to work on my app, so I didn't see much already... I will eventually come back to tell about my experience with it, but it will be only in some more time !
However, all I saw about it sounds even more amazing than just promising !
I've made mobile sites using jQuery Mobile and although it was very good at what it did, I always felt like I was trying to swat a fly with a tank. It's large, it's heavy and it does a LOT more than you need if you're just looking for a UI.
I've switched to Bootstrap for web apps. It requires jQuery which is good, since I'd not want to have to use a different library for DOM manipulation, and it's very lightweight. Also, it's quite easy to skin (much easier than jQM) so changing the overall style is easy. There's also a lot more custom-built themes out there for it than there is for jQM.
tl;dr Use Bootstrap and jQuery (not jQM). Compact, easy and quick.
Take a look at ratchet goratchet.com . Its 2.00 version is very new and lightweight.
today, I am working with ionic and angular js, using visual studio to code, I think ionic is really common with better default ui than default control android. ionic have 1.x stable and beta at 2.x
Hi
I recommend 2 Angular Ionic 2, if you start a project.
Angular 2 is in release candidate
Ionic 2 is in beta, but it works well
Performance is much better with Angular 2.
it's a bit early to use Ionic 2 ?
Currently the beta.10 is sufficiently stable. We must work with workarounds for some points.
I created a post on the topic, It will be simpler:
http://forum.xda-developers.com/android/software/build-hybrid-app-angular2-ionic2-t3425535
I have used cordova for my android application 1 year ago with eclipse. I can say that android was the easiest to create among others (iPhone apps, windows or blackberry) It was also quite fast working like a native app although it was hybrid. I also added voice detection with android. There are many plugins for cordova for adding different features to your hybrid mobile app.
I am using Cordova for my wp8 apps developments. I had trouble adding the sound plugin but finally i succeeded. It is a nice framework.
Choosing a framework for hybrid app
Thanks for sharing.
Cordova + Angular2 + OnsenUI2
(wanted to post this in a new topic, but forum rules demand I make a few posts first)
I was having much of the same question (but with a much humbler ambition of an app), so I did some research and set my mind on this trio of frameworks:
Cordova - for the code-once philosophy
Angular 2 - for an easy implementation of the model-view-controller pattern
Onsen UI 2 - for polished UI components
Problem is, I'm a bit of a newbie at this, and while everything makes sense when reading the Getting Started page for each framework, putting everything together hasn't quite occurred yet in my mind. I'm still trying to figure out how to get the project started, and figure out what its directory structure should look like.
I'm wondering if anyone here would be willing to spend an hour of handholding mentoring to help me get started?

Categories

Resources