background preloader

UI Theory

Facebook Twitter

Hollow Icons — Design/UX. Take a look at the example above.

Hollow Icons — Design/UX

The red lines indicate areas where cognitive load is occurring. Your brain traces the shapes on the first row an average of twice as much. Your eye scans the outside shape and then scans the inner line to determine if there is value in the “hollow” section. Icons without this empty core are processed as definite and only the outer lines are processed. A History of the GUI. Introduction Today, almost everybody in the developed world interacts with personal computers in some form or another.

A History of the GUI

We use them at home and at work, for entertainment, information, and as tools to leverage our knowledge and intelligence. It is pretty much assumed whenever anyone sits down to use a personal computer that it will operate with a graphical user interface. We expect to interact with it primarily using a mouse, launch programs by clicking on icons, and manipulate various windows on the screen using graphical controls.

But this was not always the case. In what follows, I? Prehistory Like many developments in the history of computing, some of the ideas for a GUI computer were thought of long before the technology was even available to build such a machine. However, starting in about 1937 several groups around the world started constructing digital computers. The father of the GUI Douglas Engelbart in 1968 This was a huge leap in thinking for 1962. GUIdebook > Icons > Components. GUIdebook > Screenshots.

Function is nothing without beauty. 10 sites doing it right. - TNW Design & Dev. The 90s and the early ’00s weren’t exactly known for their emphasis on aesthetics in the tech space.

Function is nothing without beauty. 10 sites doing it right. - TNW Design & Dev

For the most part, technology companies dedicated their efforts to building massive, reliable infrastructures like Microsoft, Amazon, Google and Facebook. Fast forward 10 years and today’s tech savvy companies, most recently Google, are realizing that you can’t just be geeky anymore, you have to be beautiful too. After all, there’s a reason Acer isn’t Apple. The Future of User Interfaces. User interfaces—the way we interact with our technologies—have evolved a lot over the years.

The Future of User Interfaces

From the original punch cards and printouts to monitors, mouses, and keyboards, all the way to the track pad, voice recognition, and interfaces designed to make it easier for the disabled to use computers, interfaces have progressed rapidly within the last few decades. But there’s still a long way to go and there are many possible directions that future interface designs could take. We’re already seeing some start to crop up and its exciting to think about how they’ll change our lives. In this article are than a dozen potential future user interfaces that we’ll be seeing over the next few years (and some further into the future).

Brain-Computer Interface What it is: In a brain-computer interface, a computer is controlled purely by thought (or, more accurately, brain waves). Army Mind-Control Projects Image source. Exploring The World Of Web Application Interface Design By Design Examples, Lessons, And Real Project Design Examples." Vers une unification des interfaces des navigateurs internet. Avec la sortie de Mozilla Firefox 4 (14 mois après Mozilla Firefox 3.6), une tendance lourde des navigateurs sur leur présentation semble être en train de s’imposer. Un allègement maximal de l’interface. Cette tendance a été lancée par Google et son navigateur maison basé sur Webkit et le projet Chromium. J’ai décidé de faire des captures d’écran de l’interface de Mozilla Firefox 4.0, Chromium 10, Midori (le navigateur par défaut de Xfce) et d’Opera 11, car je prends uniquement en compte les navigateurs existant sur les unix libres et non libres – dont MacOS-X est un représentant – et MS Windows.

Ok, Midori n’existe pas pour MS Windows Pour des raisons pratiques, j’ai utilisé un environnement virtuel, pour installer une ArchLinux 64 bitsXfce 4.8.1, avec Mozilla Firefox 4.0, Midori 0.3.3, Chromium 10 et Opera (ou presque pour ce dernier). Opera ? On peut remarquer que les grandes idées de présentations sont les mêmes : Vous aimez ceci ? Web design. Web design encompasses many different skills and disciplines in the production and maintenance of websites.

Web design

The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all.[1] The term web design is normally used to describe the design process relating to the front-end (client side) design of a website including writing mark up. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and if their role involves creating mark up then they are also expected to be up to date with web accessibility guidelines.

History Web design books in a store The start of the web and web design Evolution of web design End of the first browser wars.