Das UI erinnert zwar ein wenig an Windows 7, ist aber eine japanische Androide Variante hergestellt von KKDI. Gefällt mir ganz gut.
Bei Engadget gibt es noch ein weiteres Video, dass das UI “in Echt” zeigt.
Lesenswertes vom 24.09.2011 – Windows Phone Ressources
- Designing Metro style apps | Windows Dev Center
"When planning your Metro style app, think less about what features you want to include and more about what experience you want to provide your users. If you haven't already, you might want to read more about Metro style apps in What are Metro style apps?" - Using the design checklist | Windows Dev Center
"You can use this handy checklist to be sure you're covering what you need to create a great Metro style app." - Designing for your brand | Windows Dev Center
"Think about the message you want to send your users when they see your Metro style app in the store, when they see it on their Start screen, when they first launch it, and when they are using it. Take advantage of these opportunities to define and promote your brand in the visual design of your app." - 20 Free Prototyping, Mockup and Wireframing Resources for Windows Phone 7 | MicrosoftFeed
Wie der Name schon sagt…
Pragmatic Responsive (Web) Design
In diesen Folien erzählt die Design-Agentur yiibu sehr anschaulich, wie responsive Web Design funktioniert.
P.S. Schaut euch auch mal die Webseite von yiibu an. Dort haben sie ihre Ideen zum Thema responsive Web umgesetzt.
Branchenreport Usability 2011
Wem der komplette Tagungsband der Mensch und Computer zu dick ist, kann hier einen ganz spannenden Ausschnitt lesen: den Branchenreport Usability 2011.
Für die Erstellung wurden Antworten von 360 Usability Professionals zu Themen wie z.B. Ausbildung, Job Titel, Arbeitsinhalte und Gehalt ausgewertet. Ein Reinschauen lohnt sich.
Und wer sich bei issuu anmeldet, kann das Dokument das .pdf herunter laden.
Update: Und hier die wichtigsten Punkte des Reports, die Ulf zusammengefasst hat.
Lesenswertes vom 22.09.2011 – Responsive Web Design
Hier die spannendsten Links zum Thema Response Web Design.
- Responsive Web Design | A List Apart
In diesem Artikel stellt Ethan erstmals das Konzept vor. - Responsive Web Design: What It Is and How To Use It | Smashing Magazine
"But responsive Web design is not only about adjustable screen resolutions and automatically resizable images, but rather about a whole new way of thinking about design. Let’s talk about all of these features, plus additional ideas in the making." - 21 top tools for responsive web design | .net magazine
"To get started with building a responsive site, having a strong toolkit can make a world of difference. Here Denise Jacobs rounds up 21 great tools to aid the process of making your sites responsive." - Thoughts On Developing A Responsive Design Workflow | Van SEO Design
"Print design has the physical constraint of the canvas. The format is fixed. The situation is different on the web. We can’t know in advance exactly how someone will view our sites. We don’t have a fixed canvas. We need to create websites with the ability to adapt and respond." - Media Queries
"…a collection of sites using media queries." - A Book Apart, Responsive Web Design
…und last but not least das Buch von Ethan zu dem Thema.
(via delicious.com)
Herbstputz
Seit Mai 2009 tippe und veröffentliche ich an dieser Stelle. Damals hatte ich mich für ein schlicht weißes Layout entschieden. 514 Artikel später, ist Zeit für ein wenig frische Farbe.
Ich habe ein Layout gesucht, das sowohl auf einem Smartphone, als auch auf einem größeren Screen vernünftig aussieht und wieder erkennbar ist. Fündig geworden bin ich bei Elmastudio, die bereits eine Reihe von responsive WordPress Themes erstellt haben.
Außerdem habe ich die Chance genutzt WordPress, PHP & MySQL komplett neu aufzusetzen. Weg mit all den Altlasten, die sich seit 2+ Jahren angesammelt haben.
Ich hoffe, dass euch das neue Design gefällt, liebe Zielgruppe. Meine Liste kleinerer Anpassungen werde ich hier nach und nach umsetzen.
P.S. Wem Responsive Web Design noch nichts sagt, der kann zu Demonstrationszwecken einfach das Browserfenster (mitsamt Blog) unten rechts anfassen und größer und kleiner ziehen.
P.P.S. Außerdem werde ich ein paar Links und Artikel rund ums Thema Responsive Web Design veröffentlichen.