Need Suggestions for UI design for Mobile Web app - Design, Prototyping, UI, Graphics

Hi,
I want to create a mobile web app which can be used on any device like smartphone or tablet. I need UI design suggestions for designing the user interface in a such way that it fits well in phone and as well as tablet.
The app basically allows the user to report a damage about his property to the insurance company. The user can report the damage by uploading the pic of the property that is damage or by manually enter the details of the property and damage details. Once the user uploads the pic the app shows up the gMap wit the list of properties in the near location of the area where pic is taken and uploaded based on the geotag of the pic. after the user selects the property by tap of the marker on map. a form should get dislayed to enter required details and submit.
Please give me your suggestions to design this kind of app which fits well to any device .

UI Help
Hey! I'm a UI designer and could help you get your UI mock-ups done. There are a couple different ways you can handle doing your UI for multiple screen sizes. What are you going to use to build the app?
Thanks!
swingmicro said:
Hi,
I want to create a mobile web app which can be used on any device like smartphone or tablet. I need UI design suggestions for designing the user interface in a such way that it fits well in phone and as well as tablet.
The app basically allows the user to report a damage about his property to the insurance company. The user can report the damage by uploading the pic of the property that is damage or by manually enter the details of the property and damage details. Once the user uploads the pic the app shows up the gMap wit the list of properties in the near location of the area where pic is taken and uploaded based on the geotag of the pic. after the user selects the property by tap of the marker on map. a form should get dislayed to enter required details and submit.
Please give me your suggestions to design this kind of app which fits well to any device .
Click to expand...
Click to collapse

I want to develop using html5 and css3.kindly help
udoobu said:
Hey! I'm a UI designer and could help you get your UI mock-ups done. There are a couple different ways you can handle doing your UI for multiple screen sizes. What are you going to use to build the app?
Thanks!
Click to expand...
Click to collapse

Ok, cool... how are you planning to deploy it? Something like PhoneGap?
swingmicro said:
I want to develop using html5 and css3.kindly help
Click to expand...
Click to collapse

Yes
udoobu said:
Ok, cool... how are you planning to deploy it? Something like PhoneGap?
Click to expand...
Click to collapse

Ok, sounds cool! If you'd like to use my services, I could work with you to plan out the layout of the app and provide you with a wireframe and actual UI design mock-ups that you can use for your development phase. Shoot me an email and we'll continue talking about the specifics of your app: [email protected]
Talk to you soon!
Cory
swingmicro said:
Yes
Click to expand...
Click to collapse

Related

Special Marketplace for WP7 applications

