We all wanted it, now we got it. A redesigned version of iOS7. I guess we all know whose signature this release is really carrying: Jony Ive. He’s gotten rid of everything skeuomorphistic and created a more or less flat design. First off: I do strongly believe that the guys at Apple both in their software and design teams did a crazy job. If you think about it…concept, design and development has all just started when Jony took over 8 months ago…thats not too much time really.

So before getting into the tidbits…I gotta say: I dont like the general look&feel of the design. All you candy crush gamers out there might fall in love with it..but for me, my iPhone is something mature, slick – and the new design looks like it fell outa the back of a chubby gum truck.

I also hoped for a bit more of feature changes as what Steve Jobs said a few years holds very true for today and the future:

Design is not just what it looks like and feels like. Design is how it works.

So starting from the install, all went well – Apple like – , everything was loaded from my iCloud backup and I was up and running again. I’m using this on my iPhone4…so it seems many effects like the 3D Parallax have been switched off to put focus on performance…which might give me a very low view of the phone.

The first hickup I anticipated was the config screen…here the swipe direction wasnt as anticipated…I had to swipe from right to left…not the other side round…the lock screen was just as usual though…but with this big arrow thing pointing upwards…my first gesture was to do just that as well.

My hope that the less graphic intense design will increase performance has yet to be proved. But hey let’s stay realistic here…this is a buggy first version.

From an app perspective mail and weather in itself look quite good, but that style doesn’t yet reflect throughout the system. Featurewise some minor things were added which were long overdue, my highlight was that photostreams can now really be used throughout groups. But Apple really needs to get its things together to keep staying a design driven and innovative company. They are slipping. I just hope that they get to put that love into every detail in the final version.

Und was denkt der Kristian?

Es gibt genug Menschen, die sich gestern Abend besseres vorstellen konnten als Apples neueste Keynote anzugucken. Wir nicht. Beamer, Chips, Bier: Stream! Bereits im Vorfeld wurde ja schon viel gemunkelt und nur wenig gewusst. Aber unter uns: Wir ahnten worum es geht. Apple musste nachlegen. Zu groß war die Lücke zu Android. Und jetzt 8h später, das “look how gorgeous this is” ist schnell verflogen. Aber auch wenn ich Designer bin, will ich jetzt gar nicht zu viel über das Design verlieren, das übernimmt der Markt schon von alleine. Watch this

Vielmehr will ich ein paar Sachen gerade rücken, die die iPhone Fans im Auditorium nur allzugern bereit waren zu akzeptieren. Nämlich die Vormachtstellung von iOS. Ich glaube dass Apple da einen entscheidenden Fehler macht. Denn das Borussia Dortmund der Mobile Industrie ist nicht Android, sondern Google.

Noch mal zum Verständnis. Android ist ein Open Source Betriebssystem. Jeder, der es hinbekommt ein Handy zu bauen, kann das System nutzen. Ob das folglich dann auch ein tolles Produkt ist, ist eine andere Frage. Denn die Release-Geschwindigkeit, Update Möglichkeiten oder individuellen Einstellungen kann der Hersteller der Handys selber bestimmen. Wenn Samsung also möchte, dass du dir ein neues Produkt kaufst, dann brauchen sie lediglich kein Update mehr fahren. Trau also keiner Statistik, die du nicht selber erstellt hast.

Vergleichen wir daher fairerweise Google Mobile mit dem iOS7. Und Moment! Das kommt mir bekannt vor.

Was ist denn mit den guten alten Revolutionen, die wir von Apple gewöhnt sind? Nicht eine Idee, die der Markt nicht schon kennt, bzw. Google Mobile nicht auch schon hat. Zudem, iOS7 kommt erst im Herbst auf den Markt. Bis dahin kann Google in Ruhe nachlegen. Und was für Mördertools hat Google nicht noch alles in der Hinterhand: Google Now, Google Drive, Google Maps (Navi), Google Wallet, und so weiter.

Apple ist mit Innovationen groß geworden, nicht mit gefällig sein. Ich hoffe der gestrige Abend war nicht der Anfang vom Ende einer großartigen Ära.

The post iOS7 – First thoughts appeared first on Demodern Blog.

