background preloader

UX and Usability

Facebook Twitter

Mobile User Interface (UI) Kits for Designers. Details Category: Vector/Brushes Hits: 10211 When we to mock-up user interface of mobile phone will need some basic UI elements. so in this post, we’ve bring together 25 useful mobile user interface and wireframing kits come in handy that can help designers enhance their creations.

Mobile User Interface (UI) Kits for Designers

Those mobile UI wireframe kits and resources in PSD file format. mobile user interface contains iPhone, android, and HTC, Ect. You can download and use at any of your personal or customer projects without any limitations. 1. iPhone 4 Template v.2 Use this iPhone 4 PSD template for pasting your screenshots. 2. iPhone GUI PSD Version 4. Pixelglyph: 200 free PNG Icons for Developers of Mobile Websites and Apps ( Jan 25 2013 If you are into the development of mobile websites or apps for iOS, Android or – phew – Windows Phone even, you will not be able to do without icons.

Pixelglyph: 200 free PNG Icons for Developers of Mobile Websites and Apps (

That’s why icon sets are experiencing high demand. As with other areas in life the separation of the wheat from the chaff is what makes choices time-consuming. 15 New Icon Sets for Your Next Web Design Project. Web Icons are used to improve web design and make it easier for visitors to use websites.

15 New Icon Sets for Your Next Web Design Project

They can also improve the overall look of your website. Icon designs can be simple, with flat two-dimensional drawing or a black silhouette, or complex, presenting a combination of graphic design elements. IKONS - 264 free vector icons from Piotr Kwiatkowski. Free download of 1600 icons in Windows 8 and iOS 7 style — Icons8. We tweet, message, and conduct structured interviews to determine which features the community needs, not to mention that the community invented many of them!

Free download of 1600 icons in Windows 8 and iOS 7 style — Icons8

Single Style All icons are done by a single designer, so your user interface will look consistent. Editable Vectors Paid. UX design for startups: growth and design hacking. I love the smell of metrics in the morning.

UX design for startups: growth and design hacking

I spent years in a metrics-driven organisation with analysis deeply rooted in the company’s DNA... and it was just great. My user experience design team was constantly occupied with lots of small tasks focused on the optimisation of the UI and though this is not something you can brag about during a family dinner (hardly noticeable things aren’t particularly admired), it let our users perform better every day and damn... it was bringing the company money!

We did our job well. Despite all this experience, I struggled to put up an analytical framework for UXPin - my own startup. A Beginner’s Guide to UX & UI Design. What UX isn't. The Best Article Every Day. Rules TIps Focus More Focus More tips! Apple's Icon Ecosystem or: Carrying the Quality All The Way Through. There were a few things about the Mac that captured my interest back when I was a full-time Windows user.

Apple's Icon Ecosystem or: Carrying the Quality All The Way Through

The simple, out-of-the-way aesthetic of the menu bar, the quick window-finding maneuvers of Expose, and even the Dock (which I now have hidden on all my Macs; go figure) were all big attractors. But above all else, I loved the gorgeous, understatedly playful and magnificently detailed 3D application icons. Since then, a second Apple OS has skyrocketed in popularity: iOS. It, too, has application icons; in fact, they are even more central to the user’s interaction with the device than on OS X. In iOS, though, application icons are vastly more limited compared to their Mac counterparts. 5 iPad Mini Web Design and Development Early Best Practices. The arrival of iPad mini has been widely anticipated.

5 iPad Mini Web Design and Development Early Best Practices

To anyone paying attention, the arrival of the iPad mini should not be a revelation. The only somewhat surprising fact is the iPad mini doesn't ship with Apple's vaunted Retina display. We wanted to know how the iPad mini would affect our work (we power $100-million in mobile commerce and empower over 75,000 developers with our adaptive mobile web platform). Fixing A Broken User Experience. Advertisement Unless you’re developing completely new products at a startup, you likely work in an organization that has accumulated years of legacy design and development in its products.

Fixing A Broken User Experience

Even if the product you’re working on is brand spanking new, your organization will eventually need to figure out how to unify the whole product experience, either by bringing the old products up to par with the new or by bringing your new efforts in line with existing ones. A fragmented product portfolio sometimes leads to an overall broken user experience. Primer on Types of Navigation in Mobile Apps. Navigation patterns can vary, even when it comes to prototyping mobile application interfaces.

Primer on Types of Navigation in Mobile Apps

Even though they may seem to impose tight restrictions, because of small sizes and necessity to compactly arrange lots of data, there are a variety of options. Once there was really only one style considered — the trendy and widely-used vertical navigation, aka side menu. However, there are others that can enhance a user experience, making exploration of your app a piece of cake.

List-Type Menus Lets’ start our discussion with a standard list-based navigation that is commonly used among mobile app creators. Rethinking Mobile Tutorials: Which Patterns Really Work? Advertisement Pattern libraries are a great source of inspiration and education for designers.

Rethinking Mobile Tutorials: Which Patterns Really Work?

But common practice doesn’t always equal best practice. In this post, we’ll look at why many common tutorial patterns are ineffective and how you can leverage game design principles to increase user engagement. After the release of the first edition of Mobile Design Pattern Gallery, Intuit asked me to speak with its mobile team. I spoke at a high level about the value of patterns across industries (fashion, architecture, software and others) and how they are a useful teaching tool. Free PSD Perspective App Mockups. There are many ways one can showcase its designs, but doing it in perspective is definitely one of the most exciting ones.

The feel you get by looking at such a showcase is amazing, because it makes the designs feel real, and this is also the reason why we decided to take a look at several perspective designs which come in PSD for free, so you can download them and play with them however you like. This overview features a hand-picked and organized selection of the most useful and popular Smashing Magazine’s articles related to Usability and User Experience and published here over all the years. Persuasion Triggers in Web Design How do you make decisions? If you’re like most people, you’ll probably answer that you pride yourself on weighing the pros and cons of a situation carefully and then make a decision based on logic. You know that other people have weak personalities and are easily swayed by their emotions, but this rarely happens to you. You’ve just experienced the fundamental attribution error — the tendency to believe that other people’s behaviour is due to their personality (“Josh is late because he’s a disorganised person”) whereas our behaviour is due to external circumstances (“I’m late because the directions were useless”).

Read more… App UI Kit: 300 Elements in 60 PSDs & Bonus Material. Whether you’re on an iPhone or an Android device, one thing’s universal: you need a solid, easy-to-follow user interface to succeed. You can have the coolest app in the entire universe, but if your UI is real wonky, you’re going to lose your users super fast. If you’re building out an app for Android or iOS7, you’d do well to get yourself a gorgeous collection of pre-designed UI elements. This impressive Mighty Deal from the fine folks over at Graphics Fuel is a magnificent collection of over 300 elements for an iOS7 or Android app design.

27 Useful UI Design Elements & UI Kits for Designers. Most useful and free UI bundles that web and app developers can not ignore. All UI design free PSD UI Kits available in Photoshop psd format. These UI Kits are best for framework, template and theme designing. The Best Photoshop Tutorials of 2012.