Betriebsystem Android 5.1, Screenshots 2016

Aktuelle Screenshots

amazon-push-button
Amazon push-button

und so sollen sie auch aussehen. Ohne Rahmen, ohne Pfeilen. Nur die Screenshots – Bildschirmbilder. Nichts mehr.

weiter lesen

Details. Bild und Überschrift auf der Startseite von Dr. Web

Heute nehmen ich die Startseite von drweb.de – einem Webmagazin für Webdesign als Beispiel und verbessere ein Detail auf der Seite. Schauen wir uns an in welchem Verhältnis Bilder und Überschriften stehen.

Kinder lieben Bücher mit Illustrationen, eine Seite ohne Bilder ist für sie langweilig. Das gleiche gilt auch für Erwachsene, anders zu denken wäre naiv. Erwachsene suchen Illustrationen in Zeitschriften, schauen Werbebanner an und finden Katzenbilder süß. Alle mögen Bilder.

Ein Bild fühlt sich am besten, wenn es ganz oben in der Hierarchie des Textblocks stehtdetails-illustration

Ein Bild hinter dem Überschrift trennt Text vom Überschrift und unterbricht das Lesen. Dabei wird die Illustration schneller bemerkt als Text und der Leser wird gezwungen mit seinem Blick vom Bild zur Überschrift und dann zum Text hoch und runter zu springen.

Daher mein Vorschlag das Bild über den Überschrift zu stellen:drweb-details

Spüren sie die Änderungen? Das scannen der Webseite ist jetzt leichter.

weiter lesen

Neue Website für Wall Street Journal

Zeitung Wall Street Journal hat seine Website erneuert. Das ist der erste große Redesign seit 2008. Wsj.com hat ein luftiges und responsives Design bekommen.

5f3aa16a83c9ff2884e0

Am besten finde ich die Umsetzung der Aktienkurse. Sie werden jetzt oben auf der Seite angezeigt. Dazu lässt sich die obere Leiste vergrößern und Details zur Aktienkursen anschauen.

Eine gute Idee. Die Information wird schnell und verständlich kommuniziert.

18386aa6c5bf50bd5583

Die Entwickler haben auch eine Geschichte vorbereitet: Was gibt es neues auf wsj.com?

weiter lesen

Details. Bildergalerien auf deutsche-startups.de

Schauen Sie sich die Bildergalerie auf der Website deutsche-startups.de an. Was fällt auf? Kleine Bilder, gedrückt in eine Spalte neben dem Sidebar. Wie kann ich schnell helfen? So:deutsche-startups-details-bildergalerie

CSS-Änderungen:

Ich würde die Bilder auf 100% der Breite anzeigen, dafür sind aber mehrere Änderungen notwendig. Und natürlich sollen die Bilder alle auf einer Seite sein, ohne die ganze Seite immer neu zu laden, aber das ist die nächste Geschichte.

weiter lesen

Paper cut bug

Ich begeistere mich immer wieder, wie im Englischem mit den Wörtern umgegangen wird und was für schöne Wortgebilde dabei entstehen:

iOS 8 fixed the crashing, but introduced thousands of little paper cut like bugs.
– Rusty Rants

Es gibt also Fehler, die so weh tun, wie eine Papierschnittwunde. Papierschnittwunden sind klein, aber trotzdem schmerzhaft. So auch mit den Fehlern in der Software, sie tut den Menschen weh. Eine interessante Gedanke.

Liest auch den ganzen Artikel: „It Just Works„.

weiter lesen

Weniger Optionen = mehr Einnahmen

Zur Zeit lese ich ein interessantes Buch «Die 4-Stunden Woche» von Timothy Ferris. Er erzählt in dem Buch darüber, wie er es geschafft hat, weniger zu Arbeiten. Und gibt Tipps wie es auch Anderen gelingen kann.

Ich möchte hier ein Paar wichtigen Zitaten vorführen:

Joseph Sugarman ist ein Marketinggenie. Einmal sollte er eine Anzeige für eine Armbanduhrkolletion entwerfen. Der Hersteller wollte neun verschiedene Uhren in der Anzeige unterbringen, während Joe dafür war, nur eine zu zeigen. Der Kunde bestand auf seiner Meinung Joe bot an, beide Anzeigen zu gestalten und sie dann in der gleichen Ausgabe des Wall Steet Journal zu testen. Das Ergebnis? Das Angebot mit einer Uhr verkaufte sechs mal so viele Uhren, wie das Inserat mit neuen Uhren.

