background preloader

40 Beautifully Designed Mobile Apps With Excellent UI Experience in Mind

40 Beautifully Designed Mobile Apps With Excellent UI Experience in Mind
With so many apps being released in such a short period of time, designers need to really create apps that stand out. In this roundup we’re sharing 40 beautifuld mobile app designs with excellent UI experience in mind. Also at the end of the post you’ll find some more resources to follow top mobile app design trends. Mobile apps are even changing the way we design anything nowadays! Everybody is pushing to higher resolution with new retina displays (iPad3) and I believe whole web will get super beautiful and sleek soon enough! But before it happens we can inspire from these high quality inspirational mobile app designs. Only one big difference in my opinion is touch screens – for mobile and tablets you need to put big attention in UX, usability. If you are designing mobile apps yourself, I would strongly encourage to download a lot of these apps on your mobile, tablet and play with them! Which is your favorite mobile app by design and usability? 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. Related:  Design - iOS dev

PNG vs JPG 100 Tools to Develop the Next Killer iOS or Android App <i><i><i><i><i><i><i><i><i>This post is #11 in DailyTekk’s famous Top 100 series which explores the best startups, gadgets, apps, websites and services in a given category. Total items listed: 113. Time to compile: 6+ hours. Follow @DailyTekk on Twitter to make sure you don’t miss a week! </i>*} There’s quite a list of people who are interested in creating iPhone/iPad and Android apps these days. There’s truly something for everyone here. 100+ Professional Social Media Business Tools for Brands and Marketers I’m sure there’s more than 100 awesome tools for creating awesome iPhone, iPad and Android apps out there so if I missed something good leave me a comment to let me know! Post Navigation Random + Noteworthy Tools DIY (No Coding) App Creation Tools Development, Analytics and Management Platforms Mockup and UI Design Tools Mobile Ads + Monetization Test, Refine and Get Feedback App Promotion & Marketing Enhance App Functionality Other and Miscellaneous Vungle – Video trailers for your app.

Testing UI on iOS 40+ UI Design Tools and Resources Jan 20 2011 User interface design grows and evolves on a continual basis. To stay current, you need to keep an eye on trends, new resources, and new techniques being implemented and talked about. And you also need to try things out on your own, and come up with original ideas and implementations. The tools listed below can help you do all of those things. Feel free to share any more resources you’ve found useful in the comment section below. Pattern References and Libraries Looking at the solutions others have already come up with for common UI challenges can not only help you find the right existing solution, but can also serve as the basis for coming up with something new and original. Pattern Tap A great resource to find commonly used design pattern inspiration. Patternry Patternry puts the emphasis on finding solutions to common UI problems, rather than just providing simple inspiration: Mephobox Another great resource to find commonly used design pattern inspiration. Frameworks (ik)

First questions App Design Guidelines This page is provided for existing Spotify Apps partners only. It describes our requirements on the design and behavior of apps submitted to Spotify. Introduction The requirements are numbered, e.g. “1.2 Use the correct format for the app icon.” If you are planning to include deviations from the requirements in your app, please provide us with information of which deviations have been made and why. User Experience (UX) Principles An app in Spotify should be a self-contained user experience using Spotify music. All about music. Make it instantly personal. Be here now. Integrate. Don’t duplicate functionality from the native Spotify UI. A Spotify app is not a website. The start page should be easy to understand and use. Can I have one more app? Things that look like X should act like X. Overall Layout 1. Your application icon is the first thing the users will see of your app, so give it some love to make sure your app makes a great first impression. 1.2 Use the correct format for the app icon