At the time we made the Montblanc worldsecond mobile app, we were asked by the client to use Sina Weibo as the app Log-in option for our Chinese version. As someone originally from Taiwan, I am familiar with the term Sina Weibo. It is often mentioned on newspaper or TV shows, especially about what celebrities have wrote on their accounts.

However, I have never used it.

So when my colleagues turned to me with questions about it, I started my research.  That was the time I got to know this media. It is yet seldom heard about in Germany, but undoubtedly, it has and will still be playing an important role in the social media spectrum. Sina Weibo is the dominating social platform in China, even iOS has started integrating it since version 6.0 (not just in Chinese iPhone, but in Every iPhone). If you still don’t have any idea about it, this blog post is the cheat sheet for you to join the conversation.

1.  “Weibo” stands for “micro-blogging” in Chinese.

2. So far, you need to be able to read Chinese if you want to understand all the features of Sina Weibo. So far, the english interface is still not fully translated from Chinese. Other than the english, the language options are only Simplified Chinese and Traditional Chinese,

3. Sina Weibo is like Twitter with some Facebook features.

The basic feature of Sina Weibo is similar to Twitter: you have 140 characters limit for each post, you can attach emoji, photos, videos, music and hyperlinks, and you can repost the post (like retweet).

Other than posting and reposting, people can directly comment on your post. They could also recommend your post.

You can follow someone’s account and others can follow yours. This is the most important function, as 57% of the accounts do not publish any post, they only keep their own accounts, in order to read the posts from the accounts they follow.

And you could send personal messages to other account.

4. Over 4 hundred million people use Sina Weibo.

In average 80% of internet users in China have Sina Weibo accounts.

The account with the most followers, 45604110 followers at 1st May 2013, belongs to a Chinese actress. This amount of fans is more than the fans of Spongebob or Messi’s Facebook fan page.

5. There seems to be someone really checking your app details, if you want to get a Sina Weibo app ID.

There is something I found interesting while getting an app ID from Sina Weibo for the Worldsecond App: unlike getting an app ID from facebook, which is one click away, you need to actually write an application before it goes live. You need to wait 3-5 days, while your submission is being checked – and they could actually reject you, , for example, if some required information is missing.

I hope that after reading this article, Sina Weibo shouldn’t be a far-east myth for you anymore. Have fun and be generous about how you know all this!

Reference:
The new media that changes China… (Chinese)
Sina Weibo is registered by more than 400 million users (Chinese)
How many people actually uses Sina Weibo?… (Chinese)
Sina Weibo – How does it work (Chinese)
Sina Weibo Top Popular Profile (Chinese)
Facebook Statistics – United States
Top 100 Facebook Fan Pages
Finally, a look at the people who use Twitter
Top 100 Facebook Fan Pages

Author: I am Chi, an interactive developer from Taiwan, working at Demoden digital design studio.
My specialty is iOS development and I was the mobile developer for the Montblanc Worldsecond iPhone app.

The post ‘Sina Weibo’ Cheat Sheet appeared first on Demodern Blog.

The post Weekend Tunes II appeared first on Demodern Blog.

Steam Box
Neben der kommenden PS4 und Xbox 720 kann man sich auf die von Valve geplante Spielkonsole freuen, welche auf Linux Basis die bereits erfolgreiche Online Gaming Plattform sinnvoll ergänzen soll.

Hochflexible Touch Sensoren
Erste hochflexible Touch Sensoren sollen auf den Smatphone und Tablet Markt kommen. Größer, heller, gebogen und ohne Kanten. Fast jede Form ist nun möglich, so sind sie fast überall einsetzbar. Die ersten Sensoren sollen wohl im zweiten Halbjahr 2013 verkauft werden.

Produktvideo: http://www.youtube.com/watch?v=Q_qscdL-qwI&feature=player_detailpage

Crysis 3
Wird grafisch mit Sicherheit wieder Maßstäbe setzen. Der Trailer und die ersten Screens sehen auf jeden Fall verdammt gut aus.

Aktueller Trailer unter http://www.youtube.com/watch?v=2qFLtnSqS6Y&feature=player_detailpage

SimCity
Fast jeder kennt den Klassiker und hat mit Sicherheit schon viel Zeit damit verbracht riesige Stadtlandschaften zu errichten. Die Neuauflage als MMO wird uns bestimmt auch wieder viele schlaflose Nächte bereiten.