und danach erklärt Timothy was er aus dieser Geschichte gelernt hat:

Zu viele Optionen verunsichern den Kunden, fördern die Unentschlossenheit und führen zu weniger Bestellungen — und damit hat man allen Beteiligten einen schlechten Dienst erwiesen. Denn je mehr Optionen man dem Kunden bietet, desto mehr Produktions- und Kundendienstlast bürget man natürlich auch selbst auf.

Die Kunst besteht darin die Anzahl der Entscheidungen, die Ihr Kunde treffen kann oder treffen muss möglichst klein zu halten.

Ich glaube viele Leute in der heutigen Wirtschaftwelt haben offenbar vergessen: «Dienst an Kunden» bedeutet nicht, dass man jede seiner Laune befriedigen muss. Begrenzen Sie Anzahl an Wahlmöglichkeiten auf eine, oder zwei (Basis und Premium) — nicht mehr.

Streichen Sie telefonische Auftragsannahme komplett und verweisen Sie alle Kaufinteressenten auf Ihre Website. Das mag auf den ersten Blick wie Kamikaze aussehen, bis man sich klar macht, dass Erfolgsunternehmen wie etwa Amazon gerade dank solcher fundamentalen Kosteneinsparungen wachsen und gedeihen.

weiter lesen

Erfolgreiche Produkte entwickeln

Ich versuche wichtige Gedanken aus den Büchern, die ich lese schriftlich festzuhalten. Nir Eayl erzählt, wie man erfolgreiche online Services baut.

Ein Auszug in meiner Übersetzung:

***

Häufig verwendete Produkte haben größeres Wachstumspotenzial als seine Konkurrenten. Zum Beispiel hat Facebook alle Konkurrenten überholt, darunter MySpace und Friendster, trotz der Tatsache, dass er sehr spät auf Party der sozialen Netzwerken kam.

Mark Zuckerberg-Gegner haben, zum Zeitpunkt der Markteinführung seiner Website, schon Millionen von Anwendern. Und Facebook war zunächst ausschließlich für Studenten der Harvard-Universität bestimmt. Aber es ist seine Firma, die schließlich die Branche dominiert.

Ein Teil des Erfolgs war das Ergebnis der Regeln, die ich als „mehr-mehr“ bezeichne: häufige Nutzung bietet schnelles virales Wachstum. Wie David Skok, ein Venture Capitalist formuliert: „Der wichtigste Faktor, um das Wachstum zu beschleunigen ist die Dauer der viralen Zykluses“.

Dauer der viralen Zyklus – die Zeit, die der Benutzer braucht, um einen anderen Benutzer einladen. Es kann einen großen Unterschied in der Lebensdauer des Produktes ausmachen. „Zum Beispiel, ist die Dauer des viralen Zykluses zwei Tage, dann erreichen Sie in zwanzig Tagen 20.470 Benutzer – Skok schreibt. – Aber wenn Sie es halbieren, bis zu einem Tag, werden Sie mehr als 20 Millionen Nutzer zu bekommen!“

Erhöhung des Anteils von Clients, die auf den täglichen Service, zugreifen ist gut für den Service, aus zwei Gründen. Erstens, tägliche Nutzer initiieren neue Virus-Zyklus öfter (sagen wir, sie verlinken ihre Freunden auf den Fotos bei Facebook). Zweitens, je mehr aktive Benutzer pro Tag, desto mehr Antworten und Reaktionen auf die Einladungen. Kurze und effektive Viral-Zyklus einbezieht immer mehr Nutzer in das Netzwerk.

Aus dem Buch „Hooked: How to Build Habit-Forming Products“

Screenshot 2014-07-30 14.43.56

weiter lesen

Telefonnummer richtig schreiben

Webseiten werden immer noch als ein Link zum analogen Welt benutzt. Dabei helfen Telefonnummer unheimlich viel Menschen aus dem Internet ins lokale Geschäft zu holen. Alle wissen, wie Telefon funktioniert. Deshalb ist es wichtig das Telefonnummer verständlich und sichtbar auf der Webseite hinzuschreiben.

Zum Beispiel so:

Telefon: +49 163 63 65815

Nummer soll einfach abzutippen sein.