Hi there,
I found today a website which contains all applications for WP7. You can use specific filters like language, price and category. You can also get statistics about WP7 apps. I think it's better than wp7applist because very simple and intuitive. It's easier to find applications.
http://www.windowsphoneapplist.com
Very nice, I like!
Thanks for sharing!
Great place !
thanks for sharing
Similar sites for WP7 apps
CyKin said:
Hi there,
I found today a website which contains all applications for WP7. You can use specific filters like language, price and category. You can also get statistics about WP7 apps. I think it's better than wp7applist because very simple and intuitive. It's easier to find applications.
http://www.windowsphoneapplist.com
Click to expand...
Click to collapse
It looks like clone of this site http://www.monsmartphone.net/marketplace/
I don't like them both because out of date information in WP7 programs descriptions, screen shots.
There is also no information about the date of the application update.
Both http://wp7applist.com/ and http://www.marketplacebrowser.com contains more adequate information about programs, but not good for browsing.
They very good when you want to read info about the particular program.
http://www.appsfuze.com/ also has filters by category, free or paid app.
Good for browsing, but I'm not sure in their statistics info.
Also out of date info related to the applications screen shots.
Wrong text formatting in app description.
Of course, all above IMHO
Please keep discussion threads out of the app release section
I will move this to WP7 General.
~~Tito~~
Yet another site for WP7 apps
I've found another site for WP7 applications:
http://wpappshub.com
IMHO it is not so good for apps browsing, but contains actual information about published or updated programs.
s_v_l said:
It looks like clone of this site monsmartphone.net/marketplace/
I don't like them both because out of date information in WP7 programs descriptions, screen shots.
There is also no information about the date of the application update.
Click to expand...
Click to collapse
Hello s_v_l,
I'm in charge of development of monsmartphone.net & windowsphoneapplist. I've attached importance to your post and the main bugs are corrected. All apps are now updated directly. The update job will take about 24 hours, so tomorrow you will see the good prices & informations. If you have any suggestion, pm me
MrDesch said:
Hello s_v_l,
I'm in charge of development of monsmartphone.net & windowsphoneapplist. I've attached importance to your post and the main bugs are corrected. All apps are now updated directly. The update job will take about 24 hours, so tomorrow you will see the good prices & informations. If you have any suggestion, pm me
Click to expand...
Click to collapse
Hi MrDesch,
You're the only one of the owners of WP7 sites who responded to my criticism.
Thanks.
I present my point of view, as a developer.
We both have a common goal - give the user the ability to make the right choice by the shortest way.
Currently there are near the 7600 applications on the WP7 marketplace.
Very good, but most of them weak and a great risk WP7 marketplace transformation to the garbage place.
I am disappointed with Microsoft in this regard.
I will not even talk about the lack of moderation of false feedback, about black PR, etc., etc.
Sorry for off topic.
More details about your sites tomorrow in PM.
Thanks again.
here is another one
http://wp7.apphab.com/
i like to use http://wp7applist.com/
webwalk® said:
here is another one
http://wp7.apphab.com/
i like to use http://wp7applist.com/
Click to expand...
Click to collapse
http://wp7.apphab.com/ good.
Contains actual info about applications.
IMHO need New,Update,Free,Paid,Price Change view by category.
windowsphoneapplist has been updated. What do you think about the new design ?
MrDesch said:
windowsphoneapplist has been updated. What do you think about the new design ?
Click to expand...
Click to collapse
Looks good, in WP7 style
Some problem with the text overlapping at the upper right corner.
The main problems:
1. The out of date information in the app description and screen shots.
2. Wrong info about pricing!
Actual info about my app:
http://wp7.apphab.com/gps4me-by-sergei-v-lepitko/
Your info
http://www.windowsphoneapplist.com/gps4me-a4094.html
Also I can suggest add filter for paid applications too for better browsing.
For example I'm interesting on paid applications only and want to browse them in different category.
(BTW if you check both Free & Trial you will discard ~50% applications)
Thanks for your feedback s_v_l !
What kind of problem did you have with the text overlapping ? It works for me with ie, chrome and firefox.
I found the bug (the last I hope ) It's now corrected. Sry Sry !
Good suggestion for paid apps.
MrDesch said:
Thanks for your feedback s_v_l !
What kind of problem did you have with the text overlapping ? It works for me with ie, chrome and firefox.
I found the bug (the last I hope ) It's now corrected. Sry Sry !
Good suggestion for paid apps.
Click to expand...
Click to collapse
1. Text on the background image overlaps the top banner and right menu block.
See attached screen shots for home window and product window.
I'm using Firefox 3.6.13
2. IMHO download button should be detached from the ads block,
because end user may be confused by the info on that ads.
(this is against google rules related to the ads placement)
Also would be better to make accent on download button by color (light green).
See my other screen shots for product download section and my suggestion with detached button.
3. Price info fixed, but info in the program description and program screen shots still out of date.
s_v_l said:
1. Text on the background image overlaps the top banner and right menu block.
See attached screen shots for home window and product window.
I'm using Firefox 3.6.13
2. IMHO download button should be detached from the ads block,
because end user may be confused by the info on that ads.
(this is against google rules related to the ads placement)
Also would be better to make accent on download button by color (light green).
See my other screen shots for product download section and my suggestion with detached button.
3. Price info fixed, but info in the program description and program screen shots still out of date.
Click to expand...
Click to collapse
1. Ok thanks
2. I don't think it's a problem for Google. The ad is just highlighted but for me there is no confusion. Good idea for the button.
3. Have you updated the numbers of the version ?
MrDesch said:
...
3. Have you updated the numbers of the version ?
Click to expand...
Click to collapse
s_v_l said:
...
Actual info about my app:
http://wp7.apphab.com/gps4me-by-sergei-v-lepitko/
Your info
http://www.windowsphoneapplist.com/gps4me-a4094.html
...
Click to expand...
Click to collapse
See differences both in textual app description and screen shots.
It's done !
MrDesch said:
It's done !
Click to expand...
Click to collapse
Much better than initial view.
App description has been updated properly.
Good idea with "video" section and clickable links in description.
Some problems still exist:
1. Incorrect screen shots update, see attached images.
a)your screen shots set;
b)original screen shots and their order, as they published on WP7 hub (7 items)
2. And text overlapping looks not good (third image in attachment)
Some words about app submitting logic on the WP7 hub.
When developer submit new application or update app to the new version all published data could be changed.
After publication on the WP7 marketplace developer has the ability to correct price information only for current publication. All other data remain the same.
Thanks
All images are in your cache browser. You have to clear it to see the actual screenshots. The text overlapping is alse corrected. It's not perfect but it looks better on high resolution
Yes, I know about that. Thanks s_v_l

