background preloader

I ♥ wireframes - The ultimate source of inspiration and collection of resources for wireframes

I ♥ wireframes - The ultimate source of inspiration and collection of resources for wireframes
4 Things No One Told Me About High-Fidelity Wireframes Wireframes come in different fidelities. On one hand, you have low-fidelity wireframes that don’t resemble the final product as much, but still capture the user interface layout and controls. (via UX Movement)

http://wireframes.tumblr.com/

Related:  UX/UI repository(design patterns and templates)JobDesign and graphismArticles

UX Design Defined 2 - User Experience - UX Design « Continued from UX Defined. What User Experience Designers Do User Experience Designers, like Web Designers before them, usually have a visual design background. The Future of Wireframes - Articles - MIX Online As we move into the next decade of web design, it's time for us to reevaluate our understanding of wireframes—a tried and tested user experience staple Riddle me this: How do you piss of a UX professional? The answer: Call him a “designer”. These days, user experience professionals look down on the word “designer” because it implies that their primary role is to paint pretty pixels. UX is more than that, they clarify.

lossy compression Definition from PC Magazine Encyclopedia Definition of: lossy compression lossy compression A compression technique that does not decompress digital data back to 100% of the original. 20 Effective Examples of Web and Mobile Wireframe Sketches A wireframe sketch is the initial hand-drawn design process, using paper and pen/pencil, of what a website design will look like. And to help you get inspiration as well as effective reference points, this article features 20 impressive web and mobile wireframe sketches. But first, you might be wondering why the heck you should create a wireframe sketch of your web design.

11 Free jQuery CSS3 Navigation Menu Plugins These days, jQuery Navigation menus are more than plain texts with links on it. With the command of jQuery, it can transform the menu of a web site into a dynamic menu. Despite the fact that CSS3 can now be utilized to make dynamic menu, still, the query includes more functionality to the menus. Five kinds of 'alt' text Virtually every web designer I speak with is familiar with the ‘alt’ attribute: the part of the html ‘img’ tag that you use to provide an equivalent alternative for people who are unable to see the image. This includes people who are using a screen reader or people who are browsing the web with images turned off. What’s less commonly known is that there are five different classes of image used on web pages and each of those images requires a different approach to writing the ‘alt’ attribute.

Mobile-First Responsive Web Design What Is Mobile-First Responsive Web Design? Mobile-First Responsive Web Design is a combination of philosophies/strategies, and ultimately boils down to a broader application of good ol’ web best practices. As the digital landscape gets increasingly complex, we need to design experiences that work across the entire spectrum of digital devices. Sounds like fun, right? Mobile First A Comprehensive Reading List for and by Designers Being big bibliophiles here at InVision, we asked some of our favorite designers to recommend the book that inspired them the most this past year. Check out the 90* most popular answers and the top designers who recommend them, plus 5 inspiring periodicals. *We've recently updated this list to include 15 more of our favorite designers’ recommended books. Happy reading! Just My Type by Simon GarfieldGarfield uncovers where fonts come from and why we need so many.

The Top 8 Placeholder Services for Web Designers In the last year, there's been a wave of helpful placeholder services. What's a placeholder? Well, when you're working on a new website, isn't it a waste of time to use stock images, cropped to the right dimensions? A placeholder service allows you to automatically use a random image at the desired dimensions with minimal effort. In the last week, I've compiled a list - in no particular order - of what I consider to be the most useful and flexible placeholder services on the web. Certainly, for most of you, you'll end up picking one or two of the following to use in your own projects. Web Site Usability Tips Here are the general categories the tips fall into: Navigation Related Usability Tips Tips on Improving Readability Usability Tips on Using Search Usability Tips on HTML Coding Tips for More Usable Forms Usability for Design and Layout Usability Tips on Using Color Ecommerce Usability Tips Tips on Usability Testing Usability Tips for Graphics and Flash Advice on Frames General Web Site Usability Practice Advice on Following Usability Guidelines 1.

Design Your Own Android Apps Without Programming Skills » Web Design » SitePoint Blogs This article was written in 2010 and remains one of our most popular posts. If you’re keen to learn more about Android development, you may find this recent article on free web development apps of great interest. If you like the idea of creating your own App but don’t have any coding skills, you may be very interested to hear about Google’s new offering. The App Inventor (with the obligatory BETA in the title) is a new tool which allows non-programmers to build fully working applications for Android. Google announced the availability of the App Inventor on its blog earlier this week. To use App Inventor, you do not need to be a developer.

Why empty states deserve more design time An empty state, or zero-data state, is an afterthought for many designers. The thing you design last—if at all—because it’s a temporary or minor part of the user experience. But don’t be fooled by the name. Empty states are actually full of potential to drive engagement, delight users, and retain users at critical moments like when someone downloads the app, clears out their content, or runs into an issue. These empty states are commonly known as first use, user cleared, and errors. Free Printable Sketching, Wireframing and Note-Taking PDF Templates Advertisement Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique. Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, graphic design, movie direction, animation… basically any type of design that needs a physical creative outlet or group collaboration. Not all sketch and wireframe sheets are universal, most are specialized for a particular medium, such as storyboards and specialized grid paper (axonometric perspective templates).

Learn javascript in Y Minutes JavaScript was created by Netscape’s Brendan Eich in 1995. It was originally intended as a simpler scripting language for websites, complementing the use of Java for more complex web applications, but its tight integration with Web pages and built-in support in browsers has caused it to become far more common than Java in web frontends. JavaScript isn’t just limited to web browsers, though: Node.js, a project that provides a standalone runtime for Google Chrome’s V8 JavaScript engine, is becoming more and more popular.

Related:  CODINGWeb Design