Von überall zugänglich, also eine internationale Schreibweise verwenden.
Natürlich soll Nummer auf dem iPhone anklickbar sein. Keine mathematischen Formeln, deshalb möglichst wenige Ziffern schreiben. Keine Klammern, oder sonstigen Sonderzeichen.

Bei Telefonnummern gilt, wie auch bei den anderen Texten im Internet: möglichst einfach sein.

weiter lesen

Yandex.Browser – Browserkrieg, wo Interface eine Waffe ist

Wir haben einen Gewinner im Krieg um den besten Internet Browser. Es ist Chrome. Genauer genommen – das Chromium. Unter diesem Namen stellt Google der Großteil des Quelltextes von Google Chrome zu Verfügung.

Browser Logos von Paul Irish

Browser Logos von Paul Irish

So machen sich viele Entwickler an die Arbeit, eigene Browser zu bauen. Sie wissen schon, alle wollen meine Daten sammeln, oder gibt es andere Gründe warum Firmen eigene Versionen des Chromiums veröffentlichen?

Es stellt sich die Frage: Wie gewinne ich Nutzer für ein Produkt, der auch bei Anderen genauso gut läuft? Die Antwort ist: ich verpacke es schöner. Die Verpackung eines Internetbrowsers ist das Interface. Schöner, bequemer und einfacher soll es sein. Vor allem einfacher.

Yandex.Browser – ist so ein in einfachere Oberfläche verpacktes Chromium. Er hat Vorteile von Google Chrome und ein intuitives Interface von Yandex.

Seit ein paar Tagen nutze ich ihn als mein Standartbrowser. Was mir im Yandex.Browser besonders gefällt, ist die Integration von Lesezeichen und häufig besuchten Webseiten in die Suchleiste. Es nennt sich Tablo:

Yandex Browser

Suchleiste und Lesezeichen vereint.

Browserkrieg aus den Jahren 1995-1998 scheint sich auf dem Interface Gebiet neu anzuzünden. Yandex.Browser ist ein guter Soldat.

weiter lesen

Über das Bildschirmhintergrund.

Ich verstehen den Sinn von Bildschirmhintergründen nicht, denn ich bekommen sie nur selten vor die Augen. Ist das Hintergrundbild zu sehen, wird dein Bildschirm nicht optimal ausgenutzt. Ich werde lieber das Fenster großziehen, um damit zu arbeiten, um den Platz sinnvoll auszunutzen.

Im Englischen wird der nützliche Platz auf dem Bildschirm „screen real estate“ – „Bildschirm Immobilien“ genannt. Genau, weil dieser Platz so wertvoll ist.

Hier ist mein Bildschirm mit allen Programmen, die ich immer brauche:

Macos-mission-control-mit-holz-hintergrund

weiter lesen

Archivfilm über Frankfurt am Main in den 1960-er Jahren.

Damals war der Henninger-Turm noch offen,  mit nur 120 Metern, das höchste Gebäude in Frankfurt. Im Vergleich zur Heute ist es Europaturm mit 337,5 Metern. Die Börse war echt und die Straßen grüner. Interessant ist, dass Mainufer sich in fast 50 Jahren, nur wenig geändert hat.
Ich bin also überzeugt, Frankfurt war immer cool, für Menschen gebaut und er wird noch besser, noch bequemer.

 

Am 14:30 könnt Ihr die schönsten ruinen Deutschlands sehen. Die alte Oper.

weiter lesen

DB Navigator für Windows Phone. Teil 1: Hauptbildschirm

Eine der Apps, die ich jeden Tag nutze ist DB Navigator von Deutsche Bahn. Extrem nützlich und genauso extrem hässlich. Also versuche ich sie besser zu machen. So sieht es jetzt:

1 2 3
DB Navigator in der Version 1.2.16.68

 

Das App plant für mich Reisen innerhalb Deutschland. Egal, ob man mit Bus, Bahn, Straßenbahn, oder U-Bahn unterwegs ist, das  App zeigt Verbindungen, Abreisezeiten, Verspätungen und vieles mehr.

Erste Entwürfe. 

DB-Navigator-Hauptseite-Entwurf

Hauptbildschirm.

db-navigator-sauberes-hauptbildschirm

weiter lesen

Digitale Menschen brauchen digitale Benutzeroberflächen

UI022

