52 Weeks of UX The user experience is made up of all the interactions a person has with your brand, company, or organization. This may include interactions with your software, your web site, your call center, an advertisement, with a sticker on someone else’s computer, with a mobile application, with your Twitter account, with you over email, maybe even face-to-face. The sum total of these interactions over time is the user experience. The interaction designer plans for these moments. 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 Flat Design Inspiration After our post showcasing 23 Examples of Flat Web Design a lot of readers got in touch to see more flat design related inspiration. We decided to gather some examples of UI kits, icons and much more, so give it a look. Freebie: Flat Design Icons Set Vol1 UI/UX Flat design – Free PSD – 3 colors Freebie PSD: Flat UI Kit About the Author
The vision for government corporate websites in the Single Domain (with product wireframes) This is the third in a series of posts sharing progress on how we are tackling objective two of the single domain ‘beta’ project: specifically the creation and test of a unified publishing platform capable of replacing many of the websites which government organisations currently run across separate domains – like dh.gov.uk or bis.gov.uk – to provide information on who they are and what they do. Having first defined the concept for this shared platform, then analysed users’ needs, the next step in early September was to establish and communicate the product vision. Here is an extract of that vision work – a set of ‘wireframe’ drawings of what, back then, I thought this product might need to end up looking like to the user. If you’re used to looking at wireframes, skip this paragraph.
Critical Considerations in Designing Mobile Medical Apps Author: David Lee Scher, MD While medical apps share technical features with the commercial apps that have become ubiquitous on smartphones and tablet computers, special considerations go into the development of health apps. Thus, developers of health apps need to understand the clinical perspective, which encompasses health professionals’ workflow, user interface experience, and interoperability. Security and privacy are also key issues—not to mention navigating the relevant FDA regulations. These considerations are important because nearly half of clinicians today use apps to collect data by the bedside, according to the HIMSS Mobile Technology Survey published in 2012.
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. 10 Best iPad Apps for Web Designers If you’re a web designer and own an iPad, I’ve got great news. There are apps out there that will actually help you be productive. So while you’re away from your desk or office, take a break from playing Angy Birds and get some work done. Here are 10 of our favorite iPad apps to help you do just that.
Open-source governance Open-source governance is a political philosophy which advocates the application of the philosophies of the open source and open content movements to democratic principles in order to enable any interested citizen to add to the creation of policy, as with a wiki document. Legislation is democratically opened to the general citizenry, employing their collective wisdom to benefit the decision-making process and improve democracy. Theories on how to constrain, limit or enable this participation vary however as much as any other political philosophy or ideology. Accordingly there is no one dominant theory of how to go about authoring legislation with this approach.
GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers It is fundamental that every app designer have a selection of pre-designed and editable UI elements that will allow them to optimize, organize and speed-up work-flow. To help streamline your iPad design work, we have put accumulated a comprehensive selection of iPad specific GUI Kits & Stencils, Wireframing kits, Sketching Templates and fully editable PSD templates that will allow you to rapidly prototype beautiful designed apps. We have also previously published a post that focuses on iPhone GUIs and Stencils, you can view that post here: iPhone Development GUI Kits, Wireframe Stencils and Icons → iPad GUI Design Stencils iOS Design Stencils (OmniGraffle) All of the stencils have been originally created by hand from native or custom created OmniGraffle shapes and grouped for ease of use. the stencils can be easily scaled to new point resolutions and exported to any vector formats supported in OmniGraffle. iOS Design Stencils →
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. Best 20 webfonts from Google Web Fonts and @font-face embedding At the moment there are several ways to use non-system fonts on a website. We will focus on the two least complicated, least expensive systems, Google Web Fonts and the @font-face rule. Fear not, we have not ruled out other paid methods such as Typekit, Fonts.com Web Fonts, Fontdeck, Webtype, WebINK or Fontspring for future posts as they certainly offer high quality typefaces and deserve to be considered. It’s important to be aware that web fonts can generate inadequate visualizations on operating systems which have subpixel rendering turned off in the case of Windows XP. They can also be represented differently depending on the browser used to visualize them.
Guideline for External Use of Web 2.0 1. Publication Date The publication date of this guideline is November 18th, 2011, and it will be reviewed and updated on an ongoing basis as appropriate. 2. Purpose This guideline is designed to provide specific guidance to Government of Canada departments on the use of externally facing Web 2.0 tools and services. Inside iOS 7: Calendar app comes with sterilized UI, few feature changes While Apple updated every first-party app for iOS 7, one of the most heavily modified is Calendar, which sheds the silver and blue skin seen in iOS 6 for a grayscale theme almost devoid of color. From left: Month, week and day views in iOS 7's Calendar app. With the new Calendar app, Apple is going for a spartan, almost bleached look with an all white background, subtle gray borders and lines, and text that is either a shade of black or bold red. The design is eye-pleasing, though users familiar with previous version of iOS may find the change a bit jarring.
The iOS Design Cheat Sheet Volume 2 - Ivo Mynttinen / User Interface Designer Displays, dimensions and icons. More than a year ago, I published the iOS Design Cheat Sheet, a collection of useful data about iOS devices and things you have to keep in mind when designing something for iOS. Since the last update of my Cheat Sheet, a lot has changed in the world of Apple’s mobile devices. Designers now have to deal with a retina resolution iPad (aka.