[TOOL] AppThwack - Easily test apps on real devices we host

Hi, I'm Trent and I co-created AppThwack, a service for on-demand automated testing of Android apps on real devices. Basically, you upload an apk and a couple minutes later you get screenshots and logcat dumps from actual phones and tablets we host.
Beta Users Needed
We're currently looking for devs to join our private beta. You can message me or sign up on our website and I'll get a beta code to you shortly. We're trying to stress the system and make additions/adjustments so the service is as useful as possible for developers.
Current Features
Real phones and tablets: About 20 high- and low-end devices and we add a few more every week.
Fast: See results in real time. Full test runs on all devices takes a minute or two to complete.
Selectable default tests: Install, launch, UI Monkey, Cleanup
Configurable tests: For example, specify the number of UI Monkey events and seed the randomizer
JUnit including Robotium support via uploaded test packages
Screenshots in portrait and landscape on all devices
Logcat and filterable logcat viewer
High-level results sortable by device or test
Full stack-traces for any exception that occurs
Future
We're working on adding more test frameworks like monkeyrunner and more default tests, particularly performance tests that measure battery consumption, CPU usage, etc. We're also adding more data visualization and charting so it's easy to see what some of the gathered statistics mean.
We plan to launch soon, but the beta program will remain in effect even after that. The service will follow a freemium model. Again, the beta is free and we're going to keep it in place even after we eventually launch.
Inter-device automation
Our back-end supports device-to-device automation, so if you have an app or scenario that you'd like to test that involves multiple devices or interaction with other devices, even non-Android devices, let me know. We're looking for people to help us develop how this service will be exposed.
Edit: I can't post links, but if you search for "appthwack" you'll find it. Btw, I've apparently lurked since October, 2008. Yikes.
Just wondering will this support of testing apps that require root?
Also any chance we can see like a live pic of the device when it installs the app and opens it?
Sent from my VS910 4G using xda premium
motodroidfreak said:
Just wondering will this support of testing apps that require root?
Click to expand...
Click to collapse
Right now it does not and all of our phones are as close to stock as possible. I'll look into making it an option so we automatically root before your app installs and then un-root after the tests are complete. Root opens up some new possibilities, both good and bad, so I'll need to think about it.
motodroidfreak said:
Also any chance we can see like a live pic of the device when it installs the app and opens it?
Click to expand...
Click to collapse
Yes! The launch test takes a screenshot in both landscape and portrait. You can see all screenshots sorted by device by clicking "By Device" or "By Test" and clicking the "Screenshots" link in the blue box at the top.
Screenshots also show up in each launch test log so you can see the context as the shot was captured. Logcat dumps show up in the same place (Link from the blue box at the top will open a filterable and highlighted log viewer).
Alright thanks I'll try it out tonight
Sent from my VS910 4G using xda premium
Holy cow. Didn't realize such web service existed.
I just signed up and currently having a look around. Is it possible for me to join the beta? Thanks!
Is it possible for a "free" upgrade for my account? Heh just asking
EDIT : Created a new project. Then I'm stuck. The "Runs" tab is empty.
EDIT again : Oh.. uploading had error previously. Uploading again.
Very interesting project. Good luck to your team and I hope I can be a good beta tester
Realy interesting, for us, almost of our apps needs root access, so please think about adding root to your service
Test on my Sensation
Will test on my sensation
test
nullFactory said:
Hi, I'm Trent and I co-created AppThwack, a service for on-demand automated testing of Android apps on real devices. Basically, you upload an apk and a couple minutes later you get screenshots and logcat dumps from actual phones and tablets we host.
Beta Users Needed
We're currently looking for devs to join our private beta. You can message me or sign up on our website and I'll get a beta code to you shortly. We're trying to stress the system and make additions/adjustments so the service is as useful as possible for developers.
Current Features
Real phones and tablets: About 20 high- and low-end devices and we add a few more every week.
Fast: See results in real time. Full test runs on all devices takes a minute or two to complete.
Selectable default tests: Install, launch, UI Monkey, Cleanup
Configurable tests: For example, specify the number of UI Monkey events and seed the randomizer
JUnit including Robotium support via uploaded test packages
Screenshots in portrait and landscape on all devices
Logcat and filterable logcat viewer
High-level results sortable by device or test
Full stack-traces for any exception that occurs
Future
We're working on adding more test frameworks like monkeyrunner and more default tests, particularly performance tests that measure battery consumption, CPU usage, etc. We're also adding more data visualization and charting so it's easy to see what some of the gathered statistics mean.
We plan to launch soon, but the beta program will remain in effect even after that. The service will follow a freemium model. Again, the beta is free and we're going to keep it in place even after we eventually launch.
Inter-device automation
Our back-end supports device-to-device automation, so if you have an app or scenario that you'd like to test that involves multiple devices or interaction with other devices, even non-Android devices, let me know. We're looking for people to help us develop how this service will be exposed.
Edit: I can't post links, but if you search for "appthwack" you'll find it. Btw, I've apparently lurked since October, 2008. Yikes.
Click to expand...
Click to collapse
I would like to test the tool, can you share with me..
Tested
Tested the tool, seems too good..
Suggestion : In-case if you want to reach maximum number of developer. Allow developer to use has free.
IDEA : You can request developer to post about you're tool on there app page, website & play store... As you're giving the tool as free you will get enough number of people to view & use the tool.. if the developer agree then you will allow him to use the tool for free of cost..
As a developer am ready to use the tool & post about you in my app & other places too...
This is a great tool, just uploaded an apk of my app that's in my signature and it worked, with a couple of NullPointers from the Play Store's licence service. That shouldn't happen, and doesn't on any of my devices, so I suspect it's an issue on your end. Any idea why?
HTML:
java.lang.NullPointerException at com.google.android.vending.licensing.LicenseValidator.verify(LicenseValidator.java:99) at com.google.android.vending.licensing.LicenseChecker$ResultListener$2.run(LicenseChecker.java:228) at android.os.Handler.handleCallback(Handler.java:605) at android.os.Handler.dispatchMessage(Handler.java:92) at android.os.Looper.loop(Looper.java:137) at android.os.HandlerThread.run(HandlerThread.java:60)
HTML:
FATAL EXCEPTION: background thread java.lang.NullPointerException at com.google.android.vending.licensing.LicenseValidator.verify(LicenseValidator.java:99) at com.google.android.vending.licensing.LicenseChecker$ResultListener$2.run(LicenseChecker.java:228) at android.os.Handler.handleCallback(Handler.java:608) at android.os.Handler.dispatchMessage(Handler.java:92) at android.os.Looper.loop(Looper.java:156) at android.os.HandlerThread.run(HandlerThread.java:60)
Borland
We are using Silk Mobile for end to end applications testing. Do you ever used this tool?
What an interesting service! I'll look into this from work tomorrow.
Not having used this at all, the first things which do spring to mind are:
-streaming realtime logcat
-a (skype?) connection with live streaming video of the app running, so you can see layouts/animations etc.
Anyway, I'm going to check this out tomorrow!
Quinny899 said:
This is a great tool, just uploaded an apk of my app that's in my signature and it worked, with a couple of NullPointers from the Play Store's licence service. That shouldn't happen, and doesn't on any of my devices, so I suspect it's an issue on your end. Any idea why?
Click to expand...
Click to collapse
Thanks for checking out the service. My immediate guess it that this is caused by the absence of a default Play account. Many devices have no account as one of our supported frameworks, calabash, removes accounts upon cleanup after script completion. On the plus-side, if you were to write scripts you should be able to add a temporary account from the test itself.
Highly unlikely you'd hit this bug in a real world situation, but it is a bug nonetheless.
Really awesome service! Can't test it for the moment as it doesn't support root apps, but this is really a great concept :good:
Maybe you could build a superuser permissions manager which would grant root access but makes sure to keep /system mounted as read-only, this way no harm could be done to the devices and us root apps devs could use your awesome service.
I actually got quite a few ideas, you could delete the mount binary in /system/xbin and use it in an internal appthwack app's private data, so that it's the only app able to call this binary and thus to mount /system.
I'd definitely subscribe to AppThwack if it had root support.
If you want help with developing this kind of secure root environment for the testing, I'd gladly contribute.
EDIT : Strangely enough, I just tested it with my app (which asks for root in the launcher activity, so I really didn't expect it to work) and had 0 failures, 75 pass.
How comes ? Have you already added root support ?^^
Either way this is really cool, I'm going to spread the words and most likely subscribe a paid account :good:
Is there somewhere we can see pictures of your device lab? Gotta be one hell of a device museum you got over there^^
Androguide.fr said:
Really awesome service! Can't test it for the moment as it doesn't support root apps, but this is really a great concept :good:
Click to expand...
Click to collapse
Awesome, thanks for the kind words!
EDIT : Strangely enough, I just tested it with my app (which asks for root in the launcher activity, so I really didn't expect it to work) and had 0 failures, 75 pass.
How comes ? Have you already added root support ?^^
Click to expand...
Click to collapse
This is pretty interesting. The only two rooted devices are a couple running CM. I'll look into this further, and if you have any ideas I'd love to hear them as well.
Either way this is really cool, I'm going to spread the words and most likely subscribe a paid account :good:
Is there somewhere we can see pictures of your device lab? Gotta be one hell of a device museum you got over there^^
Click to expand...
Click to collapse
Sweet, I really appreciate it. As soon as I have the number of posts to do so I'll post a pic of the lab.
Some things can not be automated, like scanning a QR code or reading/writing to an NFC tag. Do you plan on adding "manual tests" for a fee?
This would be really great to test apps on specific hardware.
worldtiki said:
Some things can not be automated, like scanning a QR code or reading/writing to an NFC tag. Do you plan on adding "manual tests" for a fee?
This would be really great to test apps on specific hardware.
Click to expand...
Click to collapse
Thanks for the question! Our primary focus is on automation. There are existing test houses and services that will execute manual tests like those you describe, but of course because of the manual component they're slow and expensive.
We often push folks to break their testing down into more granular chunks. For instance, verify you can take a picture and deal with the image, even if it's not the QR code or whatever your app usually consumes. This will find problems with simply using the camera and resulting image location. Now, have a separate test that processes a photo of a QR code, but feed the image in as part of the test. This removes the camera component from the analysis part, meaning it's now possible to benchmark the image analysis algorithm on all devices.
With a combination of a service like ours where you test very, very quickly on tons of devices, you can now do some more UX/end-to-end tests on a handful of devices yourself. This hybrid approach is great for finding the vast majority of issues before release.
nice post
Realy interesting, for us
Awesome tool !
No Developer can test his/her app on many devices. But your tool ... A W E S O M E ! ... I Used it yesterday to test two of my new apps ... Found some error is my app on certain devices which i'd have never found without AppThwack .. :good: :good:

Creating simple contacts' application

Hello all!
I am looking into development of something which is similar to people's list in people hub. What I want is a huge list of people on one page with (of course) LonglistSelector. When I tap a member of the list, I want the user to be navigated to the details page of that item. User needs to be able to manipulate and modify the data on the details page. The list is going to be real huge. I have a few question about the approach.
1. What is the best way to store data? I am thinking of creating local database with a few columns with person's name in one column, age in another etc.
If this is the approach to go for, can anyone provide me detailed description about the databases? I have deeply gone through the MSDN, WindowsPhoneGeek and many other documentations. I feel dumb about the whole database scenario.
2. Is XML list as database a good approach for large amounts of data or it will be pain?
i would say SQL CE is your best bet to store huge amounts of data. XML is slow at large volumes of data when compared to JSON. I would prefer JSON over XML.
darthveda said:
i would say SQL CE is your best bet to store huge amounts of data. XML is slow at large volumes of data when compared to JSON. I would prefer JSON over XML.
Click to expand...
Click to collapse
So basically, I need to go with the local database using LINQ. Now, how do I do that? As I mentioned, I have read intensively. However, I just don't seem to get hang of it.
akshay2000 said:
So basically, I need to go with the local database using LINQ. Now, how do I do that? As I mentioned, I have read intensively. However, I just don't seem to get hang of it.
Click to expand...
Click to collapse
I created my local database with LINQ based off this sample:
http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh286405(v=vs.92).aspx
First define the columns which you would want to create and then modify the sample code to suit your needs.
For contacts, there is an excellent sample available:
http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh286416(v=vs.92)
if you are stuck with some particular piece of code then let me know, i would be glad to help you out
darthveda said:
I created my local database with LINQ based off this sample:
http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh286405(v=vs.92).aspx
First define the columns which you would want to create and then modify the sample code to suit your needs.
For contacts, there is an excellent sample available:
http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh286416(v=vs.92)
if you are stuck with some particular piece of code then let me know, i would be glad to help you out
Click to expand...
Click to collapse
I had gone through those links earlier! Back then, they made very little sense to me. I have researched a bit by now. I will update here if I get stuck somewhere.
hi
i had read the thread now and maybe this example of MS can help you... it's not based on local database, but uses ASP.NET Web API!
so maybe this is a way for you..
darthveda said:
if you are stuck with some particular piece of code then let me know, i would be glad to help you out
Click to expand...
Click to collapse
I'm attaching my code file to the post. When I try to run the app and click the button (it tries to add an item to the observablecollection) I get NullReferenceException error. Apparently, the collection's instant hasn't been created. But I tried to instantiate it using 'new' keyword - no luck. Am I doing anything wrong?
akshay2000 said:
I'm attaching my code file to the post. When I try to run the app and click the button (it tries to add an item to the observablecollection) I get NullReferenceException error. Apparently, the collection's instant hasn't been created. But I tried to instantiate it using 'new' keyword - no luck. Am I doing anything wrong?
Click to expand...
Click to collapse
solution folder will be better, you are using telerik controls, i can't recreate your solution.
It's done!
darthveda said:
solution folder will be better, you are using telerik controls, i can't recreate your solution.
Click to expand...
Click to collapse
Thanks for the response! After a lot of debugging and (almost literally) adding Debug.writeline after each line of code, I managed to solve it. It had nothing to do with the Database or the ObservableCollection. It was totally different - GroupDescriptor issue! More details here: http://stackoverflow.com/questions/...ion-while-adding-item-to-observablecollection
I'll post here if I get stuck with something again.
Again, thanks a lot!
Any reason you are using telerik controls? for starters and very simple programs, you can use controls from silverlight toolkit or coding4fun toolkit. i am using longlist selector which does the job just like the jumplist from telerik controls does.
darthveda said:
Any reason you are using telerik controls? for starters and very simple programs, you can use controls from silverlight toolkit or coding4fun toolkit. i am using longlist selector which does the job just like the jumplist from telerik controls does.
Click to expand...
Click to collapse
No specific reasons except that the Jumplist provides StickyHeader functionality. And animation framework seems nice addition too!

[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.

Calabash-Android

Hello, I'm new on XDA and I am working on test for an application. And I made scenarios using calabash-android, cucumber and ruby.
Before I explain my problem, I want to know if I am in the right section and if somebody use or know calabash-android ?
Thanks, Momo James
Momo James said:
Hello, I'm new on XDA and I am working on test for an application. And I made scenarios using calabash-android, cucumber and ruby.
Before I explain my problem, I want to know if I am in the right section and if somebody use or know calabash-android ?
Click to expand...
Click to collapse
I think that you don't found a thread about your test application, but you can develop here what you want to do or explain.
Good luck :good:
For info for other members
Calabash enables you to write and execute automated acceptance tests of mobile apps. Calabash is cross-platform, supporting Android and iOS native apps. It is open source and free, and has a company, LessPainful, backing and developing it.
Calabash consists of libraries that enable test-code to programmatically interact with native and hybrid apps. The interaction consists of a number of end-user actions.
Click to expand...
Click to collapse

Categories

Resources