Ich mag das Konzept von Metro UI, es hat ein bedeutender Trend erwischt: Menschen haben keine Angst mehr digital zu sein. Früher war es für viele Benutzeroberflächen typisch, sich an die bekannten Konzepte aus der analogen Welt zu stützen. Wir haben auf dem Bildschirm Objekte aus der realen Welt nachgebaut – nur so war es möglich, ihre Funktionen zu erklären.

Menschen haben eine Schaltfläche mit Texturen und Schatten gesehen und Ihnen war klar, sie können es drücken. Menschen sahen einen Korb und es war verständlich, in diesen Korb kommen nicht mehr gebrauchte Dokumente.

Jetzt ist der Punkt, wann wir die künstliche Verbindung zu realer Welt brechen können und nur noch digitale Benutzeroberflächen gestalten. Kindern lernen der Umgang mit Computern wohl schneller, als die Ihr erstes Blattpapier in einen Korb werfen.

weiter lesen

Dokumentarfilme über Design, Typografie und Urbanität

Meine Sammlung guter Dokumentarfilme.

Helvetica. helveticafilm.com
Ein Film über Typografie und Design. Alles dreht sich um Buchstaben, Schriftarten, besonders um die Helvetica Schriftart.



Objectified. objectifiedfilm.com
Ein Film über das Design von Dingen, die wir jeden tag nutzen.



Urbanized. urbanizedfilm.com
Ein Film über das Design von Städten. Über die Fehler in der Planung und was uns diese Fehler jeden Tag kosten.

weiter lesen

Lesenswertes für Wochenende

  1. Gute Überlegungen zu den Prinzipien in der Arbeit von Steve Jobs und Jonathan Ive. Wie soll das Model der Zusammenarbeit „Designer – CEO“ aussehen?
    http://www.dubberly.com/articles/stevejobs.html

  2. Antoine Lefeuvre schreibt über die Übersetzungen in der UX. Er zeigt sowohl als gelunge Beispiele, als auch nicht.
    http://www.alistapart.com/articles/translation-is-ux/

  3. Instagram – Die Erfolgsgeschichte. In einem Jahr auf Wert von $1 Milliarde.
    http://techcrunch.com/2012/04/09/instagram-story-facebook-acquisition/
weiter lesen

iPhone – 6 Jahren

Genau vor sechs Jahren, eine der besten Präsentationen von Steve Jobs hat die mobile Industrie komplett verändert.

Hier ist ein Ausschnitt, Jobs stellt iPhone vor. Achten sie darauf, wie großartig er das macht. Ein Meister. Meine Präsentationen müssen auch so sein. Und ja, iPhone ist, nach sechs Jahren, immer noch das beste Smartphone auf der Erde. Leider, aber es ist die Wahrheit. Android schafft es nicht, trotzt seinen Bemühungen nicht an die Qualität von iPhone zu nähern. Ich denke Android braucht noch viel Zeit, um reif zu werden.

Ja, Android ist fragmentiert. Ja, Android ist für Google nur ein Instrument um Geld zu machen. Google gibt den Dreck auf ihr Ökosystem.

Für Apple ist iPhone in erster Linie ein Produkt.

weiter lesen

Innovative WordPress Themen

Eine neue, innovative WordPress Theme von Elmastudio?
Mit grauen Buchstaben auf weißem Hintergrund?

 

Ich will Text lesen! Dazu muss es einen bestimmten Kontrast zur Umgebung haben. Links sollen als Link erkennbar sein, ohne die Maus zu bewegen.

Doch, alles egal. Hauptsache mit coolen Wörtern schmeißen, ob es nützlich ist, oder nicht.

weiter lesen

Warum man „Was läuft?“ statt „Alles klar bei dir?“ fragen soll.

Auf die Frage „Alles klär bei dir?“ antworte ich mit einfachem „Ja“, und es ist genug. Je weniger die Konversation dauert desto besser.
Diese Frage stellt sich als eine negative Frage dar. Denn, wenn wir gefragt werden, ob bei uns alles in Ordnung ist, erinnern wir uns automatisch auch auf die Dinge, die nicht in Ordnung sind. Wir rufen in unserem Kopf die „klare“ Dinge, doch sehr viele Sachen und Probleme sind uns nicht klar. Wenn ein Problem, mir hundert Prozent verständlich erscheint, werde ich es sofort lösen.

