[CLOSED] What is UI UX Design? - Design, Prototyping, UI, Graphics

Finally, you have decided what your product is going to look like and how you want your user to experience it. If you ever wanted to know what is UI UX design all about? Then this is the simplest way to understand them. The UI also called the user interface is responsible for giving the important pointers to the user suggesting the next move. The UX also is known as the user experience gives the user a good experience after following the pointers. Well, this is for the layman to understand the difference between the UI vs UX. ( {Mod edit} )

Why Should You Choose Minimalistic UI Design for Your Mobile App?
As soon as you install an app and open it for the first time, what is the first thing that instantly catches your attention? Well, for many out there, it has to be its design. If an app design is intuitive, it is certain to enamor the user and next they would focus on the features. However, if an app is highly-features, but has a boring or complex design, then the users are certain to uninstall it soon enough.

UI/UX Design
The “UI” in UI design stands for “user interface.” The user interface is the graphical layout of the application. “UX” stands for “user experience.” A user’s experience of the app is determined by how they interact with it.

Noob
I need to learn UX or UI designing, where I should go, or how many times it takes? please reply

UX design introduces to the term “user experience design”, while UI stands for “user interface design”.
On the most basic level, UI is built up of all the elements that allow someone to communicate with a product or service. UX, on the other hand, is what the individual communicating with that product or service gets away from the entire experience.

Difference Between UI and UX design
If you want to understand the difference between UI and UX, I advise you to read the blog articles. The article The difference between UI and UX design describes each of the terms in detail.

the ui Is "Simply" part of UX, that is a general and more complex topic.
Sent from my Redmi Note 8T

Related

wp7 mod by android

http://www.youtube.com/watch?v=0S6NMH4ry-4&feature=player_embedded#at=148
i would just love wp7 to look like that, lets hope that after mango rtm release, hackers and modders will start to make such a great things
it looks a lot like bada
I saw this some time ago. Great design.
That is a big negative for me. Don't mess Windows phone up with Android style.
Just let the Metro UI be itself. The only thing i want in Metro Ui, is the ability to change the background (not the lockscreen) and the icon has a glassy style, in order to view the background through the list of apps.
That is all i want, Microsoft WP teams are doing their best to give a top performance for Windows Phone user, i perfer that way to a OS that everyone can touch and then the OS is given the worst feedback from User because they use a bad-coded custom ROM.
Just take Android for an example. Android itself , or Google Build, never hear any complaination, or less than all other Carrier/Factory Custom Build.
About making a good custom ROM, i will give HTC a go, they usually make the best custom ROM from Windows Mobile 6.5 to Android.
Looks ugly. The current UI is much better, simpler and better looking. Shiny buttons and gradients are way overused.
sure it's different, but not using the space wisely. one widget can display time, date, news, weather, and a favorite rss feed or two.
ok, TILE, one tile can. widget, tile, whatever.
i was too slow on the screenshots to get teh time changing, and video, well, video screen casts are just annoying to edit, so here's a couple of stills. much less space used, and the information is still there.
ugh, leave metro alone, i left android for a reason, and a bad UI is one of them. :\
...oh no...please don't......
If I wanted an overload of ugly widgets, I would have bought an Android device. Metro is simple, clean and beautiful just the way it is.
noone said that metro looks bad, i just think that with mods, wp7 scene can make it better, i love wp7 but for now i have to scroll whole page to get to bottom tiles,
Some informations should be visible right after screen unlock, and limiting them to 8 tiles (that are visible without scroll) is not enough.
And honestly its xda developers for god sake, so dont tell me you wouldnt like some mods.. : O
Do it yourself
ok, thanks for useless suggestion useless guy
behh said:
noone said that metro looks bad, i just think that with mods, wp7 scene can make it better, i love wp7 but for now i have to scroll whole page to get to bottom tiles,
Some informations should be visible right after screen unlock, and limiting them to 8 tiles (that are visible without scroll) is not enough.
And honestly its xda developers for god sake, so dont tell me you wouldnt like some mods.. : O
Click to expand...
Click to collapse
there's been other concepts which i feel were better in the design department to get more information on the initial start screen such as these:
http://www.wpcentral.com/fan-concept-ii-what-if-windows-phone-had-folders
http://www.wpcentral.com/fan-concept-what-if-windows-phone-had-smaller-tiles
those keep in line with the metro design better imo.
i'm all for mods, but i'd rather them take longer and put some thought into the UI as to not ruin it
Screw the mods. MS got it right the first time lol. I have an Android and want a WP7 sooooo bad because of the simplicity and those sexy tiles.
And the cool menu pages, sliding right to left and vice versa. Sweet as candy.
I think WP7 should stay the way it is, because its just right. Maybe android can look like that, lets all remember android is the one os that embraces customization. WP7 don't.
I don’t think MS will or should allow to change the UI, WP7 identity is the UI... beside the smooth OS....
ppl have to chose what they what tile or widgets...
Yeah if they change the ui at all, I'm sticking to Android. Mine as well have all of the customization if I can only have "some". It is beyond perfect the way it is lol.
behh said:
http://www.youtube.com/watch?v=0S6NMH4ry-4&feature=player_embedded#at=148
i would just love wp7 to look like that, lets hope that after mango rtm release, hackers and modders will start to make such a great things
Click to expand...
Click to collapse
FUGLY. I still hate widgets on my Omnia 2. Brrr
Metro is just fine.

