background preloader

Mobile UI Design Patterns: 10+ Sites for Inspiration

Mobile UI Design Patterns: 10+ Sites for Inspiration
By Jacob Gube User interface design patterns are solutions to common design challenges, such as navigating around an app, listing data or providing feedback to users. Mobile apps and sites have unique UI design requirements because, compared to their desktop counterparts, they’re used in smaller screens and, at least with today’s modern mobile devices, rely on fingers instead of a keyboard and mouse as input mechanisms. Whether you’re designing a mobile app UI for the first time or in need of specific design solutions, these mobile UI design pattern resources will surely help! 1. Mobile UI Patterns Mobile UI Patterns is a great site to visit to see common mobile UI design patterns such as activity feeds and notifications. 2. Inspired UI is an excellent mobile UI design pattern gallery with over 1,000 screenshots of real mobile apps. 3. lovely ui 4. This design pattern gallery is a supplement to UX designer Theresa Neil’s mobile design pattern book published by O’Reilly Media. 5. pttrns 6. 8.

Related:  App design

5 Simple Tips for Designing Better iPhone Apps As users shop the Apple App Store looking for new apps to buy, they judge their potential purchases based on design. We’re told early on in life not to judge a book by its cover, but without a way to trial an app, screenshots are one of the few ways a user can judge the quality of it. Since it’s not possible for someone to judge ease-of-use (usability) or code-quality just by browsing the App Store, judging entirely based on design makes sense, and so apps with better design tend to be chosen more often when compared with competing apps. So how can we design better apps? Well, I’m glad you asked. I’ll discuss five simple tips that will help.

20 Mobile UI Design for Inspiration UI design of a mobile interface can really have a profound effect on a smartphone user. It can make or break an app. I know I will not use an app unless it is well designed and is easy to navigate around, and I’m sure others will agree with me. UI designs for mobile phones really has stepped up a level since the introduction of Android and iOS.

9 Essential Resources for User Interface Designers The Web Design Usability Series is supported by, an easy way to instantly share your screen with anyone. lets you collaborate on-the-fly, put your heads together super-fast and even just show off. Designing a great user interface can be a challenge, even for the most seasoned designer. Countless factors need to be taken into consideration and the difference between a good UI and a great one often boils down to paying close attention to the smallest details.

Improving UX with Customer Journey Maps By Jacek Samsel The necessity of providing user satisfaction on every key touchpoint in your business is critical to your success. The issue, however, is identifying those crucial touchpoints. Customer journey maps could be an incredibly helpful solution in this area. Borrowing from Service Design Service design is an activity performed in the marketing and management departments of businesses. 12 Sources Of Outstanding Mobile Design Inspiration - Ahref Magazine There is no doubt, the future of web design is and will be to code for mobile. This is a MUST step right now in website development process because people will use their smartphones from everywhere when they want to visit a favorite website. If you look at the most creative web designs you’ll see what I mean, they are already coded to fit any device, from different smartphones to tablets.

30+ Handy Blank Templates for Designers Sometimes you have a nice concept for a design in your mind, but you don’t know where to start; or sometimes you are just not aware of the right size for the design to implement. That’s where templates come handy. I have collected some very useful templates with proper guidelines, sizes and resolutions for design projects like business cards, letterheads, vinyl designs, brochures etc.

30 Beautiful Landing Pages Optimized for Converting Visitors into Users Landing pages are web pages that primarily serve to convince site visitors to take an action (such as signing up for an account, buying a product, etc.) For inspiration, have a look at these 30 beautiful and well-designed landing pages. The landing pages featured in this showcase provide potential users with compelling information and calls-to-action about the featured product or service.

Lessons We Learned from Our Biggest UX and Design Mistakes We’ve finally hit the 500,000-user mark at Buffer, a product that helps you share on your social media networks more efficiently. About two years ago when we started on our path to building Buffer, we knew we’d be meeting obstacles and making mistakes along the way. One of the main things we’ve kept in mind is that making mistakes is unavoidable and that if we choose to learn from them, they’ll be helpful in giving us good guidance on how to move forward more effectively. And I believe that it’s partly because of these mistakes that we were able to get to where we are today.

20 Mobile Apps Inspiration and Design Patterns As a mobile apps designer I’m sure you are often looking for inspiration to ensure that you can deliver constant innovation and high quality to your clients. A really efficient way to get serious inspiration for specific parts of your mobile apps project is looking for web sites showcasing the best apps created be other creative designers. With hundred thousands of mobile apps flooding the market it can be challenging to stand out and I recommend you seek inspiration and look for good elements and combine the top findings into new unique creations.

Complete Collection of Blank T-Shirt Mockup Templates In this post you will find a complete collection of blank t-shirt mockup templates that would make a perfect frame for your creative t-shirt designs. The templates cover all major and trending t-shirt styles, and they all vary in format, you will find .psd, .eps, .ai, .jpg and .pdf, so you are practically guaranteed to find the template that is perfect for you and your next t-shirt design. Hi-Res Blank Black T-Shirt Template (.jpg) Hi-Res Blank White T-Shirt Template (.jpg) T-Shirt Color Guide Template (.eps)