Eine bessere Methode, das Gespräch mit einem Menschen anzufangen, ist es ihn auf die positive Dinge im Leben aufmerksam zu machen. Ihn zu fragen, „was läuft?“
Diese Frage kann nicht mit einem „Ja“, oder „Gut“ beantwortet werden. Menschen sind gezwungen sich die Sachen aus dem Kopf zu holen, die sie gerade bewegen. Sachen, die gerade laufen. Darauf kann angeknüpft werden.

Ein guter Gesprächsanfang ist ein tolles Anzeichen für gute Verhandlungen. Wir verhandeln immer, sogar ein 3-Minuten-Gespräch mit der Bedienung im McDonalds ist eine Verhandlung.

weiter lesen

Googles Doodles

Marcin Wichary erzählt über die Arbeit an Doodles für Google:

Ich bin fasziniert wie viel Kraft in die Spielereien investiert wird.

weiter lesen

Smartphones und ihr größtes Problem

Als ich meinen HTC mit Windows Phone Betriebssystem gekauft habe, wurde mir eine weitere Batterie geschenkt. Seit diesem Zeitpunkt habe ich ständig ein voll aufgeladener Akku in Rücksack und bleibe nie ohne Strom sitzen (ein Mal, ich war auf einer Reise, gingen mir sogar beide Akkus leer, aber so unvorbereitet bin ich selten).

Das größte Problem elektronischer Geräten ist der Strommangel. Ein iPhone kann mit mir sprechen, komplizierte mathematische Probleme lösen und Informationen blitzschnell finden. Doch ich muss ihn, wie kleines Kind, immer wieder zu Steckdose bringen und von Hand füttern.

Warum kann sich so ein kluges Gerät nicht selbst versorgen?

weiter lesen

Nachrichten zusammenstellen, statt mühsam zu schreiben.

Facebook hat eine coole Funktion in diesem Video vorgestellt:

Menschen sprechen in Sätzen und Menschen sind faul. Also geben wir ihnen die Möglichkeit richtige Sätze einfach zusammenzustellen, statt zu schreiben.

In wenigen Sekunden wird eine lesbare und höfliche Nachricht zusammengestellt:

facebook-reporting-photo-dialog-continue

Menschenfreundliche Nachricht kann gesendet werden

 

Es bleibt nur die Frage: Warum heißt das blaue Button „Continue“ statt „Send“?

weiter lesen

Interface von Kezera.com

Ich habe Heute ein Invite für das Kezera.com – eine vorhersage Plattform bekommen. Eine gute Idee, Menschen die Möglichkeit zu geben, sich als Besserwisser zu fühlen.

„Ich habs doch gesagt!“ 

Kezera ist jetzt in Beta Phase und das ist gut so. Denn das Interface steckt noch in Kinderschuhen.

Also, Invitecode aus dem E-Mail kopieren und auf der Webseite in ein Feld einfügen. Warum nicht einfach ein Link kezera.com/?invite=S3U-87J-7BU zum anklicken?

Dann die zwingende Registrierung ( schon Interface ist das Böse gelesen?). Nach der ich wieder in E-Mail Postfach gehe und auf einen Link klicken darf.  Und dieses Link hat sogar mein Invite als Parameter: kezera.com/signup/confirm?code=ad8c1643c4f3e09d&beta_code=s3u87j7bu Es geht also doch.

So, jetzt bin ich fertig, kann endlich etwas vorhersagen:

Privat, oder öffentlich? Zwei Zustände, und zwei Auswahlmöglichkeiten. Lichtschalter hat auch zwei Züstände, an und aus. Dabei nur einen Knopf. Warum nicht einfach alles öffentlich, und nur ein Checkbox falls privat?

Seite mit  Behauptung.

Ich kann mir unter 82 Tagen nichts vorstellen. Und das wichtige Information, das konkrete Datum, wird nur beim :hover angezeigt. Benutzer von Touch Geräten müssen also das Datum selber errechnen und alle Andere gehen auf einen Entdeckungstour.

Facebook Aktie wird weiter steigern und ich klicke auf Disagree, denn ich weiß es besser! Werde ich dann in 82 Tagen benachrichtigt?

Fazit:

  • Cool wäre es Punkte für die Behauptungen zu sammeln und ein  „Besserwisser“ Status zu bekommen
  • Alle sollen Möglichkeit haben mich zu unterstützen ( nicht nur Registrierte Nutzer)
  • Mehr Integration mit Facebook und Co.
weiter lesen

§ 171. Regeln bei der Gestaltung von Links