Spieleseite: http://www.simcity.com

Eye Tracking Bedienkonzept
Die Steuerung mit Augenbewegungen hat es zur Marktreife geschafft. Tobii REX präsentiert ein fertiges System. Wenn es tatsächlich benutzbar ist sicherlich eine geile Sache!

http://www.engadget.com/2013/01/06/hands-on-with-tobii-rex-a-peripheral-that-brings-eye-tracking-t/

Nvidia Shield
Eine Handheld Konsole von Nvidia mit ordentlich Rechenpower, WiFi, Touchscreen und Android als OS.

Mehr dazu hier http://shield.nvidia.com

Microsoft Surface Pro
Entgegen der aktuellen Tablets ist das Surface Pro mit Windows 8 und einem Core i5 ein vollwertiger PC sowie Tablet in einem.

Mehr hier: http://www.techradar.com/reviews/pc-mac/tablets/microsoft-surface-pro-1123800/review

4K OLED TV
Auf der CES 2013 hat Panasonic einen 56″ OLED TV mit 4K (3.840 x 2.160 Pixel) Auflösung vorgestellt.
Bei Samsung und LG sogar mit gekrümmten Oberflächen für einen leichten Panoramaeffekt.

Die meisten neuen Fernseher der großen Hersteller werden nun auch endlich einen Browser beinhalten und manche evtl. auch neue Bedienkonzepte wie bspw. das Eye-Tracking im neunen „TV of the Future“ von Haier’s.
Mehr hier http://www.gamestar.de/heimkino/news/fernseher/3008322/ces_2013.html

Die dazu passenden Filme kommen auch, daher hier neben Django noch zwei vielversprechende Titel für 2013.

The Lone Ranger
Disney´s Western mit Johnny Depp und Armie Hammer vom „Pirates of the Caribbean“ Regisseur Gore Verbinski

Trailer: http://www.youtube.com/watch?v=JjFsNSoDZK8&feature=player_embedded

John dies at the End
Die Horror-Komödie von Don Coscarelli mit Paul Giamatti schaut sehr unterhaltsam aus.

Trailer: http://www.youtube.com/watch?v=Vy83MPk7Wpg&feature=player_embedded

Fazit
Da diese kurze Liste ja nur ein paar der vielen spannenden Releases in 2013 aufzeigt, kann man gespannt sein was uns noch erwartet. Es schaut auf jeden Fall sehr vielversprechend aus, und falls es einige der genannten Innovationen und Technologien tatsächlich auf den Markt schaffen, haben diese auf jeden Fall das Potential einiges zu bewegen. Es bleibt spannend!

The post 2013 – Worauf wir uns freuen appeared first on Demodern Blog.

Wir kennen das aus jedem guten Science-Fiction Streifen: Raumschiffe mit künstlicher Intelligenz, in die Netzhaut integrierte Head-Up-Displays und durch Fingerschnipp projezierbare Hologramme. Alles versehen mit einem extrem schnieken User Interface mit vielen bunten Lichtern und umherrschwirrenden Bildern – aber dennoch unglaublich einfach zu bedienen. Je wilder, desto futuristischer. Als Zuschauer blicken wir meistens gar nicht durch, was der Protagonist da gerade mit seinen Händen fuchtelt. Aber das ist auch egal, denn es sieht verdammt cool aus.

Manchmal stellt man sich dann die Frage, ob die Zukunft wirklich so aussehen wird. Sind diese Interfaces innovativ und richtungsweisend? Oder sind UIs in aktuellen Sci-Fi Filmen genauso nutzerfreundlich wie heutzutage Microsofts Powerpoint?

Viele futuristische Oberflächen nutzen häufig gleiche Elemente und wirken oftmals sehr kleinteilig und völlig überladen. Alles blinkt und dreht sich, wild wechselnde Ziffern sind umgeben von Konturen und Linien (im neuen Total Recall Remake gut erkennbar, siehe unten). Dabei wird heute doch eher Einfachheit und eine klare Form- und Farbsprache bevorzugt. Hollywood versucht scheinbar durch Komplexität den Eindruck zu vermitteln, dass ihr Interface durchdacht und funktional ist. Dadurch wirkt es für den Zuschauer natürlich wesentlich interessanter, für einen normalen Nutzer wäre solch ein Interface wahrscheinlich unbedienbar – es sei denn, er heisst Tom Cruise und verhindert Verbrechen bevor sie passieren.

