Flashbulb Interaction
http://www.flashbulbinteraction.com/index.html
Flashbulb Interaction, Inc. is a research, strategy, and design consultancy that works with clients to envision powerful and engaging user experiences for knowledge workers at the forefronts of their fields.UIデザインガイドラインのまとめ : could
Apple을 비롯한 여러가지 업체에서 제공하는 UI가이드라인에 대한 정보24 ways: User Styling
customising the CSS of websites using Stylish
Eigentlich nichts Neues, nur die Verweise auf die aktuelle Implementation in anderen Browsern sind relevant.Gridplane: Home
excellent flash site of a web development company5 Design and Interaction Reference Books you should have available | Tutorial9 - Tutorial Bliss.
Books to buy/order from library
The author details Web Design and Interaction Design books for beginner to advanced readers.Coding Horror: Avoiding The Uncanny Valley of User Interface
apple at it again
3D Desktop
A series of Apple patent filings published this week reveal the Mac maker has spent a considerable amount of time outlining a new multi-dimensional interface for Mac OS X that would make better use of screen real estate by increasing the number of virtual surfaces capable of housing application and interface elements.30 Essential Controls
pretty much a overview of anything you could need50 of the Best Ever Web Development, Design and Application Icon Sets : Speckyboy - Web Design, Web Development and Graphic Design Resources
icons and more iconsMockups To Go - A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups.
Mockups To Go A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups.
A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups.Infragistics Quince: UX Patterns Explorer / Home
Specific user experience patterns and their pros and cons.dewey
search engine for archive.org music
music library
I wrote a Perl script to crawl through the Live Music Archive and make an XML file of all the streamable songs, and now I'm putting the information from the XML file into MySQL databases to populate this interface. I'm also tweaking the interface to make it look nice and neat. Dewey is named after the Dewey Decimal System because it organizes the Live Music Archive library in the same way that the Dewey Decimal System does. I understand that sifting through that many artists is a bit daunting if you don't know what you're looking for. I've added Genre tags that are pulled from Last.fm to help you find your style, and a search function to help you find exactly what you want. While I look into better options, and as the database grows, let me suggest that you use the "Concerts From Today" tab to narrow down your listening possibilities while browsing. I hope to be adding rating, tagging and commenting functionality soon.Clear And Effective Communication In Web Design | How-To | Smashing Magazine
By Steven Snell Communication is one of the foundational elements of a good website. It is essential for a positive user experience and for a successful website that truly benefits its owners. All types of
Communication is one of the foundational elements of a good website. It is essential for a positive user experience and for a successful website that truly benefits its owners. All types of websites are affected by the need for good communication in one way or another. Regardless of whether the website in question is an e-commerce website, a blog, a portfolio website, an information website for a service company, a government website or any other type of website, there is a significant need to communicate effectively with visitors.
methods, challenges, content, and tips.Infragistics Quince: UX Patterns Explorer
cool tool by J. Ambrose Little, needs SilverlightRecreating the button | stopdesign
多少ぼやかしてはいる部分はあれど、個人サイトで情報をここまで公開したことに驚きました。彼と確か、Googleに就職した途端にだんまりを決める人っているよね(悪い意味ではなく)、みたいな話をしたことがあったように思いますが……もしや会社的にOKを出したうえでのこと?
Gmails new buttonsTED: MIT Students Turn Internet Into a Sixth Human Sense -- Video | Epicenter from Wired.com
In the tactile world, we use our five senses to take in information about our environment and respond to it, Maes explained. But a lot of the information that helps us understand and respond to the world doesn't come from these senses. Instead, it comes from computers and the internet. Maes' goal is to harness computers to feed us information in an organic fashion, like our existing senses. The prototype was built from an ordinary webcam and a battery-powered 3M projector, with an attached mirror -- all connected to an internet-enabled mobile phone. The setup, which costs less than $350, allows the user to project information from the phone onto any surface -- walls, the body of another person or even your hand.
Holy crap.
dude honestly insaneCooper Journal: One free interaction
Yes! I think a free interaction gives the user experience that special edge.
"One free interaction" is a prospective design pattern that gives software and hardware a more humane feel. It exists outside of task flows and the concept of users as task-doers. Instead it sits in the "in between" spaces, suiting users as fidgeters, communicators, and people who play with things.
Very nice post from Chris Noessel of Cooper Design on the more subtle but no less brilliant elements of iPhone design, as well as other simple, pleasing software highlights
I flip page control on the home screen back and forth, for no apparent reason.
"Since we want our designs to be humane and, presuming they fulfill their utilitarian purposes well, emotionally satisfying, I suggest that designers begin to include one free interaction in their designs to enable the channeling of energy and simple expression."Flickr: Designing Web Interfaces' Photostream
Small videos showing UI elements.30 More Portfolio Sites for Your Design Inspiration
Sample portfoliosArticle Skimmer
Handy way of skimming NYT.11 Ways to Enhance a User Interface with MooTools | Web Design Ledger
When creating a User Interface, it's important to make it engaging for the user not only from a visual standpoint, but also with interactivity. With so manyAdmin Templates | Most Inspired Blog
The best way to describe Siftables might be "Blocks that can think." Visit the website to watch a TED presentation of these fantastic devices.
What are Siftables? Siftables are cookie-sized computers with motion sensing, neighbor detection, graphical display, and wireless communication. They act in concert to form a single interface: users physically manipulate them - piling, grouping, sorting - to interact with digital information and media. Siftables provides a new platform on which to implement tangible, visual and mobile applications.7 Interface Design Techniques to Simplify and De-clutter Your Interfaces | Webdesigner Depot
If you can take a complex device or a piece of software and somehow rearrange, reorganize and redesign the interface to make it easy to use and understand, then you’re well on the way to delivering a better user experience.Gridplane
website with good graphs/charts/grids
Cool stuff, more data based than xplaneウェブサイトでやってしまいがちなユーザビリティのミス | コリス
ギョウザビリティー
デザインやWFのチェックに
ウェブサイトでやってしまいがちなユーザビリティのミスAdobe - Developer Center : Industry trends in prototyping
To read later.
Industry trends in prototyping Dave Cronin Cooper Get an e-mail update of new articles Comments (3) Created: 2 February 2009 User Level: All Products: Fireworks Prototype is one of those words that can mean something different to everyone. Before I get too far along in a discussion of prototyping, it's probably worth exploring what I'm talking about. In the world of designing interactive products and services, prototype is generally defined as some representation of a design idea. In the world of physical products, the term tends to connote something quite similar to the finished manufactured form. Indeed, industrial designers use the term model to describe what interaction designers think of as a prototype.Sage Business IQ - Train Your Business Brain
menu 3D flashInfragistics Quince: UX Patterns Explorer / All Patterns
Fancy UI for displaying design patterns
Quince is a rich UX patterns, sometimes called UI patterns, explorer.株式会社コルテックス
ボタンs
animation
immersione in ambiente video totale, ottimo coinvolgimento dell'utente. fullscreen e pagine html in simultanea
Assustadoramente japones!
estudio japones.. web presentacion
A really cool animation for some studio out in Japan. The navigation is really bad, but the site beautifully eerie.5 Great Alternatives to the Twitter Interface | LostInTechnology
tweetdeck twhirl alternative
Some tools to enhance your Twittering.
It's been probably a year since I typed twitter.com. I do use Twitter daily, just not the Twitter site. Sometimes, I use desktop-based applicationsPasta&Vinegar » Blog Archive » Evolution of game controllers
streamlined user testing idea創業450年 京友禅の老舗 千總 / Founded in 1555. CHISO OF KYO YUZEN
Cool! グラフィックは凄いけどサイトとしての内容はないなw でも見とれてしまう
Founded in 1555. CHISO OF KYO YUZEN
12MB feinstes Flash. Sehr schön.
和風2.5次元のフルFLASHサイト
een heel rustige 'zen' site. Oosters met oosterse typische aquarellen in de achtergrond. heel rustgevendAjaxian » Designing Web Interfaces with Bill Scott and Theresa Neil
Design LedgerBrain Power Video - CBSNews.com
Pessoas paralizadas conseguem se comunicar através de eletrodos conectados a um computador. Fantastico!
People who are completely paralyzed due to illness or trauma are getting help communicating with a new technology that connects their brains to a computer. Scott Pelley reports.Pattie Maes demos the Sixth Sense | Video on TED.com
Cool demo of sixth sense device at TED.
TED Talks This demo -- from Pattie Maes' lab at MIT, spearheaded by Pranav Mistry -- was the buzz of TED. It's a wearable device with a projector that paves the way for profound interaction with our environment. Imagine "Minority Report" and then some.Operating System Interface Design Between 1981-2009 | Webdesigner Depot
Webdesignerdepot.com is actually great. This is a sick article. Bravo.
Rassegna di tutte le interfacce utente da l 1973 al 2009. In pratica, la storia dell'informatica!
A Graphical User Interface (GUI for short) allows users to interact with the computer hardware in a user friendly way. Over the years a range of GUI's haveQuick Usability Checklist | UX Booth
Simple but useful checklist for websites. Certainly not a comprehensive list, but a good starting point.Pattie Maes demos the Sixth Sense | Video on TED.com
TED presentation - Social media in the real world - minority report like
This demo -- from Pattie Maes' lab at MIT, spearheaded by Pranav Mistry -- was the buzz of TED. It's a wearable device with a projector that paves the way for profound interaction with our environment. Imagine "Minority Report" and then some.
TED Talks This demo -- from Pattie Maes' lab at MIT, spearheaded by Pranav Mistry -- was the buzz of TED. It's a wearable device with a projector that paves the way for profound interaction with our environment. Imagine "Minority Report" and then some.
Wearable interface of the futureGood Call-To-Action Buttons | UX Booth
Good Call-To-Action Buttons
When designing call to actions on a website (one of the important factors that determine your website's conversion rate) what are the strategic considerations you should keep in mind.The Next Generation in Human Computer Interfaces - Awesome Videos | Singularity Hub
thanks roel!Mega Drop-Down Navigation Menus Work Well (Jakob Nielsen's Alertbox)
Big, two-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain the user's choices.
Don't make response time too fast, though: the mouse should remain stationary for 0.5 seconds before you display anything that's hover-dependent, such as a mega drop-down or a tooltip. Violating this guideline will make the screen flicker insufferably when users move the mouse. Only after 0.5 seconds of resting the pointer on a navbar item can you assume that a user actually wants to see its associated drop-down. Thus, the timing should be: 1. Wait 0.5 seconds. 2. If the pointer is still hovering over a navbar item, display its mega drop-down within 0.1 seconds. 3. Keep showing it until the pointer has been outside both the navbar item and the drop-down for 0.5 seconds. Then, remove it in less than 0.1 seconds.
Summary: Big, two-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain the user's choices.
Big, 2-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain users' choices.Labuat
Controling the graphics with your mouse movement
Matching the pace that the ink line travels to the perceived momentum in the song works particularly well here.
chouette concept de site pour promouvoir un artiste150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog
Login Interfaces
Interface Design Inspiration | 36 Beautiful Login Page/Form Designs | Dzine Blog - http://dzineblog.com/2009/03/interface-design-inspiration-36-beautiful-login-pageform-designs.htmlXWindows Dock. Simply the best application launcher ever.
Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some
10 Creative & Rich UI interfaces & How to Create Them Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some talented web-developers manage to deliver powerful, functional and gorgeous web-design in “look-and-feel”-style, which is easy to use and nice to see. The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. There have been plenty of posts on the number of awesome javascript, Ajax and CSS techniques and where to find them. Today, we will have a look at 10 creative & rich UI interfaces in modern day websites and how you can create similar interfaces using the techniques mentioned in this post.
Lista efektów jakie mogą być wykorzystane przy budowie strony.iPhone Mockup
iPhoneアプリのモックアップが簡単に作れるサイト80+ Photoshop Tutorials: Practical Web Interface Design | Photoshop Tutorials | Tutorials
When it comes to graphic design, Adobe Photoshop is a very popular option and for a reason. Photoshop really can do magic in the hands of a skilled designer. However, the software itself is really hard to use if you're not used to it. In fact, in Photoshop it usually takes ages to achieve something you have never done before. This is where Photoshop Tutorials comes to your help by guiding you though the many difficult steps needed to achieve a specific goal. In this article tripwire magazine present you more than 80 high quality Photoshop Tutorial that guides you step by step in building up a web interface all the way from scratch.
80+ Photoshop Tutorials: Practical Web Interface DesigniPhone UI Vector Elements | MI Blog
here, we couldn’t find anD'Adda, Lorenzini, Vigorelli, BBDO
Ecrire pour naviguer
MSDOS
Portfolio diseño en MS2 (7)
Portfolio MS2
old school involvement. smarty pants9 great UX presentations to help you build better website | KomunitasWeb
construcción de paginas web para users
videos de socialmediaSites Without Menus: Do You Really Need a Main Nav? | Devlounge
"I always thought that the main navigation would be one of the most important elements of a website. I couldn’t believe it, so I set off to look for minimalist websites that didn’t use navigation. Sure enough, I found plenty." -- Dustin Bostonoobject » formula 1 user interfaces
Questions the wisdom of allowing UI complexity of race cars trickling down to the consumer market. Wonder what fighter planes look like.
Goshエンジニアにもわかる「ユーザーインターフェース設計」 (Yahoo! JAPAN Tech Blog)
エンジニアにもわかる「ユーザーインターフェース設計」 (Yahoo! JAPAN Tech Blog)35 Awesome User Interface Design Tutorials | Pro Blog Design
In this article, we explore the strengths of jQuery in letting web developers create impressive client-side-based user interface components.
Some J Query shizzle
Hier zit daadwerkelijk hier en daar wat moois tussen.
BOX TUTORIAIS50 Stylish Navigation Menus for Design Inspiration
There are many ways to design a navigation menu - and since almost all websites have some form of navigation - designers have to push their creative limits to build one that's remarkable and outstanding. In this article, you'll find a showcase of beautiful, creative, and stylish navigation menus for your inspiration.
There are many ways to design a navigation menu - and since almost all websites have some form of navigation - designers have to push their creative limits to build one that's remarkable and outstanding. In this article, you'll find a showcase of20 Excellent Mootools Techniques for Rich User Interface
The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. There’s a lot of powerful interactivity you can bring to your site to spice up just about any web page using one of the most powerful and modular javascript libraries—MooTools! It’s important to note that small and useful features can cleverly deal with hiding and showing important information in non-traditional ways. Today, we will have a look at 20 creative techniques using MooTools javascript framework for rich UI in modern day websites.Applications of usability principles on a social network | creative briefing
As a result of this, social networks should - I say should because not every social network does this - put greater emphasis on usability over, say, a corporate website. Don’t get me wrong, usability is important everywhere you go on the web, but the nature of a social network’s operation makes usability especially important. This perspective guided my thinking during the redesign of the Daily Challenge beta 2.0 website. Many forks in the road were put to rest at the hands of basic usability principles that dictated righter from wronger (sometimes there was no strictly right or wrong answer). These are the principles that I want to share with you in the following case study of how usability can be applied to a social networkGrape
Good reference material on UIs. It's an often overlooked aspect to good design.
Tips and insights into good design and usability.blaubo design
google maps hack
blaubo design 伊野亘輝 GoogleMapsでportfolio
Design25+ jQuery Plugins that enhance and beautify HTML form elements | Queness
Features jeremycowart.com as an example of a site that uses unique flash techniques.
15 Unique Flash Gallery TechniquesA List Apart: Articles: In Defense of Eye Candy
Great article about how good design really works
We’ve all seen arguments in the design community that dismiss the role of beauty in visual interfaces, insisting that good designers base their choices strictly on matters of branding or basic design principles. Lost in these discussions is an understanding of the powerful role aesthetics play in shaping how we come to know, feel, and respond.Interface Design Inspiration | 30 Beautiful Website Footer Designs | Dzine Blog
This post is a part for dzineblog’s interface design inspiration series, the series which focuses on inspiration on graphic user interface designs that will help you in enhancing your interface design skills.:: International Congress of Churches & Ministers ::
Jesus Christ
Flash intro from the future: http://www.iccm-1.org/ (via feedthebird!)How To Use Help Elements To Improve Your Designs | Design Showcase | Smashing Magazine
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザビリティ説明のサイト
これでテストケース引いたらコンスタントにいいものが作れそう
優れたユーザインタフェース設計するポイントUseful scripts and resources Facebook-inspired for web developers
確かにこの見せ方はキレイ。
服を見せるwebの参考に。コレクションのところ
サムネイルのUIが気持ちいい。
metaphor
コレクションのサムネイルで操作させるってのがすごい12 Excellent Examples of “Lazy Registration”
Lazy registration systems allow site visitors to build a profile and register without filling out a signup form right away (or some at all).Maximize the Use of Hover
Intéressant. C'est du connu mais un bon résumé d'ensemble. A voir pour un cours avancé sur les CSS ?
HOVER OVER TEXT
Internet adviceCreate Effective Search Result Pages | UX Booth
Search Result page50+ Refreshing Web Design Interfaces | SherifAbdou - The Design Blog
Which controls are provided from jQuery UI? Which controls are provided by a jQuery plugin?
Essential Controls ListUsabilla - Transparent Usability - Visual Feedback
Usabilla helps you to collect feedback from your users. We take a new approach to usability testing with transparency & visual feedback. We provide a tool to actively involve your users in the process of design & improvement.
Competitor to Chalkmarkgraphpaper.com - Who Watches the Watchman?
Let’s say you own a big building full of valuable stuff. How do you make sure that the night watchman patrolling your factory floor or museum galleries after closing time actually makes his rounds? How do you know he’s inspecting every hallway, floor, and stairwell in the facility? How do you know he (or she) is not just spending every night sleeping at his desk? An elegant solution, designed and patented in 1901 by the German engineer A.A. Newman, is called the “watchclock”. It’s an ingenious mechanical device, slung over the shoulder like a canteen and powered by a simple wind-up spring mechanism. It precisely tracks and records a night watchman’s position in both space and time for the duration of every evening. It also generates a detailed, permanent, and verifiable record of each night’s patrol.
"But the watchclock is another kind of interaction design, one whose function corrals the user into a single, linear, constrained sort of behavior. The night watchman has a fundamental social constraint — the desire to not get fired from their job. This constraint allows the watchclock patrol system to work so effectively (some would say insidiously) as an interaction design instrument of control."
"How do you make sure that the night watchman patrolling your factory floor or museum galleries...actually makes his rounds? How do you know he’s inspecting every hallway, floor & stairwell? How do you know he is not just spending every night sleeping at his desk? If you’re a technology designer, you might suggest using surveillance cameras or even GPS to track his location each night, right? But let’s make this interesting...go...back...[to]1900. What could you possibly do in 1900 to be absolutely sure a night watchman was making his full patrol? An elegant solution, designed and patented in 1901 by the German engineer A.A. Newman, is called the “watchclock”. It’s an ingenious mechanical device, slung over the shoulder like a canteen and powered by a simple wind-up spring mechanism. It precisely tracks and records a night watchman’s position in both space and time for the duration of every evening. It also generates a detailed, permanent & verifiable record of each night’s patrol."
Let’s say you own a big building full of valuable stuff. How do you make sure that the night watchman patrolling your factory floor or museum galleries after closing time actually makes his rounds? How do you know he’s inspecting every hallway, floor, and stairwell in the facility? How do you know he (or she) is not just spending every night sleeping at his desk?stevenf.com - WARNING: A long, rambly exploration of the state...
JG: "Big picture essay by Steven Frank on the state of UI metaphors:"
discussion on the difficulties of changing the concept of the desktop metaphor, from Scott
"Every geek I know shares, to some degree, the notion that the “desktop” metaphor for computers is outdated. What nobody seems to have a solid opinion on is what would take its place."Atrexis Blog: iPhone - Interface Builder Tutorial
Atrexis Systems Limited, Rich Internet and Mobile Application Development: iPhone - Interface Builder TutorialEvolution of Photoshop: 1988 - 2009 | Tools
Adobe Photoshop has always been one of the greatest (if not the best) software when it comes to manipulating and editing image. It all started off in 1987 with a Mac application call Display, created by Thomas Knoll. With almost two decades worth of changes and improvements, you almost can’t imagine how the first version of Photoshop would look like by looking at the Photoshop you have on your desktop. In this post, we attempt to bring you back in time to look at how the very first Photoshop look like, then we scan through each evolution of Photoshop to the latest Adobe Photoshop CS4 in market today. Application Icon Adobe Photoshop .63 (1988) Adobe Photoshop .87 (1989) Adobe Photoshop 1.0 (1990) Adobe Photoshop 2.0 (1993) Adobe Photoshop 2.5 (1993) Adobe Photoshop 3.0 (1995) Adobe Photoshop 4.0 (1996) Adobe Photoshop 5.0 (1998) Adobe Photoshop 5.5 (1998) Adobe Photoshop 6.0 (2000) Adobe Photoshop 7.0 (2002) Creative Suite 1 (2003) Creative Suite 2 (2005) Creative Suite
1988 - 2009 | ToolsMulti-Touch G² - Touch Screen Technology from PQ Labs - MultiTouch LCD, plasma large display
Multi-Touch G² is a Multi-Touch solution that can be easily applied to any LCD or Plasma monitors. With our software platform support, you can showcase your products and services with Multi-Touch on a large screen. WAUW
V-ati cumpara ca alternativa pentru un display multitouch? http://bit.ly/mXol [from http://twitter.com/Bleau/statuses/1504061587]friggeri.net » blog » jquery gestures
Mouse gestures for jQuery. The madness..
pseudo itouch gestures
Jquery gestures
Mausgesten per jQuery erzeugen und einbinden.Pattern Languages for Interaction Design - Boxes and Arrows: The design behind the design
Interview with 3 thought leaders in "pattern library" design tools, exploring what they are and how they're useful.
Pattern Languages for Interaction Design An Interview with Erin Malone, Christian Crumlish, and Lucas Pettinati
Boxes and Arrows: The design behind the design8 Layout Solutions To Improve Your Designs | How-To | Smashing Magazine
The organization of content is probably one of the most important and influential aspects of any good web design. Organizing information into a well-built layout
The organization of content is probably one of the most important and influential aspects of any good web design. Organizing information into a well-built layout is the basis of a website, and should always come before styling concerns.Martini Asti | Zasmakuj elegancji
objects slide into frame
nice animation on movements - good attention to detail
Martini Asti jest doskonałym winem na każdą okazję. Świeży smak i aromat winogron Moscato, kwintesencja włoskiego winiarstwa.FlairBuilder - Interactive Wireframes and Software Prototypes
FlairBuilder is a cross-platform tool for rapid authoring of interactive wireframes and software prototypes.Modal Windows In Modern Web Design | Design Showcase | Smashing Magazine
he modal window has many advantages. For example, when a modal window contains a smaller element, the user doesn’t need to load an entirely new page just to access it (another way to achieve the same effect is e.g. by using AJAX-based tabs). By providing modal windows, you improve the usability of your website. Having to load pages over and over will annoy most users, so avoiding that is definitely a good thing. Modal windows also allow you to save space by getting rid of large elements that don’t need to be on the main page. For example, rather than putting a full video on a page, you can just provide a link, thumbnail or button of some sort. In this article, we’ll go over best practices and trends for working with and building modal windows. We’ll also provide numerous examples of well-constructed modal windows and a few scripts to get you started with building them.My Tiny TodoList | A simple open source todolist written in PHP and jQuery
A simple open source todolist written in PHP and jQuery
My Tiny TodoList is a totally free, simple open source todolist written in PHP and jQuery released from Max Pozdeev and based on my original MyToDoList applicationUIzard - Web Based Ajax Development Tool
Web application developement tool
takie visio online
Web Application Ajax Based Development ToolYouTube - Broadcast Yourself
brengt youtube naar de TV
YouTube en grand format pour la télé
Nueva versión de YouTube preparada para ver videos de mayor tamaño y por consiguiente, más preparada para visualizarlos en pantallas grandes, como por ejemplo las de los televisores.
YouTube XL
TV나 대형 모니터 화면에 적합한 인터페이스를 제공. 버튼이 큼지막해서 모바일 화면에도 적합할 듯...9 Crucial UI Features of Social Media and Networking Sites | How-To | Smashing Magazine
The main function of a good user interface is to provide users with an intuitive mapping between user’s intention and application’s function that manages to provide a solution to the given task. Basically, user interface describes the way people interact with a site and the way users can access its functions. In fact, usability is a biproduct of a good user interface and it determines how easily a user can perform all of the functions provided by the site. Usability is a crucial part of every design, especially on websites with a large amount of functions and users.
crucial features of the user interfaces of social media and social networking sites
Sosyal ağ sitelerinin 9 çok önemli kullanıcı taraflı uygulamaları. Normal sitelerin örnek alması gerekiyor.24 Essential Submit Button Enhancements | tripwire magazine
24 วิธีทำปุ่ม เมนูDigibarn: Xerox Star 8010 Interfaces, high quality polaroids (1981)
RT @jamespage: So you think there's been progress in GUIs since 1981 http://tinyurl.com/d2wkeo [from http://twitter.com/LoXD/statuses/1478953507]
Fotos do OS Xerox Star 8010
Digibarn: Xerox Star 8010 Interfaces, high quality polaroids (1981)
Amazing resource of Xerox GUIOOOii [OPEN INTERFACE] | Designers of the Live Environment
The LIVE ENVIRONMENT is our response to a paradigm shift that is expanding the role of the creative desinger to explore and embrace new interaction models as the primary driving force in realizing the mutualism of consumer and content. This reengineering towards natural experience in an immersive venue is transforming the industry in ways that many are calling a revolution in visual communication.Elements of Great Web Design: The Polish - Psdtuts+
Elements of Great Web Design: The Polish - Psdtuts+ - http://psd.tutsplus.com/tutorials/designing-tutorials/elements-of-great-web-design-the-polish/
When I put together designs, I usually do so in two phases - Layout and Polish. During the layout phase, I place the main objects on the page usually finishing with something that looks relatively complete. In the second stage - the Polish - I go over the design and adjust colors, type treatments, shadows, layers, and generally clean it all up. In this first of a series of tutorials on web design, we'll be looking at the Polish.American Airlines Web Site: The Product of a Self-Defeating Design Process | Design & Innovation | Fast Company
digg_url = 'http://www.fastcompany.com/blog/cliff-kuang/design-innovation/how-self-defeating-corporate-design-process-one-designer-finds-ou'; digg_skin = 'compact'; Designer Dustin Curtis was so disgusted with the American Airlines Web site that he redesigned it, and posted the results as an open letter to the company.Writing Microcopy - Bokardo
"Microcopy is small yet powerful copy. It’s fast, light, and deadly. It’s a short sentence, a phrase, a few words. A single word. It’s the small copy that has the biggest impact. Don’t judge it on its size…judge it on its effectiveness."
Microcopy counts
The fastest way to improve your interface is to improve your copy-writing.Directory of Usability, Information Architecture, and User Experience Design Software
IAApps.com continues to grow, with visits increasing 51%! Check-out our constantly expanding wireframing, prototyping, usability testing, and screen capture sections and leave a review of your favourite app!50 Inspiring Abstract Illustrations in Web Design
50 Inspiring Abstract Illustrations in Web Design
illustratiThe Book Seer
Type in the name of the book and the author you have just read and book seer will give you ideas for other books to read
What should I read next?
Put in the name of a book you've read and get suggestions for other books you might like.
internet recommends booksTextboxList « Devthought
Facebook style autocomplete
dev thought's version of the popular facebook textboxlist
best facebook style autocomplete jquery plugin.
wow, this is the shit!Camelot – Trac
A python GUI framework on top of Sqlalchemy and PyQt, inspired by the Django admin interface. Start building desktop applications at warp speed, simply by adding some additional information to you model definition.
A python GUI framework on top of Sqlalchemy and PyQt40+ Helpful Resources On User Interface Design Patterns | Developer's Toolbox | Smashing Magazine
Kig på nogle af de fede designs og gør et af dem efter til mit eget site
Photoshop Website
photoshop「使えるUIパターンをまとめたサイト40選!」という記事があったので本当に使えるものだけ選んでみた - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
IDEA*IDEA
というわけでユーザーインターフェースのパターンをまとめたサイトですよ。「ここのインターフェースどうしようかなぁ」というときに使えます。なお、選んだ基準はサイトの使いやすさと事例の多さ、ざっくり「インターフェースのこと語るんなら綺麗なサイトじゃなきゃね!」というアバウトな視点です。UI Patterns — Comprehensive User Interface Design Pattern Library
Comprehensive User Interface Design Pattern LibraryShowcase | Konigi
Konigi is about shared knowledge and influence. The idea of researching how others have designed the look and feel of web sites and crafted their user interfaces is a practice many of us are engaged in continually. We may monitor innovative designers and the sites of influence that have paved the way for the practices we engage in as user experience and visual designers. In a way, it allows us to remain competitive to know what others are up to, but that awareness alone can be a double-edged sword.bpython - fancy curses interface to the Python interpreter
bpython is a fancy interface to the Python interpreter for Unix-like operating systems.
Syntaxhighlighting, Autocomplete, etc.7 Rich & Creative User Interfaces and How to Create Your Own | Noupe
Create Featured Content Slider Using jQuery UIUT ZOOM !
グリッド 白背景 パーツに色teehan+lax » Blog Archive » iPhone GUI PSD 3.0
Along with Apple’s official release of the new iPhone 3.0 software came a number of new graphic elements. We’ve been holding off updating the Photoshop file until we could properly implement the additions. We built it using vectors, so it’s all still fully editable. Apple’s SDK is amazing, but when we need to mock up something quickly for a pitch we turn to this. Some of the changes and additions in the 3.0 PSD include: • Map and map elements including curl • Copy and paste elements • Timeline bar editor • Horizontal iPhone • Horizontal Panels bars and keyboards
iPhone graphic assetsアイトラッキングから検証した、使いやすいフォームの10のポイント | コリス
Testing the usability of your site is one of the smartest things you can do. Usability involves making a website's interface easier to use and simpler to
site usability toolsVideo: Designing for Big Data, by Jeffrey Veen
This is a 20-minute talk I gave at the Web2.0 Expo in San Francisco a couple weeks ago. In it, I describe two trends: how we're shifting as a culture from consumers to participants, and how technology has enabled massive amounts of data to be recorded, stored, and analyzed. Putting those things together has resulted in some fascinating innovations that echo data visualization work that's been happening for centuries.
highlighting the shifts in design techniques for streams rather than a drop of data.
Jeff Veen: "This is a 20-minute talk I gave at the Web2.0 Expo in San Francisco a couple weeks ago. In it, I describe two trends: how we're shifting as a culture from consumers to participants, and how technology has enabled massive amounts of data to be recorded, stored, and analyzed. Putting those things together has resulted in some fascinating innovations that echo data visualization work that's been happening for centuries."
I describe two trends: how we're shifting as a culture from consumers to participants, and how technology has enabled massive amounts of data to be recorded, stored, and analyzed. Putting those things together has resulted in some fascinating innovations that echo data visualization work that's been happening for centuries.
Why 1974 was the seminal year for Web 2.0Recreating the MobileMe Web Gallery Interface - Nettuts+
In 2007, Apple updated .Mac (now MobileMe), and introduced the "Web Gallery" feature - a photo sharing service that integrates with iPhoto. Web Gallery offers a beautiful interface, but the layout is done entirely with JavaScript. In this tutorial, we will attempt to recreate the Web Gallery interface using only CSS and a small amount of jQuery.Read It: Search User Interfaces
search ebooks freeLifehacker - The Minimalist OS X Desktop - Desktops
I'm going to have to do this. Lifehacker Reader нawk's desktop is a blend of a simple wallpaper and nicely placed system stats-yielding a clean, minimalist look that gives you the information you want without a lot of clutter.QuickFlip jQuery Plugin | Jon Raasch’s Blog
Plugin em JQuery que gira uma layer com conteúdo "dos dois lados"
QuickFlip is a jQuery plugin I wrote that uses a CSS trick to cause a div, paragraph or any other piece of HTML markup to flip like a card. With a result similar to the UI animation on the iPhone, this jQuery plugin is easily integrated into your webpage to make any portion appear to flip and show its back.
# k Says: November 21st, 2008 at 9:24 am great plugin, it really provides interactive touch # bronius Says: December 4th, 2008 at 9:40 pm Yes, very slick– thanks for sharing it! note to the wayward developer: - do provide a height/width in css for your panels– without it, it swaps but doesn’t smoothly flip - front and back should be of the same size - clip your content with overflow: hidden if you’re unable to reliably stuff your content into a certain size.Outlaw Design Blog » 20 Examples of Great User Interface Design
Creating a wireframe is one of the first steps you should take before designing a website. A wireframe helps you organize and simplify the elements and content within a website and is an essential tool in the development process.
Infromación para generar wireframes, muy utiles para los proyectso web...Helveticons
wowHehkuva | Lehtikuva | a Sanoma company | hehkuva.com
Pictures made of pictures made of pictures.
http://www.lehtikuva.fi/hehkuva/The Economist: Thinking Space
Verschiedene Künstler zeigen ihren Arbeitsplatz
Super cool micro-site done in PV3DUnqualified Reservations: Wolfram Alpha and hubristic user interfaces
A fantastic piece that gets to the heart of the problem with WA: its UI provides only unreliable affordances. To make the best use of its great computational engine and data visualisation parts you essentially have to learn the idiosyncrasies of an incredibly complex and unpredictable front-end.
"Like most hubristic UIs, Wolfram Alpha is operating with a completely fictitious user narrative."12 Navigation Options That Help Users Navigate Through Your Website Effectively | Onextrapixel - Showcasing Web Treats Without Hitch
web design navigation. core nav, doc nav, classification path etcThe Economist: Thinking Space
@TheEconomist Enjoy Thinking Space. Visualize innovation's physicality.30 iPhone Apps with Sexy Interfaces « AppStorm
Beautiful and Functional Too!BBC Memoryshare
Horizontal Scrolling was considered evil before, but now it’s considers as one of a unique way ( mostly for showcasing Things) of approach in web design, And it seems that in most cases it is really put to use in an intelligent way, horizontal scrolling is not good idea in every situation, but when done properly they can really make a website standout, after checking out these samples you can see how it can actually be an interesting interfaceUntitled Document
3D drawing software demonstration
so cool!
Wow, amazing!
dessin vectoriel avec courbe de bésier mais en 3D, réalisé par James Paterson, le logiciel s'appelle Rhonda et est développé par Amit Pitaru
James Paterson and Amit Pitaru
James Paterson is using "Rhonda", a 3D drawing tool developed by Amit Pitaru circa 2003.
beautiful little 2d drawing tool
Makes drawing fully realized forms seem relatively easy. ( via @jackcheng )libcloud python library - a unified interface cloud server providers
Une librairie pour gérer différents fournisseurs de cloud
Scripting the World Wide Computer is getting easier and more standardized.Augmented Reality: Here's Our Wishlist of Apps, What's On Yours?
a sexy, non-reversible live visualization of password field input
Creates a color-bar visualization of the password field useful to avoid mistakes and non-reversible.
a non-reversible live visualization of password field input30 Great Examples Of Drop-Down And Sliding Menus | Spyre Studios
CSS?magneticNorth - an interactive design company, based in the UK
navigation flash (on dessine des formes pour voir des rubriques)iPhone Application Design Patterns — Flyosity: Mac & iPhone Interface Design
UI patterns - interesting readDesigning Convertbot - Tapbots Blog
With the surprising success of Weightbot, it was only a matter of time before we would take on the challenge of outdoing ourselves. We knew people were expecting something big from Tapbots the second time around so what’s more impressive on the iPhone platform than a unit converter? Pretty much anything. In name alone, Convertbot is probably the last application people would expect to see from us. But the truth is, converting units, while extremely ordinary, is a very useful utility for many people. And while there are countless feature-rich unit converters for the iPhone, none of them make the task any more enjoyable. So it really was the perfect robot for us to build. I just wanted to spend a little time writing about how Convertbot came to be. Getting Started The first step was to set up the groundwork for the application. What is the primary purpose of this application? Who is the target audience? What are the bare minimum features this app needs and what features can we add that
The design process of a well-designed iPhone appfontplore // an interactive application designed for searching and exploring font databases
an interactive application designed for searching and exploring font databases
ok, ok. Of little use to us mortals. But the damn application and UI is unbelievable. Just watch the video!
font interaction and exploration through a surface device. Amazing.9 Characteristics of Well-Designed E-Commerce Websites | Vandelay Design Blog
Five Futuristic Interfaces on Display at SIGGRAPHBulletin August/September 2009
social media antipatterns and fuckups
The Information Architecture of Social Experience Design: Five Principles, Five Anti-Patterns and 96 Patterns (in Three Buckets)
Designing and building a successful social website or application is no mean feat. Adding a social dimension to an existing experience is trickier still. Nevertheless, the skills to do so are well worth cultivating, as the ubiquitous, pervasive, massively interconnected world of the Internet and allied digital networks, such as mobile SMS (short message service) connections, have unlocked a growing panoply of opportunities for social relationships, remote presence, real-time interactions and the capacity for self-organized groups of people to coordinate their behavior and collaborate on changing the world.
Five Principles Of the myriad principles we've unearthed so far, five cut across the entire experience: Pave the Cowpaths Talk Like a Person Play Well with Others Learn from Games Respect the Ethical DimensionRealizations of Rounded Rectangles | UI and us
expect that examples like the rounded rectangle will strengthen the argument to ‘go the e
Fascinating or total B.S.? You decide...
Time for an expert: I asked Professor Jürg Nänni, author
rounded corners versus sharp corners50 Really High Quality Photoshop Navigation Menu Tutorials | Graphic and Web Design Blog - Inspiration, Resources and Tools
really goodManaging UI Complexity | Brandon Walkin
nterface complexity is an issue every designer wrestles with when designing a reasonably sophisticated application. A complex interface can reduce user effectiveness, increase the learning curve of the application, and cause users to feel intimidated and overwhelmed. I’ve spent the past year redesigning a particularly complex application with my primary focus being on reducing complexity. In this article, I’ll go over some of the issues surrounding complexity and techniques that can be used to manage it.10 Rules of Front End Coding | Fuel Your Coding
g40 Stunning and Creative Web Sites | Inspiration | PelFusion.com
Computer desktop is a very personal thing. Each of us has a personal preference how our desktop should looked like. Modding (customizing) a desktop can beCarsonified » 10 User Interface Design Fundamentals
UIAndroid GUI PSD Vector Kit | Freebies | Smashing Magazine
"In this post we release Android GUI Starter Kit, a set that comes with several button elements as well as different interface options for Android GUI."
In this post we release Android GUI Starter Kit, a set that comes with several button elements as well as different interface options for Androidd-touch.org Home Page
tangible user interfaces and mixed reality applications
拡張現実ドラムマシン リズムマシンEye Candy IS A Critical Business Requirement
Visual design is more than styling. It is function.
Importance of aestheticsウェブデザインのユーザーインターフェースに使えるサイトまとめ | DesignWalker
"I had originally planned to do a post detailing the design of Convert… from my assy “programmer mockup”… until the finished app. But I figured that this would be much more fun and 1000x less long-winded" Nice to watch this ... the familiar practice of feeling your way around interface design, like drawing.
"What happens when you stick a few people who can’t agree on anything at first… but later agree on everything… in a virtual room to do some app design? "
A evolução de uma interface para iphone. via @blude
A great blog about the iphone.Extreme Makeover: Craigslist Edition
'make it personal' is like your idea!
The craigslist team isn't interested in updating the site, so Wired asked leading designers to give it a user-interface lift.
Khoi, Anh & Paul contributed one design.
Craigslist Today35 Excellent Wireframing Resources | Developer's Toolbox | Smashing Magazine
VIEW ALL
Conventional contact lenses are polymers formed in specific shapes to correct faulty vision. To turn such a lens into a functional system, we integrate control circuits, communication circuits, and miniature antennas into the lens using custom-built optoelectronic components. Those components will eventually include hundreds of LEDs, which will form images in front of the eye, such as words, charts, and photographs. Much of the hardware is semitransparent so that wearers can navigate their surroundings without crashing into them or becoming disoriented. In all likelihood, a separate, portable device will relay displayable information to the lens’s control circuit, which will operate the optoelectronics in the lens.Create a Digg-style post sharing tool with jQuery | Queness
I was surfing website and searching for inspirations and I stumbled upon digg.com. I discovered a small utility on every single post, the share link. Yes, I want to implement that, it looks cool, practical and useful! So, this tute, we are going to make a digg-style post sharing toolbox. It's all pretty straight forward and need a little bit of planning. The way it works is different with digg's. If you view the html source code of Digg's, it has the sharebox html code in every single post. But, in this tutorial we have only one sharebox, and all the links are sharing the same template.50 Most Usable RIAs | InsideRIA
review of hundreds of RIAs while compiling examples for our book Designing Web Interfaces: Principles and Patterns for Rich Interactions, and subsequent talks and articles.12 Flash-like jQuery Effects | Dev Words
One of the brilliant things about jQuery is the ease in which you can implement animations. A few years ago anything that looked even the smallest bitUI Trends
The Good, The Bad, & The Ugly of User Interface Design UI Trends (uitrends.com) is intended to be 1. a dynamic light-weight repository for interesting user interface designs and trends for website and web applications 2. a place to comment on and discuss user interface designs and trends 3. a source of inspiration for designers and developers
site where you can vote up or down a trend in ui design30 Flash-Based Photography Sites
30 sitios web de fotografia hechos en FlashCollpasible Drag & Drop Panels Using jQuery
# $('.column').sortable({ # connectWith: '.column', # handle: 'h2', # cursor: 'move', # placeholder: 'placeholder', # forcePlaceholderSize: true, # opacity: 0.4, # }) # .disableSelection();Customization of UIs and Products (Jakob Nielsen's Alertbox)
Websites that let users customize the UI have the same measured usability as regular sites. Sites for customizing products, however, score substantially worse due to complex workflow.The Most Creative 10 Websites and Apps Built on Top of Twitter | Inspired Magazine
Twitting all day about design stuff is one of my favorite things lately, but Twitter is more – much more than that. A lot of creative folks have build whole new and amazing websites and services around Twitter and we’re showcasing the best 10. Please leave your thoughts suggestions in the comments area.50 Inspiring Web Application and Service Web Site Designs : Speckyboy Design Magazine
ショッピングサイトは扱っている商品やマーケティングはもちろんですが、デザインやインターフェースの使い勝手なども、売り上げにつながる大きな要素なのでは無いでしょうか?
ショッピングサイトをデザインする際に参考にできそうな使えるサイトをいろいろとまとめてみました。TapFancy – An iPhone app design showcase and gallery
Muy interesante sobre como hacer atractivos los botones de las páginas WebGoogle Fast Flip
really easy way of browsing popular news ... should be a nice addon for techmeme
Google Fast Flip : Latest Headlines in a Visual Way
Schön, wenns das auch auf deutsch gäbe, denn im Schnitt interessieren mich amerikanische Medien nicht so sehr....Beautiful Examples of Inset Typography in Web Design
"Inset typography, or letterpress typography, is a type treatment trend where text is made to look impressed into a surface. When used correctly and creatively, it leads to a captivating and engaging reading experience, able to bring attention to key textual content. In this collection, you’ll see a great number of examples (23 of them to be exact) that utilize the inset typography/letterpress typography style in web design for a variety of situations."Google
google search ui twitter wikipedia
Wish Google looked like this... 0:)Conversational UX Design | From The Head Of Zeus Jones
nice article on how to shift to a UX mindset
Make users learn by doing what they came to do21 Essential iPhone Apps with Sexy Interfaces « SUBERAPPS
Apps with Sexy Interfaces
potential iPhone native “Contacts” app replacement. With groups you can manage your contacts easily, organizing them using drag and drop. Your created groups will synchronize with iPhone’s Contact app. Email groups of people easily with this app, call or SMS anyone easily, all with a very sexy interface.Simplicity in Good Web Design : Advantages & How -to « Noupe
Simplicity in Good Web Design
Provided some examples of simple website designs.
Simplicity in website design doesn't necessarily equate with a minimalist design aesthetic. Simple sites just remove all unnecessary elements from the design,Enhancing User Interaction With First Person User Interface « Smashing Magazine
But sometimes, it makes sense to think of the real world as an interface. To design user interactions that make use of how people actually see the world -to take advantage of first person user interfaces.The 7 signs your UI was created by a programmer
Do you suspect a programmer may have put together the terrible user interface on that “enterprise” software you’re forced to use every day? There are some give-away indicators. Look out for them in your software, hunt down the developer and force them to read a book about user interface design. If you’re suitably senior, force them to a) improve it, or even better b) get someone with real UI experience to fix it.
"Do you suspect a programmer may have put together the terrible user interface on that “enterprise” software you’re forced to use every day?"Styling Design Elements: 5 Beautiful Post Headings « Noupe
We will start a new set of posts that will demonstrate different way of creating and styling various design elements. Today our focus will be on “Post Headings“, how to style and markup this important block that comes before any post. Usually “Post Headings” consists of 5 essential elements: * 1- Post Title * 2- Publishing Date * 3- Author Name * 4- Post Category ot Tags * 5- Number of CommentsIntegrating Prototyping Into Your Design Process - Boxes and Arrows: The design behind the design
Grand Theft Auto: Chinatown Wars is one of the most subversive, provocative video games of recent years. It may also be one of the most important, not because of its content but because of how it is delivered.40+ Techniques of JavaScript for Professional UI | Tutorial Lounge
CSS and Javascript tricks
Excelentes scripts para varias funciones.Best Practices for Designing Faceted Search Filters :: UXmatters
In this column, I’ve presented five best practices for designing filters for faceted search results. Of these, I think the first—choosing either drill-down or parallel selection—is the most important. If you choose your filter value-selection paradigm correctly, you are already half way there.
Five best practices for designing filters for faceted search results. Of these, I think the first—choosing either drill-down or parallel selection—is the most important.
Recently, Office Depot redesigned their search user interface, adding attribute-based filtering and creating a more dynamic, interactive user experience. Unfortunately, Office Depot’s interaction design misses some key points, making their new search user interface less usable and, therefore, less effective. That’s the bad news. The good news is that the Office Depot site presents us with an excellent case study for demonstrating some of the important best practices for designing filters for faceted search results, as follows:
Recently, Office Depot redesigned their search user interface, adding attribute-based filtering and creating a more dynamic, interactive user experience. Unfortunately, Office Depot’s interaction design misses some key points, making their new search user interface less usable and, therefore, less effective. That’s the bad news. The good news is that the Office Depot site presents us with an excellent case study for demonstrating some of the important best practices for designing filters for faceted search results, as follows: 1. Decide on your filter value-selection paradigm—either drill-down or parallel selection. 2. Provide an obvious and consistent way to undo filter selection. 3. Always make all filters easily available. 4. At every step in the search workflow, display only filter values that correspond to the available items, or inventory. 5. Provide filter values that encompass all items, or the complete inventory. By following the attribute-based filtering desiShowcase of Designs Optimized for iPhone « Smashing Magazine
Loads of nice iPhone designs.Search Results Design: Best Practices and Design Patterns « Smashing Magazine
The search results page is the prime focus of the search experience, and can make or break a site’s conversion rates. Therefore, bridging the gap between a user and the content or products they seek is a crucial factor in the success of any large website.Interview with Web Usability Guru, Jakob Nielsen | Webdesigner Depot
You only need 5 users to uncover enough usability insights to keep you busy for months.
Inspirational interview with Usability Expert!
In this article, we’ll be focusing on web usability and more specifically, on the views of world renowned usability expert, Jakob Nielsen.32 Amazing Mini vCard Websites with Slick Javascript Animation | Queness
Slick Javascript Animation
Have a look at these beautifully crafted javascript animated vcard websites. It's simple, beautiful and simply inspiring!A design and usability blog: Signal vs. Noise (by 37signals)
Wonderful stuff
Would be nice. I'm not sure how this would handle the pulling of data w/o draining the battery.
こういうのがいい。
Mockup of a new iPhone home screen75+ Marvelous Hand-Picked Navigation Menus - Webitect
Excelente comparativa entre los teclados del iPhone y de Android.
Virtual Keyboards on iPhone and AndroidMinimizing Complexity In User Interfaces « Smashing Magazine
"Clean. Easy to use. User-friendly. Intuitive. This mantra is proclaimed by many but often gets lost in translation. The culprit: complexity. How one deals with complexity can make or break an application. A complex interface can disorient the user in a mild case and completely alienate them in an extreme case. But if you take measures first to reduce actual complexity and then to minimize perceived complexity, the user will be rewarded with a gratifying experience."
Clean. Easy to use. User-friendly. Intuitive. This mantra is proclaimed by many but often gets lost in translation. The culprit: complexity. How one deals with complexity can make or break an application. A complex interface can disorient the user in a mild case and completely alienate them in an extreme case. But if you take measures first to reduce actual complexity and then to minimize perceived complexity, the user will be rewarded with a gratifying experience.
By http://bit.ly/Tweets2DeliciousInteractivity in Web Design: A Beginner’s Guide | Desizn Tech
Interactivity in Web Design
The Internet is a different place than it was 10 years ago. Back then, the only way people could find information was by surfing the Internet using searchWonderwall
Official website of WonderWall/Masamichi Katayama
via jayjaypowpow - ridiculous flash sites, the likes of which I've not seen in awhile. neat!これはもう使用しない方がいいウェブデザインのトレンド | コリス
ひとつの参考意見程度に。
分かりやすくまとまってますwiPhone App Design Trends « Smashing Magazine
graphical user interface paradigm we today take for
10/GUI aims to bridge this gap by rethinking the desktop to leverage technology in an intuitive and powerful way.10/GUI : The Video
A great idea for human computer interaction using a large multitouch surface
remind you of anything? iphone functionality
Meh.
"The purpose of the 10/GUI concept video is to inform, inspire, and start discussions. An ocean of experimentation, iteration, investment, and adoption lies between these early ideas and whatever the future of HCI will hold. Will the principles of 10/GUI prove viable? To test these waters is the only way to find out"ignore the code: 10/GUI
nice study on multitouch interfaces with beautiful animation
Pretty interesting take on the desktop. The iPhone has proven you can manage quite complex tasks with your fingers. I'd love to try something like this.404 Error Pages for Your Viewing Pleasure | Web Design Ledger
No one likes seeing the dreaded error page on a website. It usually occurs when a link is bad. Error pages, also known by their street name as 404 pages, are10/GUI on Vimeo
Here it is: my crazy summer project to reinvent desktop human-computer interaction. This video examines the benefits and limitations inherent in current mouse-based and window-oriented interfaces, the problems facing other potential solutions, and visualizes my proposal for a completely new way of interacting with desktop computers. There's more information at http://10gui.com .
Desktop touch based application navigation. 8min video.
Here it is: my crazy summer project to reinvent desktop human-computer interaction. This video examines the benefits and limitations inherent in current mouse-based and window-oriented interfaces, the problems facing other potential solutions, and visualizes my proposal for a completely new way of interacting with desktop computers.
fooooooooooooooda! novo estilo de interface para programas, usando múltiplos pontos de contato
the future in desktop design - moving beyond the mouse
it's genius
odoo you will love this...iPhone App Site Design Trends
iPhone App Site Design Trends!!!!
Identity Guidelines for DevelopersBeautiful Gradient Typography in Web Design
ตัวอย่างการใช้เท็กซ์โลโก้สวยๆบนเว็บCarsonified » 10 Tips on Writing Hero-worthy Error Messages
Doh! %&^%&^%&! Another forehead-smack-worthy curse-laden moment: Ive filled out a lengthy online form and hit the submit button only to find myself staring back at an empty form peppered with red errors. Has this happened to you? Of course it has. While considering how much I really need to complete this form, I start making notes on how Id design it to be a better experience. Seriously, how many date formats am I going to have to try before I get this sucker right? Do I need to phone a friend? The lack of strong error messaging is a regular issue I encounter as both a user and UX designer. As the bearer of bad news to users, error messaging can be the element that determines whether your app gets a Sale or FAIL. Editors Note: Well be covering UX tips and strategies at The Future of Web Design NYC on Nov 16th 17th. 1. Error messaging is customer support Error messaging is a critical component of customer support. Customer support teams are experts at talking to and co
help on writing error messages for forms
ThinkVitamin - Carsonified's blog about the webA jQuery Plugin for Zoomable, Interactive Maps | Raleigh Web Design & Development | New Media Campaigns
Brand = User Experience: The Interface of a CheeseburgerStyling Post Headings That Stick Out | Blog Post Heading Design | Styling Post Headings | CSS Post Heading | Post Header Design
If we could tear into the fabric of time and look a decade into the future, what kind of experience might we find? In this article we will explore creating a timeless user experience.にっぽんと遊ぼう | NIPPON TO ASOBO
平安建都千二百年を迎えた1994年、日本古来の古き良き伝統と日本文化の真髄が息づくまち京都をもう一度見つめ直し、自分たちの手で盛り上げようという思いから始まりました試み、それが「にっぽんと遊ぼう」です。
にっぽんと遊ぼう 平安建都1200年イベント simone
平安建都1200年のイベント告知、及びアーカイブサイト。40 Quality Photoshop UI Design Tutorials - Psdtuts+
Want to improve your interface design skills? If so, then check out this group of Photoshop tutorials. There are loads of tuts here to get started with basic elements and work your way up to full interface designs, which integrate numerous custom elements. If you're looking to get started with Photoshop UI design or build these skills, then jump into these tutorials right now!Create a Simple Infinite Carousel with jQuery
This tutorial will show you how to create a infinite carousel script with jQuery. It also have a simple autorotate script that will rotate items in the carousel.
slide show...
Create a Simple Infinite Carousel with jQuery - http://www.queness.com/post/923/create-a-simple-infinite-carousel-with-jquery20 Useful & Nicely Designed Web Applications | Web Resources | WebAppers
The appearance and usability of certain interface elements and functionality are crucial to the success any websites in today’s market. Studies have demonstrated that even a split-second delay in thinking on the user’s part will weaken their perception and interest in a website and ultimately lower the website’s conversion rate. In certain niches and industries, having UI elements that are not obvious in their use may be perfectly acceptable. The blogging and web development industry are perfect examples. But when we design user interfaces for non-tech-savvy audiences—which is usually the case with client work—we have to ensure that certain UI elements do not stray too far from what users are accustomed to. This article discusses some best practices and usability traits of six user interface elements and the conventions for each, so that developers can create user experiences that are both beautiful and simple.IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開 - Publickey
Dzine Blog
f you have a broken link on your site or the pages, which don’t exist any longer, have moved to a new server or have never existed at all, visitors will get an internal error message from the server. However, by default these messages aren’t that helpful Whilst a well designed page can provide a means to find what they are looking for, wouldn’t it be great to display related information visitor might be interested or even redirecting them back to main page in a custom 404 page, here we have collected some 50 cool custom 404 pages just to inspire you, well not all are very informative some are simply an image or just with funny message but still it goes with the site itself..MOBILE ART LAB. — モバイル表現研究所 —
iPhoneと、本を組み合わせたハイブリッドな本。 読み進めながら、画面をタッチしたり本そのものを傾けたりなど、 内容に沿ったインタラクティブなアクションを楽しめる。 インタラクションを伴わない通常の動画や、写真で利用することも可能。
phone book iphone book60 Trendy Web Design Interfaces Created In October | Graphic and Web Design Blog -Resources And Tutorials
Share this on del.icio.usDigg this!Share this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxSubmit this to DesignFloatShare this on FacebookTweet This!Submit this to Script & StyleShare this on DevmarksRelated Posts48 Trendy And Fresh Web Interfaces From Deviantart: August 200946 Outstanding Web Layouts From DeviantArt: September 200955 Really [...]
inspirationThe Berlin Wall: 20 Years Later - A Division Through Time - Interactive Feature - NYTimes.com
Excellent article/information/photographic visualization of the Berlin Wall.
Cool side-by-side comparison of Berlin then and now.
I love these types of interactive pictures. More like this please.
Slider showing before and after photographs of Berlin.Find your tracks
Search music based on different genere, the navigation is fantastic
Trouver des styles de musique par cibles (age, centres d'interets, format, sexe)
Filter tracks by genre, tags, playlists. Simple, well executed interface
Musica a vontade!5 Damn Easy Ways To Improve User Experience | Spyre Studios
5 Damn Easy Ways To Improve User Experience
Simple tips for a good UX. These are obvious wins...Larva Labs - Intelligent Home Screen
Some suggestions for improving a smart phone's (actually, the Android's) home screenFilament Group Lab Example Page from: Accessible, Custom Designed Checkbox and Radio Button Inputs Styled with CSS (and a dash of jQuery)
Great ideas for e-commerce sites
Web Design and Development Blog
While user experience is important on all types of websites, it is especially critical for ecommerce websites where visitors will be making purchases. A poor user experience will result in visitors having difficulty finding what they want, frustration during shopping, and many lost sales. In this post we will showcase the design of 35 e-commerce websites for your own UI design inspiration. The sites that are showcased in this post have also been featured at CartFrenzy, our gallery of the best ecommerce web design.Designing Social Interfaces: Overview and Practical Techniques - Smashing Magazine
TED video of gesture cyborg accessory
TED Talks At TEDIndia, Pranav Mistry demos several tools that help the physical world interact with the world of data -- including a deep look at his SixthSense device and a new, paradigm-shifting paper "laptop." In an onstage Q&A, Mistry says he'll open-source the software behind SixthSense, to open its possibilities to all.
Pranav Mistry demos several tools that help the physical world interact with the world of data -- including a deep look at his SixthSense device and a new, paradigm-shifting paper "laptop." In an onstage Q&A, Mistry says he'll open-source the software behind SixthSense, to open its possibilities to all.
Pranav Mistry demos tools that help the physical world interact with the world of data, including a paper laptopThe death of the URL | FactoryCity
"We all know that the internet has won as the transport medium for all data — but the universal interface for interacting with the web? — well, that battle is just now getting underway."Checking in Hotel Web Design: 50 Cosy Hotel Websites and Trends | Onextrapixel - Showcasing Web Treats Without Hitch
50 Cosy Hotel Websites and Trends
Design * Animation Tools * Beautiful Wallpapers * Black & White Graphic * Church Web Design * Collage Web Pages * Color Tools * Creative Illustrators * CSS Galleries * Designer Portfolio * Designing WireframesAndroid GUI PSD | Android interface elements in PSD
Android interface elements in PSDAn Introduction to Understanding and Implementing Web Usability : Speckyboy Design Magazine
Usability
Book on web usability.Four Key Principles of Mobile User Experience Design - Boxes and Arrows: The design behind the design
Prior to becoming a senior UX designer at Popular Front Interactive, I spent two years as a mobile UX researcher within the Georgia Institute of Technology’s Mobile Technologies Group – a lab tasked with both future-casting and then rapidly prototyping innovative mobile experiences.Myths & Misconceptions About Grid Systems • Blog Archive • AisleOne
A few myths and misconceptions about grids exist in the design community that can be detrimental, especially to designers who are new to the subject. I recently read an article, which is no longer online, claiming that grids have disadvantages and it listed the reasons why. As you can guess, I very much disagreed with the entire article and felt that it was providing a lot of bad information on grid systems. All of the listed “disadvantages” were distortions derived from the lack of understanding on how a grid works and functions. In response to that article, here’s my attempt at clearing up this mess. Grids are a design trend. Grids have been in use long before graphic design became a discipline. During the 13th– and 14th-centuries, scribes used the Villard Diagram to organize their handwritten manuscripts. In the 15th-century, Gutenberg and others divided their pages using the Van de Graaf canon. The use of a grid is not a trend, it’s a fundamental skill that designers should pos
A few myths and misconceptions about grids exist in the design community that can be detrimental, especially to designers who are new to the subject. I recently read an article, which is no longer online, claiming that grids have disadvantages and it listed the reasons why. As you can guess, I very much disagreed with the entire article and felt that it was providing a lot of bad information on grid systems. All of the listed “disadvantages” were distortions derived from the lack of understanding on how a grid works and functions.jQuery Plugins For A Better User Interface | jQuery Wisdom
By http://bit.ly/Tweets2Delicious12 Useful Tutorials to Style Web Forms
yling a tableless css web form requires advanced skills in CSS. Besides that, we have to consider the form accessibility and usability as well. With all these tutorials, they will show you the right way to implement web form.Times Skimmer by The New York Times
ranked according to the the recommendations of the New York Times' editorial team. rss feel interface, 8 types of layouts
Alternate way of browsing NYT content. Good use of layout and @font-face
a new application for NYTimes.com that provides online readers with the layout and experience of paging through a newspaper
"I like this new interface to the NYT online. The Times’s PR announcement describes it as more like a newspaper, but I’d say that’s true only in spirit. It’s far less cluttered than the regular Times web site layout, and it feels faster. Cutting-edge on the tech side, too: in Safari it displays headlines and sub-heads using the same fonts as the print edition, thanks to the new CSS @font-face property and TypeKit."Mark Coleran Visual Designer » Playback Graphics
My big list of 24 Web Site Usability Testing Tools In the past few years, there has been massive growth in new and exciting cheap or free web site usability testing tools, so here's my list of 24 tools you may need to use from time to time. Gone
A detailed list of 24 usability testing tools, including pros, cons and pricing for each.Better Software Through Less UI | Potion Factory
verbose scheduling via natural language expressions
Andy Kim of Potion Factory walks through his design decisions for a UI to specify recurring events in a to-do-list/calendar app.
Better design through less interface. Designing a recurring schedule without the garbage UI.
task repeat repetitionOn API Design Guidelines
api design
On API Design Guidelines, Books, Java, NeuroningInspirationTime - a Showcase of Beautiful Web Design
Une interface en 360 ° plutôt réussi pour gérer de sliens Digger
les évènements importants de 2009 par diggBest User/Web Interface Designs and How To Create Them
รวมตัวอย่างสุดยอดทำเว็บสวยๆ40 Best Ever Photoshop Tutorials of Web Layout Designs | Tutorial Lounge
[ad#post-linkunit] Adobe Photoshop ever famous Designing tool and most useful for creating attract high-quality website designs, all web professional designers have been using in their practices for years as also seen some latest trends like: we
Adobe Photoshop ever famous Designing tool and most useful for creating attract high-quality website designs, all web professional designers have been using in their practices for years as also seen some latest trends like: web 2.0 web layouts, Grung website designs, Portfolio designs, Gallery based websites, wordpress themes, illustrators web layouts and cartoonish web site design tutorials here in listed, there are plenty of tutorials specifically for this purpose. Here is a collection of 40 Best Ever Photoshop Tutorials of Web Layout Designs to teach you create your own layout for your website. Check them out, learn and enjoy the tutorials.
40 ตัวอย่างสุดยอด ทำเว็บดีไซน์24 ways: Type-Inspired Interfaces
nice little article w/ examples
"I often start by choosing type. I don’t need to worry about colors or layout or anything else… just the right typefaces that support the art direction."タブUI詳解 | コリス
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例 http://www.smashingmagazine.com/2009/06/24/module-tabs-in-web-design-best-practices-and-solutions/10 Photoshop Interface Features you Didn’t Know Existed
alt on eyedropper
Here it is, short & sweet. 10 techniques for working in Photoshop that you may not know existed.The 7 signs your UI was created by a programmer
“Are you sure you don’t want to lose your changes?” Err… what? No. I mean YES. Oh sh*t.
Do you suspect a programmer may have put together the terrible user interface on that “enterprise” software you’re forced to use every day? There are some give-away indicators. Look out for them in your software, hunt down the developer and force them to read a book about user interface design. If you’re suitably senior, force them to a) improve it, or even better b) get someone with real UI experience to fix it.
Ian Voyce, 2009-09-14
The 7 signs your UI was created by a programmer. Not really fair on programmers, but fun nonetheless.A piece with a lot of screenshots about the close tab behaviour in Google Chrome | The Invisible
Wow.
chromeの閉じるボタン考
brilliant
Well considered, with a wonderful pay-off line
interesting accelerator for mouse users in chrome. delay in resizing when closing tabs, to make it easier to close multiple.Functioning Form - The Apple Store's Checkout Form Redesign
Though most people wouldn't consider Apple's Web site an important online destination, November saw Apple in the top ten list of US Web sites. 62 million Internet users visited Apple online during the month with an average of 1 hour and 18 minutes spent per user. By comparison, Google had 155 million unique visitors in November.
Functioning FormiPhone GUI PSD 3.0 | Teehan+Lax
photoshop GUI template for iphoneMag+, a concept video on the future of digital magazines – Blog – BERG
magazines on handheld digital devices
Prototype of future magazine interaction
This conceptual video is a corporate collaborative research project initiated by Bonnier R&D into the experience of reading magazines on handheld digital devices. It illustrates one possible vision for digital magazines in the near future, presented by our design partners at BERG. The concept aims to capture the essence of magazine reading, which people have been enjoying for decades: an engaging and unique reading experience in which high-quality writing and stunning imagery build up immersive stories.
re-creating a magazine experience on a digital device or e-reader
cool concept. Well thought out on eReader presentation. Not here yet but coming!
"This conceptual video is a corporate collaborative research project initiated by Bonnier R
offers up a preview of how the magazines reading experience could be transformed through mobile networked devices. (via Helene Blowers)
This conceptual video is a corporate collaborative research project initiated by Bonnier R&D into the experience of reading magazins on handheld digital devices. It illustrates one possible vision for digital magazines in the near future, presented by our design partners at BERG.
RT @Scobleizer: How many of these behaviors will we see in a new Tablet in 2010? http://vimeo.com/8217311 inspiring. Apple? Steve Jobs? :-)Interface Design Inspiration | 30 Impressive Ways to Design Sign-Up Page/Form | Dzine Blog
In most online business the revenue of the site solely depends on the registered and active users and Making the visitor of your site to sign up isn’t easy, nobody likes to fill in forms .
Inspirational Design Sign-Up Page/FormAPI Design Tips (Software Engineering Tips)
By Bill Westerman (Principal, Create With Context). "How people really use the iPhone", an interesting readout of design issues and recommendations for people designing for the iPhone and beyond.35 Fresh and Cool Web Design Interfaces for Inspiration | AEXT.NET
35 Fresh and Cool Web Design Interfaces for Inspiration
Refrescants i coloristes50 Mac Apps With Well Designed & Sexy Interfaces « SUBERAPPS
Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.
Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.EBSL | erikbelowsealevel.com | Erik Kiesewetter | New Orleans 2009
A pixel is a single point in a raster image
So how can one lone pixel have an impact on a web design? It probably can’t. However, if you extend that pixel in one direction, it becomes a line, and in the hands of a masterful designer with an attention for subtle detail, the 1px line is a powerful design element. It can be used in many different ways, but in this article we’re going to take a look at how pixel perfect line work can add depth to a design.Ten Examples Of Unconventional Site Navigation
How do you design your content for a Kindle?65 Creative And Stylish Footer Designs of 2009 | Graphic and Web Design Blog -Resources And Tutorials
UNIQLO TRY - RESEARCH ENTERTAINMENT.
opiniões de pessoas do mundo todo. Vc navega pelo globo e vai vendo os vídeos. Classe!
地球Best Photoshop Website Layout Tutorials of 2009 | Vandelay Design Blog
Best Photoshop Website Layout Tutorials of 200952 Weeks of UX
It is not uncommon for companies to sink large amounts of money into obtaining traffic to their websites in an attempt to increase conversions. Some of their money might go towards search engine optimization and some might go towards pay per click or search engine marketing. Little do they know their problem might not be about getting more traffic. The real problem could be that they have a poor call to action.The Case Against Vertical Navigation - Smashing Magazine
10 Completely Free Wireframe and Mockup ApplicationsHINT.FM / Fernanda Viegas & Martin Wattenberg
This is the collaboration site of Fernanda Viégas and Martin Wattenberg. We invent new ways for people to think and talk about data. As technologists we ask, Can visualization help people think collectively? Can visualization move beyond numbers into the realm of words and images? As artists we seek the joy of revelation. Can visualization tell never-before-told stories? Can it uncover truths about color, memory, and sensuality?
"This is the collaboration site of Fernanda Viégas and Martin Wattenberg."24 UX Articles to Start 2010 | UX Booth
This post showcases a wonderful collection of wireframe templates. It even includes Jason Robb’s template he showcased in a post for UX Booth titledProgress Trackers in Web Design: Examples and Best Practices - Smashing Magazine
When designing a large website, especially one that contains a store, you may be required to design a system for ordering online, or a multi-step process of another...55 Trendy Web Design Interfaces From Deviantart | Graphic and Web Design Blog -Resources And Tutorials
▍ ★∴ ....▍▍....█▍ ☆ ★∵ ..../ ◥█▅▅██▅▅██▅▅▅▅▅███◤ .◥███████████████◤ ~~~~◥█████████████◤~~~~ www.nikes-jordan.com , instant online Paypal payment! TT Assuring good quality, Coupons and feebies! Don't miss out! Jordan,AF1,Nike , RunningShoes, Sneakers, Dunks $40 Brand Jeans: $ 38 Brand sunglasses, $18 Brand Caps/Hats: $ 18 Brand Belts: $ 28 Free Shipping, Retail and wholesale! Payment options: Paypal , TT, Westunion www.nikes-jordan.com
best practice videos on flickr
Bill Scott, Designing Web Interfaces. Examples of interfaces and interactions in action.20 Beautiful Mac Apps | Design Reviver
20 Beautiful Mac Apps | Design Reviver - http://designreviver.com/inspiration/20-beautiful-user-interface-examples-of-mac-applications/
Mac OS X is known for housing an amazing graphical user interface. Not only is the operating system beautiful in every way, but a large portion of the applications developed for Macs have great usability along with a stunning “face”. Below you will find 20 Mac Apps With Beautiful User Interface Designs for your inspiration. This is also a great reference for those that are looking to develop their own applications.sexybuttons - Project Hosting on Google Code
500 Internal Server Error25 Tutorials and Resources for Learning jQuery UI - Speckyboy Design Magazine
There are many many tutorials and plugins for the jQuery core, but not so many that focus on jQuery UI. jQuery UI has been criticized in the past for its lack of documentation and support, but times have changed. Accompanied by its content rich website, in-depth docs and, especially, support from the jQuery community as a whole, jQuery UI has become huge and has never been easier to use. This post has been written as an introduction and reference for the amazing jQuery UI.ignore the code: Realism in UI Design
Finding the sweet spot between realism and obscurity in design elements. (via @gracesmith)
consejos acerca de interfaces de usuario demasiado realistasThe Apple Tablet Interface Must Be Like This - apple tablet - Gizmodo
Some people want the Apple Tablet to run Mac OS X's user interface. Others think its UI will be something exotic. Both camps are wrong: The iPhone started a UI revolution, and the tablet is just step two. Here's why.
Interesting guess at how the Apple tablet UI might be designed.Pen v keyboard v Newton v Graffiti v Treo v iPhone (Phil Gyford’s website)
For some time I’ve been meaning to test my small collection of PDA/smartphone gadgets to see which of their methods of input was quickest. The iPhone’s software keyboard? The Newton’s handwriting recognition? Palm’s Graffiti? With the possible imminent arrival of a tablet from Apple that will save the world, it seemed a good time to get round to the test.
Phil Gyford tested a small collection of PDA and smartphone gadgets to see which of their methods of input was quickest. He tested six input method: Apple Newton handwriting recognition (1997); Palm Vx Graffiti (1999); Palm Treo 650’s hardware QWERTY keyboard (2004); Apple iPhone 3G’s software QWERTY keyboard (2009); old-fashioned Pen & Paper; a full-size QWERTY keyboard. He copied out 200 plus words. And he did it twice for each input. The results were surprising. Palm Graffiti was surprisingly slow. Handwriting was surprisingly slow. The iPhone soft keyboard was surprisingly fast.
Productividad escribiendo en diferentes dispositivos. For some time I’ve been meaning to test my small collection of PDA/smartphone gadgets to see which of their methods of input was quickest. The iPhone’s software keyboard? The Newton’s handwriting recognition? Palm’s Graffiti? With the possible imminent arrival of a tablet from Apple that will save the world, it seemed a good time to get round to the test.
Sehr schöne kleine Statistik. Das iPhone gewinnt nach der QWERTZ Tastatur und vor der Handschrift.60 Sites with Attractive Typographical Introductions
Typography is a beautiful element that magnifies a website’s creativity. The stunning letterforms and positions of the fonts can be moving and inspiring. Effective use of typography can also be combined grid placement, and allows users to better understand what it is you’re trying to get across. In recent times, we’ve seen our share of websites with beautiful introductions that are purely text-based. This sort of headlining allows you to read and comprehend words on a visual level. They are a great form of art that, if done correctly, will affect the minds and emotions of your visitors.15 Common Component Patterns
Odds are good if you are designing a enterprise software or a productivity web application, you’ll need a number of these components…
15种常见的元素典范~Project SIKULI
automate anything you see AND automate using screenshots this is one of my dreams!
Sikuli is a visual technology to search and automate graphical user interfaces (GUI) using images (screenshots). The first release of Sikuli contains Sikuli Script, a visual scripting API for Jython, and Sikuli IDE, an integrated development environment for writing visual scripts with screenshots easily. Sikuli Script automates anything you see on the screen without internal API's support. You can programmatically control a web page, a desktop application running on Windows/Linux/Mac OS X, or even an iphone application running in an emulator.
Programming environment for scripting that has a visual system that recognizes gui elements.The Grimace Project
表情制御するらしい
顔芸自動生成ライブラリSSW Rules to Better Interfaces
Now that Apple has officially released the iPad we want to start designing for it. While Apple's interface builder is great, it doesn't really allow us
iPad PSDignore the code » Designers are not Programmers
Very interesting perspective.
There seems to be a growing sentiment that interaction designers, visual designers and UI designers need to know how to write code.
Do not force user experience designers to learn how to code.25 UI Inspiration and Design Pattern Resources - Speckyboy Design Magazine
Are your fresh design ideas no longer fresh or are you a designer who continually re-uses the same old and trusted design patterns that have followed you for many a year? Or, you might just be a UI designer that is stuck in a rut? If you are looking to change all that, then this is the post for you.What to Expect in 2010: UX/UI Design Simplicity
The change we have been waiting for has come - our users have matured. 2010 is the year of Design Simplicity.15 jQuery Plugins Giving Web Interfaces Drag ‘N Drop Capabilities | tripwire magazine
hehe, my first bookmark tagged with iPad (not the last I think)50 Free UI and Web Design Wireframing Kits, Resources and Source Files - Smashing Magazine
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers:scratch.py -- hyper-fast mini-webapp production, in Python
You should need to know a little about using the command line, and perhaps a little Python, before using this.Oliver James Gosling - Freelance Web Developer
Oliver James Gosling - Web Developer & Internet specialist based in Bristol, UK.
@j_car http://www.goslingo.com is indeed very pretty - clever too, quite a lot to discover for a one page sitejQuery Quicksand plugin
アイコンが動かせる20 High Quality Free Fonts for Designers | Freebies
More AWESOME FREE Fonts!
fonts
Here are 20 high quality free fonts for you to use in your designs. In this selection, you will find a variety of styles. Some are more progressive, while others are just impossible not to love, like Sketchetica – a hand drawn version of Helvetica. Whether you’re doing posters, t-shirts, or web designs, you should find these fonts very useful.
20 High Quality Free Fonts for DesignersThe Definitive Guide To Styling Web Links - Smashing Magazine
After forms, data tables are likely the next most ubiquitous interface element designers create when constructing Web applications. Users often need to add, edit, delete, search for, and browse through lists of people, places, or things within Web applications. As a result, the design of tables plays a crucial role in such an application’s overall usefulness and usability.
Great filter examples from Luke Wroblewski.
luke wRich Internet Application Screen Design | UX Magazine
This article will outline the process we use to create rich applications, focusing primarily on screen design. All of the content is geared specifically toward productivity applications like Software as a Service (SaaS) products and Rich Enterprise Applications (REAs)The Future of User Interfaces
Oxo
How to make a useful measuring cup
alex lee of smart design (oxo's external design firm) on their work. highlights: recognizing pet peeves and making obvious solutions for unnoticed problems. helping people without the stigma of letting them know they're being helped. simply needing keen observation to solve some types of problems.
Oxo measuring cup
A conversation on the design of OXO's measuring cups, plus a link to GEL conference.iA » iPad Stencil for Omnigraffle
This is the first version of an OmniGraffle template for folks designing iPad apps.ユーザーフレンドリーな優れたナビゲーション集 | コリス
ナビゲーションメニューのデザインショーケースの紹介。この記事からリンクしている「ウェブデザインにおける効果的なコミュニケーションの取り方」は、先日紹介した「Clear And Effective Communication In WebDesign」の意訳版ですね。
Smashing30 Brilliant Websites So Smart in Organizing Design Elements | DevSnippets
クリエイティブなECサイトのデザインギャラリーです。
*
E-Commerce sites are often considered to be boring and unattractive, however, that is not always the case. This post showcases 25 e-commerce sites that demonstrate creativity in the design. It may be the layout, graphics, design style or site structure, but all of them break the mould of the typical e-commerce site.Showcase of Great Web App Interfaces | Webdesigner Depot
Compilação das mais belas interfaces gráficas de Aplicativos na Web25 Examples of Convincing Call-To-Action Buttons | Design Shack
By http://bit.ly/Tweets2Delicious
Despite what many people will tell you, there are no hard-and-fast rules when it comes to call-to-action buttons. Yes, it’s true that large, colorful buttons, surrounded by plenty of space are usually the most successful, but it’s important that you tailor each button to the primary task of the web page in question, whether it’s to Signup,Designing User Interfaces For Business Web Applications - Smashing Magazine
ui design
Business Web application design is too often neglected. I see a lot of applications that don't meet the needs of either businesses or users and thus contribute to a...The Principles of Great Design
re two examples of sites that I feel take each of these principles into consideration to produce fantastic deHow to get better at UI design
++++ Self trainingiPad Application Design » Matt Legend Gemmell
Some good commentary on how the iPad UI is a new class of different (via @DaringFireball)リッチインターネットアプリケーションの実装時に検討したい30のUI | コリス
インターフェイスを考える。猿人|en-jin
うほうほ。クリエイティブエージェンシー猿人のwebサイトPure CSS speech bubbles – Nicolas Gallagher
Balões
Don't work in IE6, though...Arrivals | Development Status | Cultured Code
Another status board following the airport style.
Another very nice #board that I'd like to have it at #af83 http://tr.im/RawF
Nice status page from Cultured Code, makers of Things for the mac
scheduled43 Essential Controls for Web Applications | UX Booth
Sliding labels in forms
nett Sliding Labels v2 http://bit.ly/9ttvPp #css
フォームのラベル
Sliding Labels v2 – Patch « CSSKarma - http://www.csskarma.com/blog/sliding-labels-v2/jQuery Dock Menu Tutorial Revisit - Dock at Bottom | Queness
Worth reading when willing to experiment and investigate jQuery. Hopefully that's soon.
Facebook , Footer BARZoomable User Interfaces « Usability Post
Tips and insights into good design and usability.
prezi
3d user interfacesUltimate Roundup of Free User Interface Icons | Graphic and Web Design Blog -Resources And Tutorials
There are so many icon websites available on the web but what we are presenting here is only high quality and web2.0 free icon packs collected from various websites ,designers galleries and blogs.HP releases netbook interface for Ubuntu - Download Squad
HP releases netbook interface for Ubuntu
ume-launcher.
Does HP step on Microsoft's toes? "HP releases netbook interface for Ubuntu" http://is.gd/io3L [from http://twitter.com/LoXD/statuses/1184450096]30 Examples of Clean and Minimal Website Navigation | Inspiration
Design inspiration twitter cloneGoogle Reader - Play
酷!
Uh, do I really need this? It's ok but...
「Google Reader」のお手軽版What Twitter Looks Like For Twitter Employees (SCREENSHOTS)
example backend for twitter with Britney Spears info
It don't need to be pretty (though that helps), but it does need to work.
Francophone geek site Nowhere Else says hackers sent them screenshots from the site Twitter employees use to manage the microblogging service, admin.twitter.com.
...hackers sent them screenshots from the site Twitter employees use to manage the microblogging service, admin.twitter.com... [It's amazing to see all of the back-end stuff necessary to run something so "simple" as Twitter.]20 Gorgeous Web Application Interfaces | Design Shack
About This page describes the authoring and use of style guides created to ensure consistency across a product or web site. The style guide may covers anything from branding, usage of colors, and page layout, to development practices and standards.
User Interface style guides resource
This page describes the authoring and use of style guides created to ensure consistency across a product or web site. The style guide may covers anything from branding, usage of colors, and page layout, to development practices and standards.Well-Placed Pixels
javascript:_dlsetp('v2=1');
javascript:_dlsetp('v2=1'); で新インターフェースに切り替え。v2=0で元に戻す。Coding Horror: The Opposite of Fitts' Law
Ejector seat switch right next to cabin lights and FM radio. Brilliant.
"If we should make UI elements we want users to click on large, and ideally place them at corners or edges for maximum clickability -- what should we do with UI elements we don't want users to click on? Like, say, the "delete all my work" button?"
this is a really good article about UI design: http://www.codinghorror.com/blog/2010/03/the-opposite-of-fitts-law.html
I agree with this advice.BBCが使っているJavaScriptのライブラリ『Glow』が遂に一般公開! - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
Unnatural experiments in web design | http://cli.gs/2gyJ5Z **Must see for every #ux designer [from http://twitter.com/MikevHoenselaar/statuses/2109009831]
Paul Annet, from Clear Left
Knowledge management and competitive research community for user experience design on the web.使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください -.. - 人力検索はてな
"Our Silicone ILluminated Active Peripherals, or SLAP widgets, are physical widgets made from silicone rubber and acrylic that combine the advantages of physical and virtual devices: Our SLAP buttons, sliders, knobs and keyboards have the physical shape of real devices to provide the right haptic feedback, but are still easily relabeled using a tabletop rear projection. At the same time, they are particularly low-cost, and easy to put to use."
périphériques et table "multi-touch" pour manipuler des données numériques de manière tangible
SLAP widgetsBest User Interface Design Resources: The Round-up | Dzine Blog
web toolsAll Design Patterns | Open Source Design Pattern Library
reverse-engineering user interface to allow mashup of applications, supposedly
Imagine if every interface was open source. Any of us could modify the software we use every day. Unfortunately, we don't have the source. Prefab realizes this vision using only the pixels of everyday interfaces. This video shows using Prefab to add new functionality to Adobe Photoshop, Apple iTunes, and Microsoft Windows Media Player. Prefab represents a new approach to deploying HCI research in everyday software, and is also the first step toward a future where anybody can modify any interface.Premium Graphic Design Resources | MediaLoot
graphics, icons, patterns resource
Premium graphic design resources
very cool site... join this for resources?Writing Decisions: Saving space without losing meaning - (37signals)
The first thing I do when I want to cut out some words is not read the original version. I just write a new one.
DETTE er copywriting av høg klasse og teksttrimming med riktig fokus: Kort og handlingsorientert, dvs selgande.
“I didn't have time to write a short letter, so I wrote a long one instead.” - Mark Twain An example of rewriting text to be shorter and more focused.iA » Designing for iPad: Reality Check
With its high pitched light contrast, iPad is a miracle picture book or photo frame—but it (still) doesn’t replace printed matters. If, executed carefully, text on an iPad comes quite close, but it needs a lot of care and specific screen typographic know-how. Web body text sizes (14-16px) feel kind of small on iPad while bigger sizes clash with the canvas dimensions. This leads to all sorts of basic grid restrictions. iPad’s resolution is higher than a regular LCD but still lower than an iPhone which gives the pixel type an unusual “in between” feel.
when you write a text it doesn’t count words but the right column tells you: how much time someone spend to read your text until the cursor position (top number) the total reading time (bottom number)
Experiences designing apps and websites for the iPadWhat the iPad is Missing (No, it’s not a Camera) | The FontFeed
background re typography, UI
RT @azaaza: What the iPad gets wrong with typography. Apple doesn't care about text? http://bit.ly/ab3HRb
annavflow
Herramienta para test de navegación rápidos en páginas web
モックアップのユーザビリティーをテストできるサイト
test de usabilidad que los diseñadores webMacintosh: 25 Years (Jakob Nielsen's Alertbox)
25 godina GUI interfejsa
The Macintosh was introduced January 24, 1984. In fact, the Mac was originally manufactured in the Fremont, California building that now houses Nielsen Norman Group.... Summary: Although its individual features weren't new, the Mac offered integration, the expectation of a GUI, and interface consistency.
"Although its individual features weren't new, the Mac offered integration, the expectation of a GUI, and interface consistency. " Nielsen kommenterer hva Mac har betydd for utviklingen av GUI, og hvor iPhone bør ta oss nå.
He points to "usability" as the great triumph of the Mac. Not only is the platform more successful than ever, but the computing world wouldn't even resemble the one we know without it.3D Computer Interface on Vimeo
Utilizing the theory of electrostatics, we have designed a low-cost human-computer interface device that has the ability to track the position of a user's hand in three dimensions. Physical contact is not required and the user does not need to hold a controller or attach markers to their body. To control the device, the user simply waves their hand above it in the air.
static electricityEmotional Interface Design: The Gateway to Passionate Users | Carsonified
Nice piece detailing the importance of emotional design in interface design.
Emotional Interface Design: The Gateway to Passionate Users
We’re changing. Our relationships online and in real life are shifting as we become more public with our private lives. Online social networks have helped our real world social networks transcend time and space making it easy (and seemingly essential) to share the triumphs, tragedies, and trite moments of life. No longer do you simply tell your best friend that you’ve broken up with your boyfriend. It feels natural to many people to tell hundreds of Twitter followers, and Facebook friends. No matter how you feel about the appropriateness of over sharing, the shift towards a public private life is changing our expectations of the relationships we create online. Remember the websites of the late 1990’s and early 2000’s that used formal language to create a professional, guarded persona and brand? The trend was towards the serious, because it seemed like you couldn’t land clients or entice new users if you weren’t stuffy.楽器とかインターフェイスの話 - SLN:blog*
機械と人の関係と、操作習得のエンターテイメント性のお話
猛烈に面白いWhy Apple is great at interfaces when others are not | TechRadar Team | TechRadar UK
It's all right here: "Rather than survey a bunch of users on every decision, the Mac team decided each issue among themselves, invariably going for the option that might amuse a user the most, that would give a user the most pleasure, and therefore imbue the Mac with personality."
How something as simple as a shaking password box helps technology have a personality.http://www.minimalcomps.com/
Googleが目指す最高の検索UI
グーグルの検索ユーザーインターフェースの仕事をしていると言うと、友人たちは一様に「いったい何をするんだ?何も変わっていないじゃないか」と言います。そして、疑わしげに私を見て、せっかくの良いものを下手に変えないでくれとも言います。「心配には及ばないよ。グーグルは今までどおり、簡単で早くてわかりやすいページのままだよ」「それは良かった。でも、そのメンテナンスのどこが難しいっていうんだ?」
googleに入るしかない。あとで読む。
* 小さなページ * 複雑なアルゴリズムをシンプルに表示 * どこででも使える機能 * データに基づいた決定-実験、実験、とにかく実験Designinterviews
Menus de web originals
DesigninterviewsiPad Usability: First Findings From User Testing (Jakob Nielsen's Alertbox)
Web usability guru Jakob Nielsen thinks your innovative iPad UI is too "weird." I think he should, just maybe, stop worrying about a "back" button.
"iPad apps are inconsistent and have low feature discoverability, with frequent user errors due to accidental gestures. An overly strong print metaphor and weird interaction styles cause further usability problems. "
iPad apps are inconsistent and have low feature discoverability, with frequent user errors due to accidental gestures. An overly strong print metaphor and weird interaction styles cause further usability problems.あらゆるものを変える可能性のある知っておくべき15個の最新テクノロジー - GIGAZINE
かなり劇的な変化が起きそう。TappGala: The Best in Mobile Interface Design
TappGala: The Best in Mobile Interface Design - http://www.tappgala.com/
The Best in Mobile Interface Design
iPhoneアプリのデザインまとめアーカイブサイト!15 In-Depth Examples of Addictive User Experience | Design Shack
15 clever and unique ui solutions from designshackCreating Slick Forms Using Ajax, jQuery & CSS: No More Ugly Forms | DevSnippets
disambiguity - pretty design pending
Design should never be democratic, and that's easier to accomplish in a community than in a committee.Downloads: KidsMenu is a Kid-Friendly Interface for Windows
Screencasts to accompany the bookDock Content Tutorial with jQuery and jQuery Easing Plugin | Queness
Dock Content Tutorial with jQuery. Hides top navigation with a drop down
This tutorial will show how to create a jQuery dock that positioned at the top of your website, show and hide on mouse over event. By using easeOutBounce from jQuery Easing plugin, the transition effect has greatly enhanced and much more attractive.
dock menuSki Lodge (for iPhone)
""How to make your user interface CRAP
in making attractive designs, but I think they can (and should!) be applied when designing user interfaces. This post
Graphic design has 4 basic principles that appear to varying degrees in all well designed works; Contrast, Repetition, Alignment and Proximity. They are there to help guide you in making attractive designs, but I think they can (and should!) be applied when designing user interfaces. This post will show you how. Anyway, I like the acronym!
How to make your user interface CRAP: http://tinyurl.com/6o79yz [from http://twitter.com/tadej/statuses/913793683]
对比,重复,对齐,近似FORA.tv - Tan Le: Mind Control
good fora.tv video w/ tan le of emotiv and a live demonstration of the epoc
Tan Le, co-founder and president of Emotiv Systems, gives a live demo of a mind control device that uses a person's thoughts to input computer commands.EG is the celebration of the American entertainment industry. Since 1984, Richard Saul Wurman has created extraordinary gatherings about learning and understanding. EG is a rich extension of these ideas - a conference that explores the attitude of understanding in music, film, television, radio, technology, advertising, gaming, interactivity and the web - The Entertainment Gathering
Tan Le, co-founder and president of Emotiv Systems, gives a live demo of a mind control device that uses a person's thoughts to input computer commands.DaVinci (Microsoft Surface Physics Illustrator) on Vimeo
Looks pretty responsive and very fun.
multi touch table met echte physics werkingWordPress › Blog » The Visual Design of 2.7
Dashboard design
looks nice, long live wordpress, the standard bearer for open source design efforts.The Future of Touch - ReadWriteWeb
Reading: The Future of Touch http://bit.ly/h35Fs [from http://twitter.com/sandroalberti/statuses/1249922068]
The Future of Touch: http://tinyurl.com/chk48v [from http://twitter.com/malinkaiva/statuses/1252423020]
chinese: 触摸未来 http://www.yeeyan.com/articles/view/ITAQ/31935
kmote
The future is bright...11 UI Kits for iPhone and iPad Development | Freebies
Last week we posted a collection of printable wireframing templates which included some for iPhone and iPad app design. These are great for communicating earlyiA » WIRED on iPad: Just like a Paper Tiger…
iPadDesigning for iPhone: The Ultimate Roundup of Resources | Graphic and Web Design Blog
So why didn’t they choose HTML5 and build a custom viewer application around WebKit?
I just downloaded the Wired iPad application, and like most iPad applications (and most magazines for that matter), I found myself bored with it within the first 20 minutes. I’m sure the content is engaging, I’m sure the articles are worth reading – but I am stumped as to why I would chose this over the physical magazine itself, or their website for that matter. In fact, for reasons I’ll get into below, I’m starting to believe that the physical magazine’s “interface” is vastly superior to it’s iPad cousin. However, what strikes me most about the Wired app is how amazingly similar it is to a multimedia CD-ROM from the 1990’s. This is not a compliment and actually turns out to be a fairly large problem… 1990’s Here We Come … Again
at you can’t do application specific
A really good take on how iPad is not really delivering "Value" with their iPad magazines..Kyle Meyer / Portfolio
Interactive designer with a passion for simplicity
Really nice one-page portfolio website.John Underkoffler points to the future of UI | Video on TED.com
人機介面 三度空間
The future of #UI presented by John Underkoffler http://j.mp/cNmiED #tedtalk
Minority Report science adviser and inventor John Underkoffler demos g-speak -- the real-life version of the film's eye-popping, tai chi-meets-cyberspace computer interface. Is this how tomorrow's computers will be controlled?Sign Up form design - best practices & design review | Unmatched Style
Boas praticas de design
a new post just doesn’t seem so simple a process to me. I haPajinate – A jQuery Pagination Plugin « The Silver Lining
paging mit jquery
Pajinate is a simple and flexible jQuery plugin that allows you to divide long lists or areas of content into multiple separate pages. Not only is it a simpler alternative to server-side implementations, the time between paginated-page loads is almost nil (up to a reasonable page-size of course).
PAra agregar paginación a listas largasDesign interface application Framework | France
Crispy and pixel precise icons
A pixel precise icon collection created for interface designers and web designers. Theses icons are easy to adapt to your own needs. ...30 Free Web Design UI Kit Resources | VisonwidGet
网页设计的工具包,有的是设计类的框架Icons « 19eighty7
free for use (personal/commercial)
The spirit20 icon set consists of almost 500 transparent PNGs at 20×20 pixels, and is completely free to use for both personal and commercial projects. No attribution is required. It includes icons documents, media, system, internet, mail, hardware, users, actions and misc.Information Architecture: Enhancing the User Experience | Webdesigner Depot
RT @draenews: Del Information Architecture: Enhancing the User Experience | Webdesigner Depot: http://bit.ly/afWXUZHow To Critique An Interface « Aza on Design
Designing for the new iPhone 4 resolution.
Here’s a list of tricks and techniques I learned so far. Over time we’ll see more design conventions, but for now it’s just a lot of guesswork.iPhone Dev Center
日本語に翻訳されたiPhoneのドキュメントです。英語版の方が新しい場合がありますので、巻末の更新履歴を確認して下さい。
開発ガイドラインなど
iphone系リソース(mobile HIGとか)リンク集ipad vector GUI elements: tabs buttons menus icons | Icon Library
ipad vector GUI elements: tabs buttons menus icons | Icon Library http://ow.ly/259su
Great freebie from iconshock, this set contains almost all ipad UI elemments, including buttons, tabs, menus, keyboard, balloms, etc etc… very useful for designers and developers, it includes scalable and totally editable vector versions (adobe illustrator)
b
Another great freebie from iconshock, this set contains almost all ipad UI elemments, including buttons, tabs, menus, keyboard, balloms, etc etc… very useful for designers and developers, it includes scalable and totally editable vector versions (adobe illustrator), enjoy it and spread the word twitting and stumbling
http://migre.me/QWw7 - elementos do Ipad em vetor! :D – Leandro Varanda (leandrovaranda) http://twitter.com/leandrovaranda/statuses/16698504351Prologue: Iron Man 2 | Motionographer | Motion graphics, design, animation, filmmaking and visual effects
Article on iron man 2 motion graphics design.伊藤内科医院
おもしろいな、これ。
Flashじゃなくてもリッチさが表現できるサイト。デザインの色味が素敵です。
大分市大石町 伊藤内科医院のWebサイトです。大分県大分市大石町4丁目1組の2 / 診療科: 内科・循環器科・呼吸器科・消化器科・小児科 / 診療時間: 午前8時半~正午・午後1時半~午後5時半 / 休診日: 日曜・祭日・木曜午後・土曜午後
mootoolsを使った可変グリッド。
コンテンツが可変だったり、移動できたりします。
デザイン的に良いか悪いかは、別にして新しい表現だと思う。Smoking Hot Mac Interface Design: 30 Stunning Apps | Mac.AppStorm
Mac applications are known for their superb design, and in the past few years UI designers have really embraced this trend by creating some really remarkableignore the code: Gestures
@flo_muc problem 1 is no common vocabulary, problem 2 is UI that doesn't show verbs. @LKM just wrote about just that http://ignco.de/290 – Duncan Wilcox (duncanwilcox) http://twitter.com/duncanwilcox/statuses/14697678481
Annotated link http://www.diigo.com/bookmark/http://ignorethecode.net/blog/2010/05/25/gestures
Way back when, computers used to only have command line interfaces. To get a PC to do anything at all, people had to memorize commands, and type them in correctly. But forcing people to memorize commands is not particularly user friendly. As a result, few people knew how to use computers, or wanted to learn. When graphical user interfaces became popular, people didn’t have to memorize commands anymore. Instead, everything they could do was shown on their screen. «Memorizing» was replaced with «recognizing». No longer did people have to memorize «cp» if they wanted to duplicate a file; they just had to look through the «File» menu and recognize the «Duplicate» command.
"In a way, gestural user interfaces are a step back, a throwback to the command line. Gestures are often not obvious and hard to discover; the user interface doesn’t tell you what you can do with an object. Instead, you have to remember which gestures you can use, the same way you had to remember the commands you could use in a command line interface."adidas Football
real time meta tagging
An interesting interface for tracking and charting soccer matches.adidas Football
real time meta tagging
An interesting interface for tracking and charting soccer matches.adidas Football
real time meta tagging
An interesting interface for tracking and charting soccer matches.40 Excellent Examples of Single Page Websites | Inspiration
Back in January we published a list showcasing 40 Inspiring Single Page Websites, and as we had a lot of comments and several readers really liked the post, we decided to gather a new list, showing some new and fresh examples to inspire you. The single pages websites are still a bit hit this year, and we are able to find new great single pages every day and it's very good that we can find some galleries organizing them for us.40 Excellent Examples of Single Page Websites | Inspiration
interface design and information architecture
In this article we look at five fields that you should aim to learn more about in order to rock at interface design. These fields include Experience Design, Interaction Design, Information Architecture, User-Centered Design, and Graphic User Interface (GUI) Design.Getting Started with Interface Design | Nettuts+
interface design and information architecturephpvirtualbox - Project Hosting on Google Code
web-interface für virtualbox
A virtualbox web admin interface written in PHP
An open source, AJAX implementation of the VirtualBox user interface written in PHP.
An open source, AJAX implementation of the VirtualBox user interface written in PHP. As a modern web interface, it allows you to access and control remote VirtualBox instances. Much of its verbage and some of its code is based on the (inactive) vboxweb project. phpVirtualBox was created for people (like me) who prefer not to have to log in to their headless VirtualBox host to administer their virtual machines.phpvirtualbox - Project Hosting on Google Code
virtualbox berbasis php
web-interface für virtualbox
A virtualbox web admin interface written in PHPTan Le: A headset that reads your brainwaves | Video on TED.com
Tan Le: A headset that reads your brainwaves
Tan Le's astonishing new computer interface reads its user's brainwaves, making it possible to control virtual objects, and even physical electronics, with mere thoughts (and a little concentration). She demos the headset, and talks about its far-reaching applications.
The early stages of neural HCI.Banco de Padrões de Design · Instituto Superior Técnico
Creative Commons License
Padrões de design são soluções testadas e verificadas para problemas comuns de design que podem ser aplicados em contextos específicos. Cada padrão corresponde a um problema que ocorre frequentemente no processo de design e descreve uma solução prática para o solucionar.