Links sollen immer unterstrichen werden, sogar wenn es jemand geschmacklos findet.

Text, der kein Link ist, darf nicht unterstrichen werden.

Unterstreichung, beim Darüberfahren mit der Maus zu entfernen, ist Schwachsinn.

Aktive Links sollen immer blaue Farbe haben (im Not, auch schwarz, oder dunkel-grau). Besuchte Links müssen in Magenta gefärbt werden. Links in anderen Farben bringen den Besucher durcheinander.

Farbe in das Links gefärbt sind, darf nicht bei anderen Elementen gebraucht werden.

Strichlinie signalisiert, dass es beim Click etwas passiert (ein Taschenrechner öffnet sich, oder es erscheint eine Hilfe) und beim wiederholtem Click alles in die Ursprungsposition kommt. Strichlinien dürfen den Leser nicht auf eine neue Seite weiterleiten. Und durchgehende Unterstreichung darf nicht bei den Elementen verwendet werden, die nur vorübergehend sichtbar sind.

Überprüfung auf ein sachkundigen Design ist einfach: wenn der Leser ohne die Maus zu bewegen, Links vom Text unterscheiden kann, haben wir ein gutes Design. Diese Regeln überwiegt alle andere Regeln.

weiter lesen

Radio in Windows Phone 7

Es ist cool, wenn man Radio unterwegs hören kann. Leider verstehen es nicht viele Handyhersteller.
Vielleicht liegt es an der Tatsache, dass Radio nur schlecht kontrolierbar ist und z.B. Apple Angst um ihre Konsumenten hat, weil sie kein gutes Klang liefern kann.

Vielleicht, weil Radio keiner braucht.

Doch Windows Phone muss sich von Anderen nicht nur im Interface unterscheiden. Windows Phone hat eine eingebaute UKW-Radio. Finden kann man es im Zune-Hub.

Auf meinem HTC Trophy ist Radio Unterwegs nicht nutzbar. Empfang ist schwach, um etwas ohne Rauschen zu hören. Im Zimmer ist der Empfang gut.

Tippen und länger halten

Um Radio über das Lautsprecher zu hören, muss man Stationsnummer antippen und halten. Um es herauszufinden brauchte ich ein halbes Jahr. Wieso nicht einfach ein Button im Menübar?

weiter lesen

Warum gibt es bei neuen Handys keine Speicherkarten?

Es ist ein Marketingschritt um Menschen zu zwingen Inhalte in der Cloud zu speichern.

Cloud von Julien Renvoye

Es hat viele Vorteile. Für die Anbieter von Clouddiensten, wie z.B. Dropbox, bringt es neue Kunden. Handyhersteller beteiligen sich an den Umsätzen von diesen Anbietern und können Platz im Gerät besser nutzen. Letztlich für die Verbraucher ist es bequemer und einfacher, ihre Daten immer bereit zum Abruf zu haben.

Was ist mit den paranoiden und zu konservativen Menschen, für die es unmöglich ist, ihre Daten an fremden Servern zu speichern?
Die haben ihre 16 oder 32Gb an integriertem Speicher, mehr brauchen Dinosaurier auch nicht.

In der Zukunft werden Speicherkarten als individuelles Speicherplatz aussterben.

 

Weiterführende Links:

  1. 10 Important Companies in Cloud Computing
weiter lesen

Firefox Konzept für Metro Oberfläche

Mozilla hat ihre Vorstellungen davon, wie das Firefox in Windows 8 mit der Metro Oberfläche, arbeiten soll, vorgestellt. Ich finde es gut. Endlich haben die Entwickler verstanden, gute Apps in Metro zu bauen. Besonders der Umgang mit den Tabs finde ich gelungen.

Windows 8 wird uns schon in wenigen Wochen zur Verfügung stehen.

weiter lesen

Hover ist over

Die Zeit ist gekommen, der :hover Effekt von den Webseiten zu verabschieden. Etwas Nützliches darf nicht mehr nur beim Darüberfahren sichtbar werden. Mit den Touch Geräten ist schon Menge Leute unterwegs und die haben nichts, an der Eingabe Möglichkeiten, womit sie das Hover Event auslösen können. Die Zahl der Mauslöser Benutzer steigt weiter.

Mit dem Hover versuchte man oft, schlechte Lösungen im Interface zu verstecken. Jetzt müssen dazu andere Lösungen ausgedacht werden und das ist gut so.