Pros/Cons of WP7 ?

I recently jumped the ship from iOS to Android, and being dissapointed by the "Android-Experience" (Overall esthetics, User-friendliness, etc etc..), I was considering changing to WP7. Would it be possible for someone to list the major pros & cons of WP7, 'cos I haven't been able to try it out yet.
Thanks in advance.
Sent via my magical HTC Wildfire S.
For me its about the user interface and the stability. To give you an idea - I have an iPad and was an iPhone user from the first until the 3GS. I then used a Nexus One for 18 months.
Windows phone offers a better interface than iOS in that it puts emphasis on the information rather than pointless Chrome and interface elements like buttons etc. Its the only mobile OS thats actually innovative in its approach to displaying info.
In terms of stability it knocks the socks off of android because the thing actually does what it says it will all of the time. With Android i always feel like its hit and miss.
However what i will say is that the quality and the reach of the apps needs to improve. now Ms has sorted out the multi tasking and notifications service with Mango it will take some decent competitive apps to keep me here as i have been flirting with Android again recently. ( for example the Twitter app has no notifications, birdsong aint bad but only polls every 5 minutes).
Hope this help!
Jay
I dont want to spam, but i am a Android Xperia Neo (2.3) and a WP7 Mango (with the HTC Trophy user) and i recomend you to see this video I made up youtube.com/watch?v=NNo13-LUlHo (if it inst allowed than i will remove the link). Well i prefer WP7 because of its estability and interface and smoothness. Sorry for my bad english
Jay_uk1185 said:
For me its about the user interface and the stability. To give you an idea - I have an iPad and was an iPhone user from the first until the 3GS. I then used a Nexus One for 18 months.
Windows phone offers a better interface than iOS in that it puts emphasis on the information rather than pointless Chrome and interface elements like buttons etc. Its the only mobile OS thats actually innovative in its approach to displaying info.
In terms of stability it knocks the socks off of android because the thing actually does what it says it will all of the time. With Android i always feel like its hit and miss.
However what i will say is that the quality and the reach of the apps needs to improve. now Ms has sorted out the multi tasking and notifications service with Mango it will take some decent competitive apps to keep me here as i have been flirting with Android again recently. ( for example the Twitter app has no notifications, birdsong aint bad but only polls every 5 minutes).
Hope this help!
Jay
Click to expand...
Click to collapse
Notifications aren't a problem, I don't really use them. What really interested me was how all the "essential" stuff seemed accessible really easily, and that the whole GUI is clean/optimised.
Kim
Sent via my magical HTC Wildfire S.
omnomnomkimiiee said:
Notifications aren't a problem, I don't really use them. What really interested me was how all the "essential" stuff seemed accessible really easily, and that the whole GUI is clean/optimised.
Kim
Sent via my magical HTC Wildfire S.
Click to expand...
Click to collapse
You will be on to a winner with WP7 to be honest. It certainly presents the information in a far better and more innovative way than any of the competition and certainly works far more reliably.
The only caveat is that up until you have Mango - the live tile updates are terribly unreliable. (These are the widget-type tiles on the start screen)
Jay
WP7 is pleasure to use but is at an earlier stage in its life than ios or android, it has the potential to be a leading smart phones but I'd wait a few weeks to see if mango manages to push us to the forefront ?
Yeah, I was gonna wait a month or two to see how Android fares with me, and then eventually jump ship ... again
Sent via my magical HTC Wildfire S.
yup can't go wrong with wp7 everything is much faster and cleaner while android and iOS are just offering specs and graphics, wp7 is offering real usability and features.
Pro:
The performance is superb. No Android phone (even with dual-core) can match Windows Phone's. Apps rarely crash and rarely lags.
The whole WP OS UI carries a unified theme and even 3rd party apps seem to use the same theme.
The OS itself is very integrated. Many features that come build in to the WP OS are separate apps on other platform.
Con:
Lack of customization. You don't like how the WP OS looks? Too bad.
day2die said:
Pro:
The performance is superb. No Android phone (even with dual-core) can match Windows Phone's. Apps rarely crash and rarely lags.
The whole WP OS UI carries a unified theme and even 3rd party apps seem to use the same theme.
The OS itself is very integrated. Many features that come build in to the WP OS are separate apps on other platform.
Con:
Lack of customization. You don't like how the WP OS looks? Too bad.
Click to expand...
Click to collapse
The OS's look is the first reason I'd move to wp. The integration astounded me, we're only seeing it appear in iOS 5 (I'm a beta tester), and as for Android ...
I'd heard of the hardware stability, that'd be a definite plus+. Can't wait to try it out !
Sent via my magical HTC Wildfire S.
I look at WP7 as having the best of both iOS and Android.
On one hand you have the Android approach of different handset makers and a choice in hardware. Like Apple, Microsoft is showing tight control over the OS. So between two WP7 handsets you aren't going to see a huge difference in terms of how the OS performs. The biggest problem I have had with Android in the past is how the user experience is vastly different between two phones, especially when hardware manufacturers start skinning the OS.
You honestly can't go wrong with WP7, especially with the Mango update around the corner.
omnomnomkimiiee said:
Would it be possible for someone to list the major pros & cons of WP7, 'cos I haven't been able to try it out yet.
Click to expand...
Click to collapse
What type of user: "consumer" or business or both?
Your level of computer skills: basic or proficient?
CSMR said:
What type of user: "consumer" or business or both?
Your level of computer skills: basic or proficient?
Click to expand...
Click to collapse
User: both, private/business 30%/70%
Computer skills are rather mediocre in the ms/linux world, I'm more of an os x guy.
Sent via my magical HTC Wildfire S.
Pros:
WP7 is fast & stable
Does what it does very well
You can get in & get out fast
Integration
No "real" need for flashing custom ROM's
The UI is clean & easy to read
Cons:
If you're like me & like "hacking" your device, Mango killed Homebrew (Hopefully we'll find ways around this)
Customization (If you like the UI exactly as is, not an issue for you)
Lack of choices in certain functionality
3rd party apps are a bit immature
In the end I suggest going to your local carrier's store & playing with a display model or if a friend has one play with it. The best thing about WP7 is it's performance. Someone said that touching the screen is like touching the pixels. This is a very good analogy, because what ever you do (in most cases), the device reacts to your inputs almost instantaneously. You can't really see any lag except in maybe some 3rd party apps & especially homebrew, but with homebrew, that's performance issues of the hacks currently being used. The last couple days I've been playing with my ex's Android & it feels so slow. Granted it's a cheap no name $50 Metro PCS one, but still. When I try to scroll throw the apps list, it takes a few seconds for my touch inputs to actually be displayed. The screen has a delay of input of scroll to it actually scroll. Everything I try to do takes so long to do.
Than again, I don't understand why she even has an Android device or smartphone in general. She never setup a Google account, which i had to do to access the market for an app for her. She wants to record a couple voicemails. So, I installed a call recorder app for her. She never setup her home screen. It has 5 "tabs" or what ever their called on Android & she only has the stock icons on the main tab & a music player on another. Nothing else setup.
As for 3rd party apps on WP7, yes they're a bit lacking, but I hardly ever use any. I have a few games & 3rd party apps installed, but most of what I do is handled by the core WP7 functionality.
EDIT: Just a little correction to the person who mentioned Chrome. WP7 does indeed have the "Chrome" element of the UI. The Status Bar at the top that auto hides is Chrome & so is the Menu Bar. It just auto hides & in some apps, isn't there at all (aka fullscreen mode).
drkfngthdragnlrd said:
Pros:
WP7 is fast & stable
Does what it does very well
You can get in & get out fast
Integration
No "real" need for flashing custom ROM's
The UI is clean & easy to read
Cons:
If you're like me & like "hacking" your device, Mango killed Homebrew (Hopefully we'll find ways around this)
Customization (If you like the UI exactly as is, not an issue for you)
Lack of choices in certain functionality
3rd party apps are a bit immature
In the end I suggest going to your local carrier's store & playing with a display model or if a friend has one play with it. The best thing about WP7 is it's performance. Someone said that touching the screen is like touching the pixels. This is a very good analogy, because what ever you do (in most cases), the device reacts to your inputs almost instantaneously. You can't really see any lag except in maybe some 3rd party apps & especially homebrew, but with homebrew, that's performance issues of the hacks currently being used. The last couple days I've been playing with my ex's Android & it feels so slow. Granted it's a cheap no name $50 Metro PCS one, but still. When I try to scroll throw the apps list, it takes a few seconds for my touch inputs to actually be displayed. The screen has a delay of input of scroll to it actually scroll. Everything I try to do takes so long to do.
Than again, I don't understand why she even has an Android device or smartphone in general. She never setup a Google account, which i had to do to access the market for an app for her. She wants to record a couple voicemails. So, I installed a call recorder app for her. She never setup her home screen. It has 5 "tabs" or what ever their called on Android & she only has the stock icons on the main tab & a music player on another. Nothing else setup.
As for 3rd party apps on WP7, yes they're a bit lacking, but I hardly ever use any. I have a few games & 3rd party apps installed, but most of what I do is handled by the core WP7 functionality.
Click to expand...
Click to collapse
u earned a thanks from me. I do believe that th apps will get better once the mango ones hit the marketplace. I rarely use them tho as like yourself almost everything I do can be done in the OS on its own
I am on mango, here is my list:
Pros:
Smoothness
The live tiles (I know it sounds like the windows phone catchphase but mango upped the info and style of them and made them a powerful tool)
Social network intergation (having the people and messaging hubs allow you to do 80% of the stuff that you do on it I.E. Facebook and having the cache locally instead of waiting for an app to pull it live from the site.
Search and bing vision, audio, local scout (having it all at your fingertip)
Tellme! The voice command is awesome and I sometimes use it to show off =)
Metro UI, simple and clean and easy to look at
IE it is the smoothest browser around, no checkering
Cons:
Customization
Playing app catchup (mango should fix it and see a lot of ports from iOS and android very soon)
Video scrubbing
No way to bring back toast notications
The biggest thing is once you start use wp7, it grows on you and you find ways to do what you want and most of the time it is a better way than on any other device.
hardcoreplur said:
The biggest thing is once you start use wp7, it grows on you and you find ways to do what you want and most of the time it is a better way than on any other device.
Click to expand...
Click to collapse
This is probably one of the best descriptions I've heard about WP7 & couldn't be more true. While WP7 is not perfect. It does indeed grow on your & 99% of what you need to to you can figure out how to do in some ingenious ways. It is a beautiful thought out OS.
omnomnomkimiiee said:
Notifications aren't a problem, I don't really use them. What really interested me was how all the "essential" stuff seemed accessible really easily, and that the whole GUI is clean/optimised.
Click to expand...
Click to collapse
GUI and the essential smart-phone stuff (email, calendar, contacts, social media integration) work really well. I'm sure you'll be pleasantly surprised!
Bad things you'll discovered compared to iOS is lack or apps, and lack of google maps and other google services. Remember WP7 uses Bing, which is very USA-centric, and Microsoft keep regions very cut off from each other. So if you do live in France as your avatar suggests, you may find several features (such as maps and local scout) don't work, and the French app store may be pretty sparse (and no you won't be allowed to access the UK or US one).
I 2nd that. WP7 as far as services go is a worse experience outside the US, & something you should look into before making a decision.
Many people complains about the need for Zune Sync instead USB Mass Storage. I am the opposite one - I like this better. Why?
You are sure, that the phone will play the music or movie (converting 1.5 hours long movie took 3 minutes on my PC).
Also, when you are watching movie on phone, then close it somewhere during the movie, sync the phone to PC and open the movie in PC (through Zune), it will continue where you left off - that is something that without Zune Sync can't be done.
I use Zune for listening to music anyway. Just drag & drop the music on icon of your phone and once you connect it, it synces all the changes and adds music and what not.
And major PRO for WP7 is the UI. Best UI around. UI designed for phone from beginning, that is not just rows and columns of icons.

teamROU [Anywhere]: Lead Developer on ROU Launcher

About teamROU and ROU Launcher
teamROU is an app team (currently in the process of being formed as a company) that is currently developing ROU Launcher, an innovative new launcher that will change how users use their homescreens and apps.
teamROU is a worldwide team; we have members around the world working for us. We have no single office. Therefore, you would not have to relocate for this position.
The Brief
ROU Launcher is actively being developed by our team. However, we currently lost our lead developer, who was an experienced Android coder. Once he left, most of our other developers left. We are now very stretched for developers, hence why we need more.
ROU Launcher is a new launcher for Android, that looks beautiful, but is also massively functional. Apps are grouped into categories in the app drawer, allowing easy finding of the apps.
The widgets in ROU Launcher are highly unique, and like the rest of the launcher, look great. These widgets can add appointments to your calendar, check your unread email and read your Facebook and Twitter social network accounts. Watch our promotional video here!
Responsibilities
• Working with our other developers to build ROU Launcher
• Adding new innovative features
• Coming up with ways to solve complicated coding-related problems
• Communicate regularly with other developers through our project tracker and email
Candidate profile
You must be able to:
• Code in both Java and Android, and have experience in both of these platforms
• Know your way around Eclipse IDE (or your preferred IDE, providing you can prove you can use it effectively) and the Android SDK
• Speak and write fluent (or near-fluent) English - to communicate with our other developers and designers
• Have unwavering commitment to the task at hand and the project as a whole
• Be able to get on with your fellow developers and teammates
• Be able to lead the develop team if needed, and be ready for this at all times
• Know how to use the version control system, git
What we’d like to see
Any apps you’ve created before on the Android platform
A sense of teamwork and commitment
References from previous employers or clients, or reviews of your app, either on blogs or in the Android Market
A CV or resumé with your work, educational and personal history
If you think you’d like to apply for this job, email philip.e.oakley(at)gmail.com

[RESOURCES] Useful Android Design Resources thread

Hey guys, I've recently been working hard on redesigning my app and here's a compilation of resources I found useful along the way.
Please post yours so I can add them to the OP.
Online Tools
Android Asset Studio by Roman Nurik
This is an awesome tool which allows you to generate pixel-perfect drawables for your app, directly downloadable and resized for all screen resolutions (xxhdpi/xhdpi/hdpi/mdpi/ldpi) including :
Launcher icons
Action Bar & Tab icons
Notification icons
Generic icons
Tabs icons for pre-honeycomb
Menu icons for pre-honeycomb
All icons can be created either from an image, from the provided cliparts, or even from text
An Alternative Device Frame Generator containing more devices and less strict in term of the original screenshot resolution than the official one
A very useful Nine Patch Generator
This tool is open source, too : http://code.google.com/p/android-ui-utils
-----------------------------------------------------------------------------------
Android Action Bar Style Generator by Jeff Gilfelt
This great tool allows you to generate all the necessary resources (xml, drawables, nine patches, you name it) for your custom ActionBar theme. The Holo guidelines recommend to style the ActionBar with your branding color as an accent for example, well it's never been so easy with this tool.
You can choose the color for all the components of the ActionBar :
ActionBar color & style (solid/transparent)
Stacked Color
Popup Color
Accent Color
Contextual Action Bar background color and highlight color
Oh, and it's compatible with ActionBarSherlock, too!
-----------------------------------------------------------------------------------
Android Holo Colors Generator by Jérôme Van Der Linden
This nifty tool allows you to generate a custom style for all the most usual UI components such as :
EditText
AutoComplete
Button
Colored Button
CheckBox
RadioButtons
Spinner
Colored Spinner
ProgressBar
SeekBar
RatingBar (normal/small/big)
Toggle
ListSelector
Fast Scroll
Switch
Just like the other Asset Studio-based tools, it generates a zipped res folder that you can directly merge into your app
-----------------------------------------------------------------------------------
Android DPI Calculator by Martin Cohen
A very useful tool, I use it all the time. Simply input a width and/or height and it will convert it for you to all screen resolutions (even tvdpi)
-----------------------------------------------------------------------------------
UX Metaphor Equivalents for iOS & Android by Kintek
If you're an iOS developer/designer and are converting your existing apps or making the switch to Android (or the other way around), this tool will allow you to compare both platform SDKs's native UI widgets and find the right equivalents for each component.
-----------------------------------------------------------------------------------
Offline Tools
The Photoshop Android Design Kit by Taylor Ling : a great tool to design mockups and wireframes for you app, and now, since last update, it even includes some popular custom views such as Google Now cards, Croutons, undo-bar etc...
Custom Views & Libraries
I'm not going to make a list of all the awesome open source libraries the android community has created, this would be impossible.
But I'm going to give you links to external websites and even apps who try to achieve this goal, really go take a look, this is very inspirational :
AndroidViews.net by Nadav Fima : the name says it all. It's a website which only feature libraries related to the UI and design. My favourite of this list.
DevAppsDirect by Kenneth Lewelling : a great little app which presents many libraries and allows you to directly launch their demos, very useful to find inspiration.
The Ultimate Android Library by Alexandre Gherschon : a website AND an app showcasing many great libraries (The app is here)
This article from vogella.com : a compilation of useful open source libraries, again
Websites & Blogs
THE ANDROID DESIGN GUIDELINES : I can't stress it enough, read this twice!
AndroidUiPatterns.com : a very nice blog about android design and ux
AndroidNiceties : a blog that's basically a collection of screenshots taken from beautiful, holo-compliant (most of the time) apps. Great source of inspiration.
Romain Guy's blog : Romain Guy is an Android engineer at Google, and his blog is full of very useful articles, like these two about improving the UI performance of your app -> here & here
AndroidDevWeekly.com : a great weekly (obviously) newsletter containing cool news and links about android development/design, I highly recommend to subscribe
The official Android Engineers's blog : says it all I guess^^
Chet Haase's blog : Chet Haase is an Android engineer at Google working particularly on animations and the animation framework, his blog is full of cool infos and snippets
Cyril Mottier's blog : a great resource by a great dev, he writes very good articles and libraries and his blog contains some really awesome posts (i.e : ListView tips & trick, Android app launching made gorgeous & Pull to refresh, an anti pattern)
StylingAndroid.com : great android design blog by Mark Allison
AndroidUIUX.com by Taylor Ling : the blog maintained by the creator of the Photoshop Android Design Kit
Lucas Rocha's blog (Android dev at Firefox) : http://lucasr.org/
Videos
Android Design in Action : an awesome weekly show held by Android engineers Roman Nurik, Adam Kosh & Nick Butcher. They often do redesigns of existing apps, give many great advices. They usually focus on one specific type of apps in each episode, maybe your type of app has already been treated!
Dev Bytes : Held by Android engineer Chet Haase (and sometimes Nick Butcher), Dev Bytes is a great series of short episodes showing you how to implement some nice animations and transitions to jazz up your apps
The App Clinic : Held by Android engineers Reto Meier & Ian Ni-Lewis, this is a weekly show which takes a look at existing apps and talk about what's good and bad in their UI/UX approach
Guides
THE ANDROID DESIGN GUIDELINES (Yeah I know, but I told you, read it twice! :silly
The Android Designer's Cheatsheet : great all-around guide to understanding the basics of Android design (including density buckets, how ninepatches work, 48dp rule & pattern, naming conventions, etc...)
Really awesome but is this for framework-res only?
dragonhustler said:
Really awesome but is this for framework-res only?
Click to expand...
Click to collapse
This is for app development. The res folder of an app's sources holds the image drawables, as well as xml layouts, strings, style declarations etc...
But I guess it could also be used to mod the android framework, idk, I'm not really into rom theming.
This is awesome! Thanks a lot!
Added two new entries :
Lucas Rocha's blog (Android dev at Firefox) : http://lucasr.org/
The Android Designer's Cheatsheet : great all-around guide to understanding the basics of Android design (including density buckets, how ninepatches work, 48dp rule & pattern, naming conventions, etc...). Really good one, go check it out!
ActionBar Sherlock not linked?! PREPOSTEROUS!
No mention of Android Design in Action on androiddevelopers youtube channel?EVEN MORE PREPOSTEROUS!
There's also AmbilWarna, Apache licensed, colour picker compatible with 2.1+ (I think). It's super nice.
For super nice colour schemes visit http://www.colorschemer.com/ or www.colourlovers.com/.
Pro tips for guys on Linux.
Install gPick. This way you can easily pick colours off the screen and plug them into the tools from above.
There is also Agave app that will create a colour scheme off of a one or more colours.
Create a custom launcher for ever website from Asset Studio.
Create a file with with desktop extension in
Code:
~/.local/share/applications
with these contents
Code:
[Desktop Entry]
Name=Android Asset Studio Launcher Icon Generator
Exec=google-chrome --app=http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html#foreground.space.trim=1&foreground.space.pad=0&foreColor=33b5e5%2C0&crop=0&backgroundShape=none&backColor=ffffff%2C100
Terminal=false
Version=1.0
Type=Application
It will launch it as it was an app.
If you are more of a Photoshop guy, try Pixlr for online image editing
el_bhm said:
ActionBar Sherlock not linked?! PREPOSTEROUS!
No mention of Android Design in Action on androiddevelopers youtube channel?EVEN MORE PREPOSTEROUS!
There's also AmbilWarna, Apache licensed, colour picker compatible with 2.1+ (I think). It's super nice.
For super nice colour schemes visit http://www.colorschemer.com/ or www.colourlovers.com/.
Pro tips for guys on Linux.
Install gPick. This way you can easily pick colours off the screen and plug them into the tools from above.
There is also Agave app that will create a colour scheme off of a one or more colours.
Create a custom launcher for ever website from Asset Studio.
Create a file with with desktop extension in
Code:
~/.local/share/applications
with these contents
Code:
[Desktop Entry]
Name=Android Asset Studio Launcher Icon Generator
Exec=google-chrome --app=http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html#foreground.space.trim=1&foreground.space.pad=0&foreColor=33b5e5%2C0&crop=0&backgroundShape=none&backColor=ffffff%2C100
Terminal=false
Version=1.0
Type=Application
It will launch it as it was an app.
If you are more of a Photoshop guy, try Pixlr for online image editing
Click to expand...
Click to collapse
I believe you should re-read the OP, Android design in action is mentioned, and as I said I'm not making a list of libraries, but ActionBarSherlock is featured on maybe 50% of the sites I linked.
The assets studio icons generator is featured too.
The size 7 was pretty unnecessary too
Androguide.fr said:
I believe you should re-read the OP, Android design in action is mentioned, and as I said I'm not making a list of libraries, but ActionBarSherlock is featured on maybe 50% of the sites I linked.
The assets studio icons generator is featured too.
The size 7 was pretty unnecessary too
Click to expand...
Click to collapse
I never said ASIG wasn't in there. Speaking of reading the OP?
Android Design in Action - fair.
Sherlock Actionbar should be here. Why? Because for once, it should be a one stop shop. Second, people still don't use it and use old look. Third, there are applications that are branded as Holo and are not compatible backwards as they don't use SAB, but latest API. As in there are still people not using it for no good reason.
The first useful post for real app development on this board.
These two videos from the Google I/O 2013 are related to Android UI design:
https://www.youtube.com/watch?v=s0HIP8EdlnE
https://www.youtube.com/watch?v=Jl3-lzlzOJI
nikwen said:
These two videos from the Google I/O 2013 are related to Android UI design:
https://www.youtube.com/watch?v=s0HIP8EdlnE
https://www.youtube.com/watch?v=Jl3-lzlzOJI
Click to expand...
Click to collapse
Thanks for those buddy
Thanks for the great thread!
Sent from my Galaxy Nexus using Tapatalk 2
We just released PortKit: UX Metaphor Equivalents for iOS & Android http://kintek.com.au/blog/portkit-ux-metaphor-equivalents-for-ios-and-android/ keen for comments/suggestions
madhavakintek said:
We just released PortKit: UX Metaphor Equivalents for iOS & Android http://kintek.com.au/blog/portkit-ux-metaphor-equivalents-for-ios-and-android/ keen for comments/suggestions
Click to expand...
Click to collapse
That's pretty nifty :good:
Having absolutely no experience with iOS development it's nice to see the equivalent UI widgets on this platform, and how much iOS7 got "Androidifyed", especially in terms of typography. (and also how thankful we can be for having Holo, IMO^^).
Adding this to the OP.
Forgive my n00bness but what does "Adding this to the OP" mean?
Yes, there are elements which are similar but if you watch the WWDC 2013 videos on whats new, youll see that iOS 7 is far more than Holo and the Android UI.
iOS has been hardware accelerated using OpenGL ES from the beginning which is why a the iPhone 3GS with barely any cpu or memory was able to provide a smooth experience better than most Android phones until Project Butter and dual core cpus on the Android Platform.
The truth is Android throws processing power at the problem rather than tackling it from an intelligent approach.
In iOS 7 the UI APIs have been rewritten and then the interface has been written with those APIs meaning that anyone can do exactly what apple does in their interfaces.
Every single view is backed by a CALayer which is an open gl surface. They have added some damn good Physics and advanced animation apis in iOS 7 so I expect to see some crazy interfaces a year from now.
Probably their greatest addition is keyframing and auto tweening between any two given collections creating a seemless transition between views.
The parallax stuff is pretty cool too. I dont expect Apple to release 3D screens any time soon but if they did iOS would have the best OS level support for depth within UI's.
I imagine its only a matter of time before passive 3D displays become the norm.
There are rumours that the Android Card style interface is what we will see in Key Lime Pie. If thats the case iOS 7 and Android 5 are going to look very similar.
Anyway, why not have the best of both worlds?
Despite Androids popularity, it would be nothing if it wasnt for iOS originally, and now vica versa, Google stepping up their game with ICS/JB has forced innovation around the market. I think they are both great.
madhavakintek said:
Forgive my n00bness but what does "Adding this to the OP" mean?
Yes, there are elements which are similar but if you watch the WWDC 2013 videos on whats new, youll see that iOS 7 is far more than Holo and the Android UI.
iOS has been hardware accelerated using OpenGL ES from the beginning which is why a the iPhone 3GS with barely any cpu or memory was able to provide a smooth experience better than most Android phones until Project Butter and dual core cpus on the Android Platform.
The truth is Android throws processing power at the problem rather than tackling it from an intelligent approach.
In iOS 7 the UI APIs have been rewritten and then the interface has been written with those APIs meaning that anyone can do exactly what apple does in their interfaces.
Every single view is backed by a CALayer which is an open gl surface. They have added some damn good Physics and advanced animation apis in iOS 7 so I expect to see some crazy interfaces a year from now.
Probably their greatest addition is keyframing and auto tweening between any two given collections creating a seemless transition between views.
The parallax stuff is pretty cool too. I dont expect Apple to release 3D screens any time soon but if they did iOS would have the best OS level support for depth within UI's.
I imagine its only a matter of time before passive 3D displays become the norm.
There are rumours that the Android Card style interface is what we will see in Key Lime Pie. If thats the case iOS 7 and Android 5 are going to look very similar.
Anyway, why not have the best of both worlds?
Despite Androids popularity, it would be nothing if it wasnt for iOS originally, and now vica versa, Google stepping up their game with ICS/JB has forced innovation around the market. I think they are both great.
Click to expand...
Click to collapse
The OP is the "original post" or the "original poster". In this case he means his list in the first post.
Please do not start another argument about which one is better.
Cool thanks.
Wasnt an argument just wanted to point out some facts about the underlying mechanisms in the new UI.
As I said at the end of my post im big fans of both.
madhavakintek said:
Forgive my n00bness but what does "Adding this to the OP" mean?
Yes, there are elements which are similar but if you watch the WWDC 2013 videos on whats new, youll see that iOS 7 is far more than Holo and the Android UI.
iOS has been hardware accelerated using OpenGL ES from the beginning which is why a the iPhone 3GS with barely any cpu or memory was able to provide a smooth experience better than most Android phones until Project Butter and dual core cpus on the Android Platform.
The truth is Android throws processing power at the problem rather than tackling it from an intelligent approach.
In iOS 7 the UI APIs have been rewritten and then the interface has been written with those APIs meaning that anyone can do exactly what apple does in their interfaces.
Every single view is backed by a CALayer which is an open gl surface. They have added some damn good Physics and advanced animation apis in iOS 7 so I expect to see some crazy interfaces a year from now.
Probably their greatest addition is keyframing and auto tweening between any two given collections creating a seemless transition between views.
The parallax stuff is pretty cool too. I dont expect Apple to release 3D screens any time soon but if they did iOS would have the best OS level support for depth within UI's.
I imagine its only a matter of time before passive 3D displays become the norm.
There are rumours that the Android Card style interface is what we will see in Key Lime Pie. If thats the case iOS 7 and Android 5 are going to look very similar.
Anyway, why not have the best of both worlds?
Despite Androids popularity, it would be nothing if it wasnt for iOS originally, and now vica versa, Google stepping up their game with ICS/JB has forced innovation around the market. I think they are both great.
Click to expand...
Click to collapse
I wasn't even fetching that far, just saying that strictly in terms of design, the Holo visual language seems much more appealing to me. But that's my personal opinion.
And yeah, as nikwen said, it meant "Adding an entry for this tool in the original post"
Hi Androguide.fr, thanks yeah I understand what you meant. I guess the thing is, I see a UI as more than the default interface thats provided but more as the capabilities of the UI for future apps. I watched all the WWDC videos and id say the physics and dynamic animation stuff is a vital element to the overall interface, one that screenshots do not convey.
If you consider what the original iOS looked like and compare that to some of the awesome interfaces that third party app developers created, and in the same token what users are able to do with the new Holo theme and its widgets compared with say 2.x.
I think its too early to tell if this visual style is a bad thing or if it will simply get out of the way of the user and provide 3rd party app developers with some great tools to create some really amazing interfaces.
The Windows 8 flat interface was laughed at quite a bit when it was first shown off, but it seems most interfaces are gravitating towards flat. All design goes through phases of vogue. I think were beginning to see the same thing that fashion has had for 50 years which is recycling of ideas and styles to provide brief periods of "re-freshness".
Anyway, thanks very much for putting our toolkit in your Pinned post.
I look forwards to creating some other great content or tutorials in the future which can be of value to the XDA community.
Hi Androidguide.fr, I just noticed your OP links to Taylor Ling's Android PSD file:
http://androiduiux.com/2013/03/12/android-ui-design-kit-psd-4-2-free-download/
It might not be obvious but we have our own linked from PortKit too:
http://kintek.com.au/blog/android-ui-design-psd-free-download/
They are not identical so there should be value in ours too. Especially because we have the icon set in there as well.
Cheers

Looking for an experienced developer!

Hello everybody,
We are a two member team with an application idea that we think could be useful for a lot of people. We have a list of features and a complete UI design plan. A video showing the features is also being created.
The application is intended to handle the notifications in a smarter way. To achieve that, we need a Google Chrome extension also. (Please notify us in your e-mail, whether you have already experience in developing Chrome extensions!).
With a simple and easy to use interface, this app is only intended for doing a few things, but doing those efficiently and fast.
We do not have a business, or any money. Our payment for a developer would be a % cut of the revenues, or we could try crowdfunding the idea. If it works out, we could partner up for future projects too, because we have an another app idea also (it is significantly bigger and much harder to make).
If you are interested in more details and UI design pictures, PM, or send an email to [email protected]
Please only write if you think that this idea has potential. If you have previous experience from developing an app, please include a link of that in your message.
Thank you!

Categories

Resources