UIs auf Displays sind sowieso Schnee von gestern. Hollywood setzt auf interaktive dreidimensionale Hologramme im Raum (wie z.B. In Avatar, District 9, Hunger Games, Prometheus oder Iron Man). Die einzelnen Interface Elemente werden von Tony Stark und Co. spielerisch mit Gesten hin und her bewegt. UIs mit Gestensteuerung sind längst Realität geworden, doch wer schonmal mit einer Wii oder XBOX Kinect gespielt hat weiß, wie anstrengend das werden kann.

Wirklich reibungslos wirkt die Erfahrung mit solchen Interfaces sowieso noch nicht, die Bedienung muss präziser und die Oberfläche entsprechend intuitiv und mit möglichst wenig Aufwand nutzbar sein (leapmotion scheint auf einem guten Weg zu sein…). Doch lässt sich ohne physikalisch fühlbare Interaktion überhaupt präzise arbeiten? Viele bemängeln immer noch die fehlende Haptik auf Touch-Displays. In Minority Report werden spezielle Handschuhe benutzt, die ein taktiles Feedback ermöglichen könnten. Oder wird es in Zukunft machbar sein etwas “Fühlbares” in den Raum zu projezieren?

James T. Kirk hat vorgemacht, wie es auch anders gehen könnte: mit Spracherkennung. Spätestens mit Siri einigermaßen marktreif, aber noch Lichtjahre von der Interaktion wie in Star Trek entfernt. Auf Raumschiff Enterprise wurden ganze Galaxien per Sprachbefehl gerettet, Siri kann mir noch nichtmal zuverlässig den Weg zum nächsten China-Restaurant mitteilen. Außerdem ist für jeden Befehl mindestens ein Knopfdruck nötig, um die Dame aus ihrem Sekundenschlaf zu wecken. Nervig. Der “Dialog” mit Sprachcomputern muss deutlich einfacher und natürlicher werden.

Tony Stark – der übrigens auch keine Probleme hat mit seiner künstlichen Intelligenz JARVIS einen netten Plausch zu halten – hat im Helm seines Iron Man Suits ein schickes HUD eingebaut.

Hier kann er einfach durch bloßes “Gucken” mit dem Interface interagieren. Doch wie weiß das System, ob der User ein Interface Element nun wirklich aktivieren will oder nicht nur mit dem Blick drüberstreift? Anders als z.B. mit der Maus, ist das Auge ständig in Bewegung. An der Problemlösung arbeiten sicherlich schon die Jungs von Google, denn mit Project Glass kommen sie dieser Vision schon ziemlich nah.

Und darum geht es schlussendlich: Film macht Visionen sichtbar. Hollywood muss seine Interfaces nicht auf Usability überprüfen, die Helden machen nunmal keine Fehler. Es gibt keine technischen Begrenzungen, alle Ressourcen können auf das Styling des Interfaces fokussiert werden. Der Fantasie sind keine Grenzen gesetzt. Dadurch können Visionen von den Filmemachern auch noch weitergedacht werden, die heutzutage noch absurd erscheinen würden. Es werden Begehrlichkeiten beim Zuschauer geweckt, wodurch Forscher und Designer motiviert werden diese Inspiration aufzunehmen und in die Realität umzusetzen –  wenngleich auch ein wenig anders.

The post *Blink* *Woosh* *Beep*: Interfaces in Sci-Fi Filmen appeared first on Demodern Blog.

Aus eigener Erfahrung habe ich schon des öfteren eine Art Nord-Süd-Gefälle der Farbwahl ausgemacht. Scheint es im Norden als angenehm zu gelten, sich in einem hellen eher warm beleuchteten Raum aufzuhalten, bedeutet das im Süden – wo es geografisch bedingt eher etwas wärmer ist – ein schattiges Plätzchen mit eher kälteren Lichtstimmung aufzusuchen (PKWs haben in wärmeren Regionen z.B. einen schwarzen Himmel). Außerdem gibt es auch sehr lokal kulturell gefärbte Eigenheiten, wie die Vorliebe der Schweizer Eidgenossen nur (oder am liebsten) rote Buttons anklicken zu wollen (solche Eigenheiten findet man in A-B-Tests im Online-Marketing heraus). Diese Vorliebe ist der Einzelperson selbstverständlich nicht bewusst, sondern ergibt sich aus einer rein quantitativen Beobachtung.

