Saturday, February 23, 2013

Das OSIT-Modell

Beim Lesen des Web Magazins habe ich einen wirklich interessanten Artikel über das UI-Design gelesen. Beflügelt von den darin erläuterten Konzepten möchte ich ein wenig darüber schreiben bzw. überlegen wie man diese Konzepte auf die Entwicklung von (Mobile) UIs übertragen kann oder wo diese schon Anwendung finden.

In Ausgabe 1.2013 des Web Magazins stellt Prof. Wolfgang Henseler das Konzept NUI (Natural User Interface)  und als ein weiteres hilfreiches Modell für die Konzeption von UIs das OSIT-Modell vor.  Das folgende Zitat fasst recht kurz zusammen, was NUI ist und welche Intention dahinter steht:

"Von visueller Gestaltung zur Gestaltung von Verhalten. Dieser erste Einblick verdeutlicht sehr gut, wohin sich, neben den Geschäftsmodellen, das Design verändern wird. Nicht mehr die Gestaltung des Aussehens - Look - ist von entscheidender Bedeutung, sondern die Gestaltung des Verhaltens - Feel - rückt in den Mittelpunkt designerischen Denkens Spielte also bei den grafischen Benutzungsoberflächen die Grafik, das Visuelle, eine zentrale Rolle bei der Gestaltung, so verlagert sich dies bei Natural User Interfaces in Richtung Verhalten. Das bedeutet nicht, dass es in Zukunft keine visuellen Interaktionselemente mehr geben wird, nur ist eben deren Verhalten für den effektiven und effizienten Umgang mit der Software wichtiger als ihr Aussehen. ..."

Es geht also darum, das ein User Interface den Nutzer in seinen Arbeitsprozessen unterstützen soll. Es ist nur ein Vermittler in der Mensch-Maschine-Interaktion. Ein NUI fügt sich in das Verhalten des Benutzers ein und dessen Elemente halten sich dezent im Hintergrund. Erst, wenn der Nutzer ein Element für eine Aktion benötigt, erscheint es. Dafür ist jedoch das Verhalten des Nutzers von Bedeutung. Anwendungs- bzw. UI-Entwickler müssen dieses Verhalten analysieren, kennen lernen und dem entsprechend die Ui gestalten. Als ein Modell für das Beschreiben des menschlichen Verhaltens bzw. des Handels kann das OSIT-Modell herangezogen werden. OSIT ist ein Akronym aus den folgend aufgelistenten und erläuterten Worten:
  • Orientieren: Der Mensch versucht eine Übersicht über bestehende Objekte zu erlangen. Er will Kontrolle über die Situation erlangen. Er orientiert sich.
  • Selektieren: Der Mensch trifft Entscheidungen. Er wählt ein Objekt aus.
  • Informieren: Der Mensch will mehr Details / Informationen zu dem ausgewählten Objekt. Er betrachtet das Objekt genauer, oder näher.
  • Transagieren: Der Mensch macht mit dem Objekt etwas (Transaktion).
Das OSIT-Modell ist aus der Physiologie des Menschen abgeleitet und trifft deshalb auf alle Menschen gleichermaßen zu. Dieses gilt es bei der Verhaltensanalyse eines Anwenders oder einer Anwendergruppe zu nutzen. Eine resultierende Benutzerschnittstelle sollte diese menschlichen Verhaltensweisen berücksichtigen und unterstützen. Für die App-Entwicklung könnte die Anwendung des Modells auf die UI folgende Auswirkung haben.

Mobile Apps sind Programme und typisch für Programme ist, dass Nutzer häufig über diese mit Daten arbeiten. Neben den Daten als Objekte kann man auch die Funktionen einer App als Objekte betrachten. Diese gilt es dem Nutzer übersichtlich zu präsentieren. Der Nutzer muss einen Überblick über alle Daten oder Funktionen erhalten. Gibt es beispielsweise viele Daten, braucht der Anwender vielleicht eine Filterfunktion, die die Menge der Daten reduziert. Der Anwender muss eine Auswahl treffen können. Für Funktionen mag dies bedeuten, dass nur die Funktionen angezeigt, werden, die auch wirklich sinnvoll erscheinen. Die Funktionen werden kontextsensitiv angezeigt.
Der Nutzer trifft eine Auswahl unter seinen Optionen und wählt etwas aus. Dabei sollte dieser so gut wie möglich unterstützt werden. Im Bereich der Mobilen Systeme, wie Android oder iOS kann man schon häufig ein intelligentes Verhalten der UI feststellen. Diese brachten, denke ich, erst das Umdenken in Sachen UI-Design richtig in Gange.

Aktuell beschäftige ich mich mit der Entwicklung einer App, bei der ich solche hilfreiches Wissen gern anwenden möchte. Ich hoffe ich werde in diese Richtung gehend noch weitere interessante Ansätze, Modelle oder Konzepte entdecken.

