Icon Design Guidelines An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app. When you design icons for your app, it's important to keep in mind that your app may be installed on a variety of devices that offer a range of pixel densities, as mentioned in Devices and Displays. But you can make your icons look great on all devices by providing each icon in multiple sizes. When your app runs, Android checks the characteristics of the device screen and loads the appropriate density-specific assets for your app. UI Guidelines for mobile and tablet web app design Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too. Remember to provide the best possible experience on each platform. Do not deliver an iPhone experience to a BlackBerry user. Every platform has its own UI and usability guidelines that every user is expecting on your app.
Five Factors for Successful Persona Projects By Jared M. Spool Originally published: Jul 06, 2011 If you were to label any user experience techniques as 'advanced', personas would be a top candidate. A successful persona project is difficult to pull off.
Photoshop Action - Multiple DPI Resizing for Android from mReady We’ve talked about Android’s DPIs and how we should use Full HD (1920x1080px) documents when creating apps for Android devices so we would create the XXHDPI graphical assets along with any other resolution assets we may require. Why you need it Exporting all the graphical elements at 4 or 5 different resolutions can be quite time consuming and a little help can go a long way. So instead of hitting “save for web”, calculating and then resizing for each individual DPI, why not use a scripted action to do the heavy lifting. How it works Basically the concept is quite simple: take the largest size image, assume it’s scaled for xxhdpi and make that iteratively smaller while exporting at each step along the way.
Smashing UX Design — Usability, Psychology and Information Architecture Category: UX Design This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics – for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies. Curated by Chui Chui Tan. .
Explore Embed: provider_url provider_name Speaker Deck How We Redesigned Our Product in Less Than a Week Step 1: Patterns and intent Before the design sprint, the sprint leader (me, in our case) was responsible for finding websites and products we might seek to emulate, “patterns.” These patterns could be as high-level as the “personality of website X” or as granular as a typeface or other visual style. I prepared and walked my team through 10 to 20 screenshots of these patterns. This helps avoid reinventing the wheel – some other company like yours has already had to optimize for a certain functionality or appearance, so find great companies to learn from and emulate.
260 free vectors icons, GUI graphic library for web design Graphic styles Library 200 graphic styles to change buttons, headers or blocks in 1 click Minimal Vector Icons 260 Vector Icons for creatingWireframes and Webdesign GUI Elements Library