>>>

Abstraktion: Das Farbschema

Eine Farbzusammenstellung erinnert uns unterbewusst an Situationen, die wir damit assoziieren. Die Farbstimmung eines Strandes weckt bei Nordeuropäern vermutlich eine Erinnerung an schöne Urlaubstage am Meer (und somit vermutlich positive Assoziationen). Hat jemand eine Sonnenallergie und hatte als Kind einschneidende Erfahrungen mit Feuerquallen, kann dies zur unbewussten Ablehnung eines Farbschemas führen.

>>>

Verhältnisse: Die Farbgewichtung.

Auch das Mengenverhältnis der Farben zueinander spielt eine wichtige Rolle bei der Wirkung einer Farbharmonie. Diese Farbzusammenstellungen sind alle zum Thema „Beach“ auf Colour Lovers von unterschiedlichen Usern entworfen worden. So unterschiedlich sie auch sind, fällt bei isolierter Betrachtung die Vorstellung einer Szene unter Verwendung der Hauptfarben nicht all zu schwer. Und auch umgekehrt können wir uns durch die Wahl eines bestimmten Farbkanons nicht gegen die entstehenden Assoziationen wehren.

>>>

Experimentieren: Das Farbrad.

Das meiner Meinung nach ausgefeilteste Werkzeug um einen stimmigen Farbkanon zu erstellen, bietet das Farbrad in Adobe Illustrator. Hat man hier globale Farben in einer Farbgruppe definiert, ist es ein Leichtes harmonische Abversionen des Designs zu testen. Durch die zusammenhängende Bearbeitung der Verhältnisse der Farben zueinander oder den Austausch durch vordefinierte Paletten der Farbharmonielehre kommt man sehr schnell zu einer Meinung, welche Farbauswahl die richtigen Aspekte in der Kommunikation bedient.

Durch die Verhältnisse der Farben zueinander im Farbrad lassen sich – angelehnt an musikalische Gesetzmäßigkeiten – Harmonieregeln ableiten. Das Problem der Gestaltung ist jedoch, dass Farbnuancen zuerst gesehen werden müssen, und zwar im Zusammenwirken. Das bedeutet, wie die Farbnuance tatsächlich aussehen wird, lässt sich nicht an einem Muster erkennen, sondern erst im Ensemble der Gesamtgestaltung. Dies macht zwangsläufig  das Ausprobieren von Wirkungen erforderlich.

Die richtige Farbwahl für die Identität einer Marke oder eine Kampagne kann von strategischer Wichtigkeit für den Erfolg einer Maßnahme und deren Wahrnehmung sein. Eine absolute Wahrheit gibt es hier allerdings nicht: Alles ist subjektiv und liegt im Auge des Betrachters. Über Communities wie Colour Lovers oder die Kuler App und den Color Scheme Designer, die sich der Erstellung von thematischen Farbzusammenstellungen gewidmet haben, kann man sich assoziativ an eine gewünschte Wirkung herantasten …

>>>

Alles ist relativ.

Man sollte sich also sehr genau mit seiner Zielgruppe und deren Umwelt auseinandersetzen, um gut einschätzen zu können, welche Farbwelten als positiv und angenehm wahrgenommen werden. Die Farbwahl kann das Quäntchen sein, das über Annahme oder Ablehnung der aufgemachten Welt entscheidet. In unserer digitalen Welt mit unverbindlichen Farbwerten an sehr untschiedlichen Bildschirmarten greift eben diese Harmonie, die sich durch den Abstand der Farben im Farbrad definiert. Egal wie schlecht der Monitor ist: unsere Wahrnehmung ist relativ (Shifting Baselines) und der Wahrnehmungsapparat nimmt grundsätzliche die vorherrschende Farbstimmung als neutral wahr: Er gewöhnt sich daran.

>>>