Natürlich müssen auch andere Möglichkeiten der Rückmeldung weiter unterstützt werden. So z.B. Links müssen beim Darüberfahren sich als Links melden, oder kleine Pop-up Meldungen etwas mehr zeigen, als sichtbar ist.

Das Wichtigste ist aber. Alle diese Möglichkeiten müssen auch ohne :hover erreichbar sein. Nutzer ohne Maus sollen die volle Funktionalität der Seite nutzen können.

Original in russischer Sprache bei Ilya Birman (21 August 2011)
http://ilyabirman.ru/meanwhile/found/%D1%85%D0%BE%D0%B2%D0%B5%D1%80/

weiter lesen

Mobile Webseite oder native App?

Finally, let’s consider the differences between Nielsen’s Law for Internet bandwidth and Moore’s Law for computer power. Over the next decade, Internet bandwidth will likely become 57 times faster, while computers will become 100 times more powerful. (Future computers will be monsters compared to the puny hardware we’re using now.)

In other words, the relative advantage of running native code instead of downloading stuff over the Internet will be twice as big in 10 years. One more point in favor of mobile apps.

– http://www.useit.com/alertbox/mobile-sites-apps.html

Kurzgesagt:

Wenn man dem Jakob Nielsen trauen kann, und das tue ich, denn er liegt mit seinen Prognosen oft Richtig. Werden die Smartphones und andere Rechner immer schneller und stärker. Es wird sich in der Zukunft mehr lohnen die Programme lokal auf dem Rechner auszuführen, statt die Daten jedes Mal über das Netz zu jagen.

Apps werden sich gegenüber den Webseiten durchsetzen.

weiter lesen

Progress bar Illusion

Vor ein paar Tagen hat Gmail ein neues Ladebalken bekommen.

Dabei wird das Ladebalken, wie immer von Links nach rechts aufgefüllt, doch die Animation läuft Rückwärts. Es hat mich etwas irritiert, denn auf Windows, mit dem ich täglich arbeite, läuft die Animation mit dem Auffüllen in einer Richtung.

Animation läuft von Links nach Rechts

Wie ist es besser?

Laut Studien macht Gmail richtig, denn eine Rückwärts laufende Animation gibt uns die Illusion der Geschwindigkeit und das Progress bar läuft für unsere Wahrnehmung schneller.

Besser sichbar wird es in diesem Video:

Übrigens macht Apple in seinem OS X alles richtig.

Weiterführende Links:

weiter lesen

Invalide Inputs in Angular speichern

Um einen invaliden Input trotzdem aus dem View in Model zu bewegen, braucht dieses Input eine extra Direktive allowInvalid.

Zum Beispiel so:

 

weiter lesen

Ergonomisches Arbeitsplatz für Programmierer

Ergonomie ist die Wissenschaft von der menschlichen Arbeit. Man versteht darunter die Anpassung der Arbeitsbedingungen an den Menschen und nicht umgekehrt. Ziel ist es eine gute Arbeitsatmosphäre zu schaffen und die Bedingungen so zu gestalten, dass möglichst geringe gesundheitliche Belastung entsteht.

Ist so ein Arbeitsplatz ergonomisch genug?

Screen Shot 2015-04-05 at 21.18.01

Aus einem Microsoft Cloud Werbevideo

 
Die Fragen des effektiven Arbeiten beschäftigen mich in letzter Zeit immer wieder.

weiter lesen

Details. Computerbild Website

Durch kleine Änderungen können Websites besser werden. Heute stelle ich Änderungen an der Startseite von Computerbild.de vor. Mit nur einer Änderung in CSS wirkt die Website aufgeräumter.
computerbild-details

#cbheader .metanav{
background: #f1f1f1;
}

Das wars.

weiter lesen

Flugzeugmodus nutzen

20140801-123139-45099129.jpg

Oft gibt es Situationen, wo wir konzentriert sein sollen. Zum Beispiel raten Professoren das Handy während der Klausur auszuschalten. Doch aus- und einschalten dauert, bei einem Neustart Verbraucht das Gerät unnötig Energie. Einfach nur lautlos zu stellen, ist Schwachsinn, die Vibrationen stören trotzdem. Vielleicht war es wichtige Nachricht? Und schon ist die Konzentration weg.

Um konzentriert zu arbeiten genügt ein Flugzeugmodus.

weiter lesen