Here is a well curated basic list of great resources for mobile design and user experience.
Useful. 8/10
Curated collection: http://www.enavigo.com/ios-design-and-user-experience-resources/
Research and publish the best content.
Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
Already have an account: Login
The Web Design Guide and Showcase
32.8K views |
+0 today
Examples, tutorials, insight and non-technical news about designing effective web pages
Curated by
Robin Good
 Your new post is loading...
Your new post is loading...
Scoop.it!
Robin Good: Oli Gardner at unbounce.com has put together a really fantastic collection of great landing pages examples (all created with the Unbounce landing page creation service) that can provide not only great inspiration, but actual examples of the components and layout you need to use to make your pages look truly "professional". In this curated collection, you will not only find large-sized screenshots of the selected landing pages but also some very valuable comments about each sample, alongside a curated list of what are the key components on each of the landing pages that makes them work so well and key suggestions on how to further improve them. Very useful. 9/10 Full curated collection: http://unbounce.com/landing-page-examples/built-using-unbounce/landing-page-design-showcase/ 
Scoop.it!
Functional web typography is, of course, key to the usabilty of any website. But functional does not mean boring. Big, loud and attention grabbing typography does have the presence and magnificence to truly grab the attention of your visitors.
Scoop.it!
If you are looking for a web design solution that sits in between amateurish self-made work and the professional high-price designer layout, you can give a look to 99designs.com which offers the opportunity to get your design need crowdsourced out to many interested designers. How it works: 1) You submit your "design brief" for a logo, business card or web site. 2) You decide how much you want to pay for it. 3) 99designs publishes your project as a call for participation. 4) From that moment on dozen of designers submit their work proposals to get your work. 5) You give feedback to improve the ones you like and you finally chose your preferred one. 6) If you are not satisfied with any of the proposals, you get your money back. See some examples: http://99designs.com/web-design http://99designs.com/custom-wordpress-themes http://99designs.com/logo-design Browse open projects: http://99designs.com/logo-design/contests Find out more here: http://99designs.com/ (Reviewed by Robin Good)
Scoop.it!
If you're wondering what tools other designers are using today, here is some visual data from a recent survey by Best Vendor that you may want to check out. http://t.co/Rnb9AfYw Via Michael Allenberg, Pedro Costa Neves
Scoop.it!
Stephen Coles at Typographica.org writes: "Most fonts are licensed when needed, selected specifically for the job at hand. But when my (less font-addicted) friends are seeking versatile, workhorse typefaces for future use, I send them this list. These sites offer most of the best fonts available, and — crucially — present them well, too. The focus here is on downloadable desktop fonts for print use, but some of these shops offer webfont versions as well. For now, my webfont-specific shortlist is simply: Typekit, Webtype, Fontdeck." Check out this great curated list of Font Sources (12 foundries included): http://typographica.org/2011/on-typography/my-favorite-font-sources-a-shortlist-of-trusted-foundries-and-retailers/
Scoop.it!
If you are looking for WordPress design themes and templates alternatives, here is a curated list of 14 different theme-shops cut specifically for this, alongside a short description and some indicative price references. Useful. 7/1o Full list: http://webdesignfan.com/wordpress-theme-shops-you-may-not-know-about/
Scoop.it!
The navigation bar is one of the most important design elements on a web site. Not only does it guide users to pages beyond the homepage, but it’s also the main key for users to get a sense of orientation. With this in mind, it’s important to adhere to time-tested design and usability conventions also when designing your navigation elements and structure. When choosing a navigation bar type, start simple. Evaluate your content thoroughly and ask yourself what your users need to access quickly. More often than not, a complex navigation system is an indicator you need better content planning and organization. If you absolutely need to give your users so many options directly inside the navigation bar menu, follow the principles mentioned in this article to create an efficient and enjoyable experience for your users. In essence, what kind of navigation do you need to design to ensure that your users are able to quickly and easily find the information they need? Find out: http://mashable.com/2011/12/08/design-navigation-bar/
Scoop.it!
Designers pride themselves on the interfaces they design. It's natural to think what one is working on is important. But sometimes designers can get so lost in the interface they forget that it's for the user, not them.
Scoop.it!
Irene Pereyra, director of UX and strategy at digital agency Fantasy Interactive, rounds up 10 top tips to help you deliver an amazing interactive user experience...
These days, building websites or applications that attract and retain customers has become somewhat of a science. For people who aren’t well versed in the digital space, I often compare the work that I do as a UX designer to an architect. Like the architect who builds your home, my UX team builds a comprehensive blueprint, which outlines every single detail of the site’s features and functionality.... Via Nebojsa Stojanovic
Scoop.it!
Excellent analysis and review of why the new Microsoft user interface design direction may have a a strong impact on the future of its products. In April next year, Microsoft will be offering a PC and tablet operating system, a smartphone platform and a games console interface that all bear a striking resemblance to one-another. It’s a cross-platform aesthetic that’ll mean you’ll instantly be able to recognise a product as belonging to Microsoft.
Scoop.it!
If you are into web design, pattern libraries offer you great showcases of examples and models from which you can start your own.
Scoop.it!
Here is a great collection of responsive CSS frameworks which scale gracefully across all screen sizes. "Just like most CSS frameworks, all of the frameworks below will help you rapidly develop sites by eliminating the need to write basic CSS styles yourself, as you would expect. But, on top of that, they also come with a responsive layout helping you to quickly and easily create mobile-specific sites." Full article: http://speckyboy.com/2011/11/17/15-responsive-css-frameworks-worth-considering/
|
Scoop.it!
Two Australian designers, Tristan Cook and Thomas Nelson of Humans in Design have a video of their proposal: mortgage statements for the 21st century. There’s a lot of worthwhile stuff in it. Check out the accompanying blog post at http://humansindesign.tumblr.com/post/8490552292/my-mortgage-statement-was-rubbish-so-we-fixed-it .
Martin (Marty) Smith's comment,
February 3, 2012 8:18 PM
Robin, another cool idea. I finally got well enough to finish the Curation Contest. Created a Scoop.it feed today and here is the link to apply (hope you will as you, Michel, Anise, and a handful of other scoopers is why I created the contest. http://www.atlanticbt.com/contentcurationcontest Thanks as always. Great weekend. Marty
Scoop.it!
Robin Good: Glen Stansberry at Nettuts has curated a great collection of key UI design principles, from ten design masters, that is as good today as four years ago when it was first published. For each principle you get an original quote from the designer bout a key principle, and a few valuable links where that idea can be explored further. Here from the ten, the ones that I think we tend too overlook more often than not:
Highly recommended. 9/10 Full curated collection: http://net.tutsplus.com/articles/10-principles-of-the-user-interface-masters/
Scoop.it!
Robin Good: If you are looking for good design inspiration as well as for specific references for UI development work, you will appreciate the curated collection of resources that Speckyboy has pulled together in this guide. From the best patterns collections to the top UI public design guides, this 25-item collection has indeed all of the best resources you can tap into for any type of web or GUI design related work. Recommended. 8/10 Full guide: http://speckyboy.com/2010/02/01/25-ui-inspiration-and-design-pattern-resources/
Scoop.it!
Here is a free and downloadable GUI components and icons library, which can be used for any web or mobile design project. It is free for every use, even for commercial projects, as long as you credit and link back to the source page. Key features: • A flexible GUI elements library for Illustrator and a pixel-precise icon collection created for interface designers and web designers.
You can easily resize, color or tweak their appearance. • They are based on a precise 16 pixels grid, which means that they stay clear and have crispy look even at small sizes. • 200 graphic styles for buttons, navigations menus or panels.
See a Preview of GUI minimal icons set http://www.webalys.com/images/gui-design/interface-design-icons-library.png See a Preview of common GUI elements http://www.webalys.com/images/gui-design/preview-gui-1.png
http://www.webalys.com/images/gui-design/preview-navigation.png See a Preview of Windows and Containers http://www.webalys.com/images/gui-design/preview-windows.png All files in Illustrator CS2 file format (If you want to use the icons without crediting the author, consider buying the Premium Icon Library for just $37. It's 3 times more vectors icons, with 750 icons .AI, .EPS & PNG icons.) Find out more: http://www.webalys.com/design-interface-application-framework.php (reviewed by Robin Good)
Scoop.it!
From the article intro: "Successful design in publishing, advertising, web design, illustration and anything else that ties together elements depends on drawing in the reader and leading their eyes across the page. Some people think it’s not a big deal and that designing a page comes naturally because of cultural lessons we learn growing up and looking at design from childhood yet few, if any understand why it works the way it does." In reality things are not simple, natural or obvious, especially if, you are in the group of those who do not just want to follow the mainstream standards but who like to break out of conventions and innovate while bringing greater value. But how do you achieve that, unless you are already a great designer? What are the rules that can be broken? This good article by Speider Schneider provides some good basic advice, on what is needed to head properly in this direction. Full article: http://www.instantshift.com/2012/01/06/focal-points-in-design-layout/ (Reviewed by Robin Good)
Scoop.it!
Robin Good: I have just run into this excellent curated collection of minimalist icon sets. It contains some very elegant and clean icon collections that can be used in many different applications. In total there are 16 free icon sets. Recommended. 8/10 Check them out here: http://creativerepository.com/2011/03/20/free-minimalist-icon-sets-for-web-and-mobile-user-interface-design/
Scoop.it!
What are the design trends and user interface traits characterizing "modern" search engines? Here some key ones:
Read the full article: http://speckyboy.com/2011/12/23/user-interface-design-in-modern-search-engines/
Scoop.it!
"Design is powerful because of the way our brain processes visuals. We might think of vision working by our eyes pulling in images and projecting them in the back of our mind. If this were the case then there would no be design or art. There are in fact 30 areas in the back of your brain that process different aspects of the image. The various vision processing areas of the brain are individually recreating the design. So, in a way, the viewer is also an artist. In reality, design and art stimulate the mind more than a realistic image would do. Which is why it affects us differently." "In this article we look at some principles that make the aesthetics of design attractive to people, and explanations on why they do. The more you become conscious of how design works the better you are able to communicate and judge design decisions." Full article: http://designinformer.smashingmagazine.com/2010/08/10/designing-mind/ (Curated by Robin Good)
Scoop.it!
"The goal that you should strive for, when employing minimalism in your designs, is to enhance readability, improve navigation and usability, and, as always, create the most pleasant user experience possible. ... In web design, minimalism translates to producing a site from the basics. Instead of including everything but the kitchen sink and then paring it down to only the necessary features, a better approach would be to start with a blank slate and only include the essentials. Minimalism is an exercise in restraint, with the eventual goal being a design that helps the user focus and accomplish their tasks as quickly as possible." Read the full article by Delwin Campbell: http://sixrevisions.com/web_design/minimalist-how-minimal/
Scoop.it!
Dieter Rams in one of the most influential designers of the 20th century. Born in 1932, Dieter Rams has made of his name a synonim with integrity in design. Passionate about the true functional role of what needed to be designed, Dieter Rams has been the paladin of essential, no-waste, no-fashion design.
Scoop.it!
A fantastic site that organizes models, examples, patterns and recommendations for the effective use of visual transitions and motion graphics in the design of interactive content pages or online / mobile applications.
Martin (Marty) Smith's comment,
November 25, 2011 12:06 PM
Robin the pieces of this I understood (bout half:) were fascinating. Thanks, Marty
Robin Good's comment,
November 25, 2011 12:10 PM
Thank you Marty! ...for finding the time to stop and let me know. I think this is truly valuable for those who want to understand how to communicate more effectively. Glad you enjoyed too. :-)
Scoop.it!
If you are looking into the idea of re-designing or singificantly improving the legibility, design and overall user experience of your web site, this illustrated article-guide by Rian van der Merwe, will provide you with some useful guidelines. Starting from the principles of data-ink ratio, originally conceived by information design guru Edward Tufte, the author attempts to transfer those same ideas, step by step, to the web design process. Valuable. 8/10
|