ÜBER DEN AUTOR

Thomas, 38
Creative Director und Managing Partner bei demodern
Studierte Design in Wuppertal und ist Mitglied im ADC
Zitat: „Nobody knows the trouble I’ve seen.“

The post Ich sehe was, was Du nicht siehst. appeared first on Demodern Blog.

The post Startup Hipness appeared first on Demodern Blog.

Wer von euch hat sich nicht schon mal gefragt, was eigentlich passiert, wenn Menschen auf der ganzen Welt etwas zur exakt gleichen Sekunde machen? Zum Beispiel ein Foto. Dann könnte man die gesamte Welt für einen Moment einfrieren und man sieht, was Menschen in verschiedenen Ländern in ein und demselben Augenblick erleben. Das globale Fotoprojekt „The Montblanc Worldsecond“, das wir konzipiert und umgesetzt haben, macht das möglich – mithilfe einer App für iPhone und Android.

Mit dieser App kann jeder Besitzer eines iPhones oder Android-Geräts seine ganz persönliche „Worldsecond“ als Foto festhalten. Das Besondere: Die App verewigt eine Sekunde im Leben ihrer Nutzer dank eines zentral gesteuerten Selbstauslösers weltweit zum exakt gleichen Zeitpunkt. Dazu informiert ein Countdown, wann genau es zum automatischen Auslösen des nächsten Fotos kommt. Die Teilnehmer müssen lediglich zur richtigen Zeit ihr Handy bereithalten, die App öffnen und ein Motiv auswählen. So entstehen Aufnahmen in ein und derselben Sekunde, die den Augenblick einer ganzen Welt widergeben – eben die „Worldsecond“. Insgesamt hält die App 60 verschiedene Sekunden zwischen 1. November und 31. Dezember 2012 fest.

Die einzelnen Sekunden-Schnappschüsse werden jeweils auf die Kampagnenseite worldsecond.montblanc.com hochgeladen. Hier kann jeder User die Fotos durchstöbern, eigene Galerien mit seinen Lieblingsmotiven gestalten und diese mit Freunden über Facebook, Google+, Twitter, Pinterest oder per Mail teilen. Um die Teilnehmer auch international zu erreichen, wurde die App für die jeweiligen Märkte adaptiert: Im chinesischen Raum stellt „Sina Weibo“ den wichtigsten sozialen Kanal für „The Montblanc Worldsecond“ dar.

Auch ihr seid herzlich eingeladen mitzumachen. Ladet euch die App auf euer Handy und wartet auf das Ende des Countdowns.

Jede Sekunde zählt! Viel Spass.

Download iPhone App | Download Android App | Experience more on worldsecond.montblanc.com

The post The Montblanc Worldsecond appeared first on Demodern Blog.

Kinder haben es gut. Sie kennen keine Grenzen in ihrem Denken. Ein Auto kann fliegen. Unsichtbar machen – kein Problem. Ein Pappkarton reicht für die Reise zum Mond und in Null-Komma-Nix ist man ein Pirat.

Aus purem Neid auf Kids mit Laserpistolen, die auf Tigern reiten, entstand die folgende “Technik”. Ziel ist, wie ein Kind in Stories und Welten zu denken – auf Phantasiereise zu gehen und sich NICHT mit Mechaniken, Technologien & Trends zu befassen. Idee & Story zählt … alles andere ist nur Vehikel.

Visual Thinking ist das perfekte Hilfsmittel, nicht nur um die eigene Phantasie anzuregen, sondern auch um in der Gruppe auf Reise gehen zu können.

Genug gesagt, im folgenden Praxisbeispiel haben wir mal einen möglichen Weg zu einem Ideenansatz anskizziert:

Dieses Beispiel zeigt die Kombination aus kindlicher Phantasie und Visual Thinking. Statt gedanklich um eine App zu kreisen, wurde direkt der ersten spontanen Eingebung gefolgt – “Was wären coole Skater-Superhelden”. Was hat das mit der App zu tun? Eigentlich nichts, aber es eröffnet eine spannende Welt voller Anregungen und Inspirationen, frei von irgendwelchen Grenzen.
Hier wird der entscheidende Vorteil von Visual Thinking klar: Der Phantasie wird Leben eingehaucht. Wir sehen die Charaktere vor uns und haben direkt ein Gespür für ihre Fähigkeiten und ihre Welt.

