Design: What great lectures on design are available on the web. CSS Winner - CSS Website Awards - CSS Gallery for Web Design Inspiration. Typography Is The Foundation Of Web Design. Advertisement For years you have been searching for it. You hear the question being asked in your dreams as you go on an Indiana-Jones-type-crusade to find the answer.
When the answer comes to you, you know that the confetti will fall from the ceiling and the band will start playing your favorite song. You might even get a kiss from that special someone. So what is this question? What is the secret to Web design? A tough question and one that might not have an answer. Of course typography doesn’t mean font selection. More toys means more fun though, right? I’m not being sarcastic, saying that is all you need to know for a majority of websites.
Information Architects is based around strong typography. One of my all time favorite designs is A Working Library. A Working Library by Mandy Brown. Some people find design like this to be dull and boring, they feel that design should have more pop to it. Well That Isn’t Hard Blake Allen Design uses images, but with great typography. (jvb) It's done. 50 Brilliant iPad Mobile App User Interface Designs.
The iPad tablet device has grown wildly in a few short years and is certainly here to stay. Mobile app developers are constantly pushing for the next big idea to rack up popular listings in the iOS App Store. The best way to accomplish this is combining powerful programming techniques with simple intuitive user interfaces. When it comes to designing mobile apps I’ve got a soft spot for clear UI. I put together this collection of 50 beautiful iPad application design trends for your inspiration. These include notes, list views, photo thumbnails, app settings, and a whole bunch more!
You’re sure to find some inspiration for iOS designs just by going through this collection. If you have any further ideas or suggestions about iPad app designs feel free to share in the post comments area below. Muffins App Education iPad App 2 cents iPad Launch New iPad Project iPad Retina Display Shades GIU Dashboard Nautilus Login Landscape View Retina iPad Work iPad Project Elements Share! iPad UI iPad UI Design iPad UI. An Event Apart: Buttons are a Hack. Off Canvas Multi-Device Layouts. Most multi-device layout patterns for the Web are designed to rearrange page elements within a visible browser window.
Off canvas multi-device layouts, on the other hand, use the space outside a browser’s viewport to hide secondary elements until people need them. Jason Weaver and I put together demonstrations of several new off canvas layout patterns. Why Off Canvas Layouts? In my survey of multi-device layouts patterns, I found several common ways to adapt Web page designs to a variety of screen sizes. Across most of these patterns though, small screens got the shaft. That is… a tall scrolling list of all the elements on the page stacked together. Since many multi-device layout patterns are only considering the visible browser window as their canvas, this situation is pretty much inevitable.
Off canvas layouts do just that. Footer Nav & Off Canvas Column As screen size decreases and we approach typical mobile device widths, the navigation at the top moves to the bottom of the page. Web Design Elements: Examples And Best Practices - Smashing Magazine. Crash Course: Design for Startups. I recently stumbled across screenshots of old websites of mine and was hurled into a state of reminiscent shock. I knew they were bad, but wow they were outstandingly horrible (redeemed only by their microformats support! I kid, I kid). Several years and a few Georgia Tech design and HCI courses have passed since those atrocities graced the web but I archived them in a sort of reverse portfolio as a personal reminder of how much my design sensibilities have matured.
Only in the last year have I begun feeling slightly more confident about my design quality and process. I have yet to consider myself a real designer and there are quite a few things I would do differently with my most recent work on Notifo and Pic A Fight. But I've learned why my work nowadays is better than from years past. I am aiming to somehow share some of these thoughts brewing in my head with this post today. I have been brainstorming for the past few days about how to scope this article. Subtle is key! Process Yikes.
Jennifer Preece - Interaction Design. Interaction Design: Beyond Human Computer Interactionby Jennifer Preece Preece, J., Rogers, Y., & Sharp, H.. (2002). Interaction Design: Beyond Human-Computer Interaction. A typical undergraduate level textbook to introduce you to the field, including both scientific background and usability design methods. One of the few that adequately addresses affective measures. Jump To: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Table of Contents: Preece's Summary of the Chapters: Remember, usability is of utmost importance to Interaction Design, while user-experience follows (see graph on p. 19 of book) usability goals: at center of Interaction Design user-experience goals: outer ring of diagram (secondary to usability goals) Chapter 1: What is Interaction Design? The Goals of Interaction Design: Usability Goals & User Experience Goals (top) Chapter 2: Understanding and Conceptualizing Interaction Chapter 3: Understanding Users.
Startups, This Is How Design Works – by Wells Riley.
Site web e-Rep. LP. UI. User interface design. UX. Beautiful Data Visualization Special Coming to BBC, Too Bad It's UK Only (Video Preview) The BBC will broadcast an hour-long special next Tuesday called The Joy of Stats and it looks great. Hosted by Hans Rosling, Professor of International Health at Karolinska Institute and Director of the Gapminder Foundation, the show will use some beautiful computer generated graphics to demonstrate the importance of data and data visualization.
Unfortunately, the show is expected to be shown only in the UK, due to BBC licensing practices. (It's on BBC 4, UK only.) That's a real shame, because as is so amply demonstrated by the preview video of the show - statistics, data and data visualization are matters of global importance. Thanks to Nathan Yau, author of the great blog Flowing Data, for posting this video in the first place we saw it.
See also Rosling's widely acclaimed TED Talk video and Emily Cunningham's in-depth review of Gapminder's DIY data desktop data visualization tool here at ReadWriteWeb from August. Infographics Are Broken. We Can Do Better. | Erick Schonfeld: TechStream. Infographics on the web are so bad and so broken. They are everywhere, yet few actually do a decent job of conveying information (click on the one at left to see what I mean). Some even argue that they are ruining the Internet.
They tend to be formulaic and overreaching, often cobbling together too much information instead of focusing on the one or two nuggets that are truly useful. (How much better would most infographics be if they pulled out the most salient chart or set of stats and discarded the rest?) There are many reasons why they suck. Primary among those is that they take too long to make, and the underlying data is difficult to assemble. Today, they are driven more by marketing budgets than editorial discretion.
I know we can do better, which is why I’ve applied for a grant from the Knight News Challenge on Data to build a data visualization platform to address some of these shortcomings (please like it or reblog it on Tumblr). As I note in my Knight News application: Explore Visualizations. Icon Search Engine | Iconfinder. 2011 Logo Design Trends - Showcase, Examples & Discussion. Posted on 30'11 Apr Posted on April 30, 2011 along with 53 JUST™ Creative Comments Logo Lounge, for the past nine years, has posted annual logo design trend reports and they have just released the 2011 logo design trends report.
I would love to hear your thoughts on the showcased trends. Do these identity / branding trends effect you or your process? Do you agree with these suggestions? Have you noticed any other trends? Logo Lounge: 2011 | 2010 | 2009 | 2008 | 2007 | 2006 | 2005 | 2004 | 2003Disucssion on JCD: 2011 | 2010 | 2009 Disclaimer On this topic of trends, one should not follow trends for the sake of following them.
Every year, it’s worth noting that this is a report on trends, not a recipe book of styles. 2011 Logo Design Trends Gradients Juvi Vibrate Earth Monoline Series Brown Dandruff Concentric Loopys Banded Comma Buckys Fruit Back Again Isometric Blackhole PickUpSticks Reactive Medallions Do these identity / branding trends effect you or your process? Share this Article 9StumbleUpon. InterfacesRiches.Fr. Guidelines for URI Design. Google+ Buttons in CSS | Improve your UI | Pixify. The Pros & Cons of A/B Testing for Startups.
One of the topics we touch on from time to time here at ReadWriteStart is the importance of solid design aesthetics for Internet startups. One of the key elements in creating a user-friendly design is A/B testing - a process by which two or more variations of a design element are tested with different groups of users. A/B testing, however, doesn't apply strictly to the visuals of a site; it can also be a useful tool for startups hoping to learn what their users like best. The Good: Learn About Your Users' Habits For designers, A/B testing is a nice way to gauge user response to small tweaks, including fonts, spacing, artwork or other visual elements. Startups can take advantage of these methods to test non-visual elements of their sites, such as pricing plans, new features, and registration forms.
The ability to see feedback based on two or more variations can help a young company make the best decisions surrounding its business going forward. The Bad: Relying Too Heavily On Perfection. Visual blogs. Ui Parade – User Interface Design Inspiration.