Using a method too high in fidelity wastes resources (both time and material) and risks a mediocre path being selected because better options were never given a chance. Working at too low a fidelity, on the other hand, means that the details never get filled in, yielding a half-baked result.
(Link: Concerning Fidelity in Design | UX Booth)
Uncategorized
Open Source Design Pattern Library
Open Source UI Design Patterns
(Link: Open Source Design Pattern Library)
Uncategorized
Flux is an advanced Web design application, capable of creating stunning sites from scratch. Flux isn’t a template based solution, it’s a creative design environment.
(Link: The Escapers – Flux)
Uncategorized
From creating your Mockup to sending it to Clients, everything is seamless, infact Lumzy doesn’t have a file extension so your client needs not bother downloading a player to open Mockup files. A link is all they need.
(Link: Lumzy is a Quick Mockup creation and Prototyping tool.)
Uncategorized
Creating icons is a lot of work, but today you can download more than 500!
(Link: 500 Free Icons for your web apps | TCA inspired design)
Uncategorized
The article covered the basics of the most common table patterns and some live examples. If I missed something please let me know! I also recommend you reading two more articles about tables: Big Table issue that tries to find an solution for tables that are so big they no longer fit in the viewport, and 15 Tips for Designing Terrific Tables that shows many different contexts in which tables can be used.
(Link: Ultimate guide to table UI patterns)
Uncategorized
ScreenSketcher is a tool for creating quick mock-ups, or wireframes, of a computer user interface, such as a window, a web page, or anything that can appear on a computer screen.
(Link: ScreenSketcher – create enlightened user interface mock-ups)
Uncategorized
Today i’ve collected 38 PSD to Html/CSS tutorials for you my friends and hope all of them will help you to learn coding and converting PSD to HTML/CSS.
(Link: 38 Great Tutorials To Convert PSD To HTML/CSS |)
Uncategorized
Armed with a crazy amount of examples, we distilled the patterns into six principles:
* Make It Direct
* Keep It Lightweight
* Stay in the Page
* Provide Invitations
* Use Transitions
* React Immediately
(Link: Rich Internet Application Screen Design | UX Magazine)
Uncategorized
As a designer, color management should be an integral part of your workflow. A website’s color scheme helps shape its identity and therefore should not be carelessly thrown together. Here are 25 online, desktop and iPhone applications to help you live and breathe color management no matter where you are.
(Link: 25 Awesome Tools for Choosing a Website Color Scheme | Design Shack)
Uncategorized
Though grid layouts may not be new to print design and certainly not design in general, CSS grid systems are still somewhat new to the field of web development. CSS grid systems allow the developer to easily and quickly markup and create structured, grid styled websites and layouts. Each grid systems has its pros and cons, and different ways of accomplishing goals. Today, we’ll review 10 amazing CSS grid systems.
(Link: Check out these 10 awesome CSS grid systems)
Uncategorized
20 Guiding Principles for Experience Design
1. Stay out of people’s way
2. Present few choices
3. Limit distractions
4. Group related objects near each other
5. Create a visual hierarchy that matches the user’s needs
6. Provide strong information scent
7. Provide signposts and cues
8. Provide context
9. Avoid jargon
10. Make things efficient
11. Use appropriate defaults
12. Use constraints appropriately
13. Make actions reversible
14. Reduce latency
15. Provide feedback
16. Use emotion
17. Less is more
18. Be consistent
19. Make a good first impression
20. Be credible and trustworthy
(Link: So you wanna be a user experience designer — Step 2: Guiding Principles)
Uncategorized
Flows are made out of individual interactions. A screen offers some possibilities and the user chooses one. Then something happens, and the screen changes. It’s an ongoing conversation. Each moment in a flow is like a coin with two sides. The screen is showing something on one side, and the user is reacting on the other side. My flow diagrams illustrate this two-sided nature with a bar. Above the bar is what the user sees. Below the bar is what they do. An arrow connects the user’s action to a new screen with yet another action.
Here’s a simple and concrete example. To add a to-do item in Basecamp, first you go to a list. Then you click to “Add an item.” The form appears. You fill in the item content and submit the form, and if your submission is valid, the item appears and flashes yellow. Here’s a shorthand version of this flow:
(Link: A shorthand for designing UI flows – (37signals))
Uncategorized
Appropriate Fidelity
“Appropriate fidelity” refers to a level of prototype fidelity that allows you to achieve the goals you’ve set for doing a prototype in the first place. By varying the fidelity of your prototype along the dimensions of visual design and functionality, you make your prototype more effective at achieving some goals and less effective for others.
bottom left Low Visual and Low Functional Fidelity
Very low fidelity prototypes are extremely useful to UX designers. Why? They can be made swiftly, changed without repercussion, and still help visualize a concept. Low visual & functional fidelity prototypes are helpful at answering large structural questions. Here are some examples:
* Does the system have all the features required to support the user’s goals?
* Does the workflow make sense at a high level?
* Which UX concept works best?
* Coming to consensus on a UX concept with stakeholders, e.g.”Is this what you meant?”
(Link: Integrating Prototyping Into Your Design Process – Boxes and Arrows)
Uncategorized