Wednesday, February 13, 2013

DC Logo


DC is involved in designing and producing the highest class footwear, specializing in skateboarding shoes, snowboarding boots, Active Terrain footwear, women’s and children’s casual footwear, along with matching clothing.

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

DC Logo

This American company has been into existence since 1993 with the efforts of Ken Block, a snowboarder, and is based in Vista, California. DC originally stood for “Droors City Footwear”, but since the sale of Droors (which is now defunct), DC no longer has ties to Droors and is simply DC Shoes.

The quality of the company’s products is matched by the integrity of their business practices and employment environment. DC takes pride in its cultivated associations with the media, suppliers, clients, customers, team riders, and employees. DC Shoes’ commitment to excellence deepens with the company’s continued expansion.

DC Shoes experienced a massive growth during the mid-1990s and remained one of skate boarding’s top brands. It has been able to successfully gain nationwide, mall-based distribution while keeping hard-core skateboarders loyal by offering exclusive designs through skate shops only.

Design Elements of the DC Shoes Logo:
The DC logo is one of the best logo designs in footwear because it appeals to its audience and compliments its brand image almost perfectly. The logo contributes a lot to the success of this American athletic shoe brand. DC logo is renowned everywhere where skaters are.

Shape of DC Shoes Logo:
The two letters “D” and “C” are interlocked in the DC logo. “C” in the logo encloses a star, which gets a due significance because it refers to the celebrity status of most famous wearers of DC.

Color of DC shoes Logo:
The color of the logo is typical black that looks very chic on its various accessories.

Font of DC shoes Logo:
The font style in bold is again not really complex but does justice to the logo as a whole.

NBA Logos


The National Basketball Association (NBA) was established on June 6, 1946 and originally known as the Basketball Association of American (BAA). Of the original 11 franchises in that inaugural season most folded within a season or two however three are still in operation today, two in their original cities (Boston Celtics, New York Knicks) and one since relocated (Philadelphia Warriors). In 1949 the BAA merged with the National Basketball League, the names were combined to form the National Basketball Association which has operated under that name ever since.

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

NBA Logos

Expansion took place for the first time after the merger in 1961 with the addition of the Chicago Packers (now the Washington Wizards), following that expansion happened often usually with a new team added every other season. In 1976 a second merger took place, this time with the American Basketball Association when four teams were brought into the NBA (Denver Nuggets, Indiana Pacers, New York Nets, and San Antonio Spurs).

Microsoft Logo


It’s been 25 years since we’ve updated the Microsoft Logo and now is the perfect time for a change. This is an incredibly exciting year for Microsoft as we prepare to release new versions of nearly all of our products. From Windows 8 to Windows Phone 8 to Xbox services to the next version of Office, you will see a common look and feel across these products providing a familiar and seamless experience on PCs, phones, tablets and TVs. This wave of new releases is not only a reimagining of our most popular products, but also represents a new era for Microsoft, so our logo should evolve to visually accentuate this new beginning.

Microsoft Logo

Microsoft Logo

Microsoft Logo

Microsoft Logo

Microsoft Logo

Microsoft Logo

Microsoft Logo

Microsoft Logo

Microsoft Logo

Microsoft Logo

The Microsoft brand is about much more than logos or product names. We are lucky to play a role in the lives of more than a billion people every day. The ways people experience our products are our most important “brand impressions”. That’s why the new Microsoft logo takes its inspiration from our product design principles while drawing upon the heritage of our brand values, fonts and colors.

The logo has two components: the logotype and the symbol. For the logotype, we are using the Segoe font which is the same font we use in our products as well as our marketing communications. The symbol is important in a world of digital motion (as demonstrated in the video above.) The symbol’s squares of color are intended to express the company’s diverse portfolio of products.

Starting today, you’ll see the new Microsoft logo being used prominently. It will be used on Microsoft.com – the 10th most visited website in the world. It is in three of our Microsoft retail stores today (Boston, Seattle’s University Village and Bellevue, Wash.) and will shine brightly in all our stores over the next few months. It will sign off all of our television ads globally. And it will support our products across various forms of marketing. Fully implementing a change like this takes time, so there may be other instances where you will see the old logo being used for some time.

We’re excited about the new logo, but more importantly about this new era in which we’re reimagining how our products can help people and businesses throughout the world realize their full potential.

Superman Logo

The Superman shield, also incorrectly known as the Superman logo, is the iconic emblem for the fictional DC Comics superhero Superman. As a representation of the first superhero, it served as a template for character design decades after Superman's first appearance. The tradition of wearing a representative symbol on the chest was mimicked by many subsequent superheroes, including Batman, Spider-Man, the Fantastic Four, Green Lantern, the Flash, Wonder Woman, Hawkman, and many others.

Superman Logo

Superman Logo

Superman Logo

Superman Logo


Superman Logo

Superman Logo

Superman Logo

Superman Logo