Tap target size Zerply iOS 5 Tech Talk: Mark Kawano on iOS User Interface Design Apple kicked off this winter’s iOS 5 Tech Talk World Tour last week in Berlin. I was lucky enough to get a seat and I’d like to tell you a bit about the sessions I attended for those who weren’t there. First up after the kickoff session was Mark Kawano, Apple’s User Experience Evangelist. He talked about iPhone and iPad User Interface Design, in particular: Understanding what makes the iPhone and iPad so special is essential to designing a great user experience. Mark opened his talk by reminding the audience to strive to build a truly great app. One common theme of great apps is that they tell a story. What will your app do? Mark continued with some concrete steps you should follow while designing your app, always driven by the story you have defined. 1. Ask yourself two questions in this section: What type of app are you building? A not so obvious insight is that you can (and should) make a different decision for each screen of your app. What kind of content does your app have? General Tips

Aesthetic integrity UIView Animation Tutorial: Practical Recipes - Ray Wenderlich If you're new here, you may want to subscribe to my RSS feed or follow me on Twitter. Thanks for visiting! Use some UIView Animation Recipes you can use in your apps! This is a blog post by iOS Tutorial Team member Fabio Budai, an Objective C developer from Italy. One lesson I learned the hard way is that graphics and animations are really important in iPhone Apps, and not only in games. It may be true that most of these animations are useless! Sometimes your design needs a complex UI that can contain a lot more objects than you can fit on a screen. Luckily, UIKit has some really powerful built-in animations, and in iOS 4, blocks make using them really easy. We already covered how to use UIView Animations in the UIView Animation Tutorial posted here almost a year ago, so you might want to go through that tutorial first. This tutorial takes things a step further by giving some practical examples and recipes for how you can use UIView Animations in your own apps, to add some polish and spice!

Under the Hood: Our Top Ten Sites for Design Inspiration - Create Android App Every week at Fueled, our London-based lead designer Rob Palmer shares a handful of inspirational websites with our teams in New York and Chicago. This weekly email acts like a virtual water cooler, encouraging us to congregate across time zones and discuss what brands and blogs are doing to push new trends in web design. This week we have two ‘addictive’ games, one talented design firm and lots of great photography. We dare you to visit these sites and not feel inspired. Studio MPLS Studio MPLS is a company based in Minneapolis that specializes in branding and packaging design. ➤ Studio MPLS Aquaceutic Aquaceutic is a Polish energy drink. ➤ Aquaceutic Alkopedia Alkopedia is an interactive website run by, a site made by the Swedish Council for Information on Alcohol and Other Drugs. ➤ Alkopedia Desktime Desktime is a company that serves a very niche market: co-working spaces. ➤ Desktime Feel What You Are ➤ Feel What You Are Greats We love this website for the new shoe company Greats.

Designing for iOS: Graphics & Performance In the previous article, we explored different techniques to customize the look and feel of UIButton, assigning to each a difficulty level based on the complexity of the Objective-C code involved in the implementation. What I intentionally left out mentioning however, is that some of these methods come with non-trivial performance ramifications that should be taken into consideration when choosing one over another. Behind The Scenes In order to understand how performance is affected, we need to have a closer look at the technology stack behind graphics in iOS. This block diagram represents the different frameworks and libraries and how they relate to each other: In the topmost layer, there is UIKit—a high-level Objective-C framework that manages the graphical user interface in iOS. Deeper in the stack we have OpenGL ES, an open-standard library for rendering 2D and 3D computer graphics on mobile devices. As a general rule, offscreen drawing affects performance when animation is involved.

A Performance-minded take on iOS design | Lobsters Cross-posted from the comments section there: [The] advice as far as the button is good here, but I’ve got one small correction and some bonus explanation for interested readers. I’d like to clarify a few points about offscreen drawing as described in this post. While your list of cases which might elicit offscreen drawing is accurate, there are two grossly different mechanisms being triggered by elements of this list (each with different performance characteristics), and it’s possible that a single view will require both. Those two mechanisms have very different performance considerations. In particular, a few (implementing drawRect and doing any CoreGraphics drawing, drawing with CoreText [which is just using CoreGraphics]) are indeed “offscreen drawing,” but they’re not what we usually mean when we say that. You could certainly end up doing two off-screen passes if you draw via CG within your app and display that image in a layer which requires offscreen rendering.