Wenden wir die Erkenntnisse aus unserem Phantasie-Trip auf unser eigentliches Ziel, die Skater-App, an, entsteht ein möglicher Ideenansatz. Als netter Nebeneffekt haben wir auch gleich ein unterhaltsames Chart inkl. Tonalität, welches für jeden schneller erfassbar und verständlicher ist als Flowcharts, Mindmaps, Tabellen oder ewig lange Herleitungen.

The post Think visual! appeared first on Demodern Blog.

Die Seiten gingen parallel zum jeweiligen E3-Presserelease in fünf Sprachen online und featuren exklusives Material zu den Games. Neben den Trailern sind das unter anderem Concept Arts, Hintergründe zur Story und weitere Goodies, auf die die zahlreichen Fans des Vampir-Klassikers lange gewartet haben.

In association with Konami we developed teaser sites for the two upcoming AAA-releases of the ‘Castlevania: Lords Of Shadow”-series.

The pages are available in five languages and feature exclusive material about the games. Apart from the trailers the sites contain concept art, story background and other goodies, which were highly anticipated by the numerous fans of the vampire classic.

Das Augenmerk im technischen Aufbau der Seite lag vor allem auf größtmöglicher Kompatibilität und Performance auf allen Browsern. Für die animierten Hover-Effekte im Concept Art-Bereich kam die JavaScript-Bibliothek CreateJS von Grant Skinner zum Einsatz, mit der die in Flash erstellten Assets direkt als Canvas-Elemente exportiert werden können.

So waren wir in der Lage, im gleichen Workflow ohne Mehraufwand sowohl Browser mit Canvas-Unterstüzung zu bedienen als auch direkt passende Flash-Fallbacks, z.B. für den Internet Explorer, zu erstellen.

Focus in development was on maximum compatibility and performance on all browsers. For hover effects in the concept art section we used the JavaScript-library CreateJS developed by Grant Skinner. With it, assets created in flash can be directly exported to HTML canvas elements.

Thus we had the ability to create content for all browsers with canvas support as well as generate the needed Flash fallbacks (think Internet Explorer…) in the same workflow without any additional hassle.

In gleicher Weise verfuhren wir mit den weiteren Effekten der Site. Je nach verwendetem Browser und dem Ergebnis der feature detection wurde die Seite individuell angepasst dargestellt. Am Ende der graceful degradation stand die Version für mobile Endgeräte, in der beispielsweise das erwähnte Concept Art-Feature in simplem HTML dargestellt wurde.

Die größte Überraschung in der Performance-Abstimmung lieferte dabei ausgerechnet das iPad. Während das iPad 2 die Seite samt aller Animationen problemlos darstellte, zeigte das iPad 3 hin und wieder Ruckler bei den Scroll-Effekten zwischen den content sections. Die wesentlich höhere Auflösung des Retina-Displays scheint nicht nur Vorteile zu haben.

Similarly the other effects were integrated. Depending on the given browser and feature detection the site would be rendered individually to give the best user experience. At the far end of this concept of graceful degradation the version for mobile devices was optimized for speed, so for example the aforementioned concept art feature was rendered in simple HTML here.

A great gap in performance occured, very surprisingly, between the different versions of the iPad. While the iPad 2 would the display the page with all animations and effects with ease, the iPad 3 didn’t run all that smooth during some scroll effects. It seems the new high definition retina display has some drawbacks as well.

Die Ergebnisse sprechen eine deutliche Sprache. Innerhalb von 24 Stunden hatte die Seite 2.500 Likes auf Facebook. Insgesamt verzeichnete die Page drei Wochen nach Launch schon über 500.000 Pageviews.

Zur Site Castlevania: Lords Of Shadow 2
Zur Site Castlevania: Lords Of Shadow – Mirror Of Fate

During the first 24h after launch the page garnered over 2,500 likes on Facebook. On the whole the pages had more than 500,000 PIs three weeks after launch.

To the site Castlevania: Lords Of Shadow 2
To the site Castlevania: Lords Of Shadow – Mirror Of Fate

The post Konami – Castlevania: Lords Of Shadow appeared first on Demodern Blog.