Tag Archive | PAPER

Zeven bouwers over zeven bouwsels

image

Twee keer genomineerd voor een Lovie en vijf keer op de shortlist terecht gekomen. Dat is nogal wat. Zeven projecten waarmee we, in ieder geval volgens de Lovie jury, tot de top 15% van het Europese web behoren. Wat vinden de bouwers nou zélf het vetst aan de geprezen cases?

Martin over 0h n0

image

“0h y3s!”, riep Martin toen hij hoorde dat 0h n0 genomineerd is voor een People’s Voice Lovie én een Lovie van de jury in de categorie Games. Wat hij vooral vet vindt, is dat het door bizar veel mensen gespeeld wordt en het contact wat hij met deze spelers heeft via reviews en sociale media. “Het is heel gaaf om zoveel mensen op deze manier te bereiken!”

(Trouwens, aan de People’s Choice Lovie kun jij ons helpen! Dat doe je door hier te stemmen op 0h n0.)

Guido over DesignMuseum.org

image

De website voor het Design Museum, gebouwd met Fabrique, is ook genomineerd voor een People’s Voice Lovie én een Lovie van de jury. In de categorie Best Home/Welcome Page. Guido kan zich daar wel in vinden, want wat hij het allervetst vindt: “Hoe simpel de site lijkt, maar hoe kunstig het stiekem onder de motorkap is. Alle kleine dingetjes bij elkaar zorgen ervoor dat de site zo goed werkt.” Een vet voorbeeld is het menu-hamburgertje, dat met een CSS-animatie een sluit-kruisje wordt.

(Pssst, ook aan deze People’s Choice Lovie kun jij ons helpen. Je stem voor Design Museum mag hier.)

Mathijs over de KLM Apple Watch App

image

De jury plaatste de KLM Watch App op de shortlist in de categorie ‘Best User Experience’. Wat Mathijs het supervetst vindt sluit daar mooi bij aan: “Het interaction design van deze app haalt alle stress bij je weg, door niet alle informatie van je vlucht te tonen, maar alleen wat je nodig hebt en precies wanneer je het nodig hebt. Wat je ziet op je Watch, verandert met je fase mee. En dat kan omdat we niet de KLM app simpelweg verkleind hebben voor de Apple Watch, maar een échte Watch app hebben gebouwd.”

Roelf-Jan over DenHaag.com

image

Ook DenHaag.com, ook gebouwd met Fabrique, haalde een plekje op de felbegeerde shortlist. In de categorie ‘Travel/Tourism’. Wat Roelf-Jan zelf het vetst vindt: “Hoe extreem veel data er ontsloten is en hoe je daar als gebruiker gedachteloos doorheen geleid wordt. Het borrelt vanzelf wel boven wat je wilt gaan doen, in plaats van dat je daar specifiek naar op zoek moet.”

Bram over LessonUp!

image

“Eindelijk een tool bedacht met de leraar in het achterhoofd”, zo omschrijft Bram LessonUp!, dat een plek op de shortlist in de categorie ‘Schools & Education’ heeft gescoord. “Het geeft leraren superpowers! Dat is toch vet?!” Allemaal door het interaction design met de échte klassituatie als leidraad. “Nooit meer stuntelen voor de klas. Je hoeft je les namelijk niet meer te onderbreken om uit de presentatie te gaan om een video af te spelen of een quiz te doen. Alles zit in de player zelf.”

JasperH over PAPER

image

PAPER verdiende volgens de jury een plekje op de shortlist in de categorie ‘Lifestyle: Tablet’. JasperH vindt het vooral supervet dat hij PAPER isomorphisch heeft mogen bouwen. Alles wordt daarom isomorphisch serverside ingeladen. “Op de url staat dus écht de content, de browser hoeft zelf niet te renderen.”

TimS over VanGoghMuseum.nl

image

Last but not least is de site die we bouwden met Fabrique voor het Van Gogh Museum in de categorie ‘Art’. Wat voor TimS het allerallervetst is, is dat dit het project is waarvoor het enige echte QMS geboren is. “Tijdens Van Gogh heb ik het gebouwd en nu wordt het in heel veel andere projecten gebruikt, zoals de site van het Design Museum. Ik bouwde versie 0.5 (ook weer op basis van bestaand werk voor bijvoorbeeld Rijksmuseum en DenHaag.com), het Design Museum team bouwde versie 0.6 en Laurens heeft de 1.0 versie voor Staatsloterij gemaakt.”

Dat was ‘m. Zeven bouwsels. Zeven geprezen bouwsels. En wij zijn zo trots als een aap met zeven…

PAPER van De Persgroep, een hybride app, maar waarom?

image

Voor de prijs van de Linda, maar dan in plaats van één keer in de maand zes dagen in de week een verse editie. PAPER zit ergens tussen een serieuze krant en een glossy in en is geschreven door De Persgroep. Met veel liefde en plezier hebben wij deze hybride app ontwikkeld. Maar waarom eigenlijk hybride? Waarom niet native?

Het hybride versus native-vraagstuk komt voor ons vooral neer op: waarom moeilijk doen als het makkelijk kan? Het antwoord op die vraag is uiteraard: dat hangt er vanaf.

Beleving

Native apps voelen toch altijd nét even wat soepeler. Sexyer. (Ja, zo schrijf je dat blijkbaar. Ziet er toch niet uit?) Er is meer liefde en aandacht nodig om met een hybride app datzelfde niveau van beleving te benaderen. Dat doen we graag, maar waarom moeilijk doen als het makkelijk kan? Punt voor native.

Ontwikkeltijd

Wanneer je voor twee of meer platformen ontwikkelt, kost het ontwikkelen van een native app vaak meer tijd dan het ontwikkelen van een hybride app. Met native heb je immers een codebase per platform, met hybride één. Punt voor hybride.

Maar… dat verschil is in onze ervaring alleen significant wanneer je één interface kunt aanbieden die voor alle platformen werkt. En dat is zelden een goed idee. Vinden wij. Geef dat punt dus maar weer terug. Of…?

Android-apps zien er anders uit dan iOS-apps. En belangrijker: ze werken anders. Daarmee doelen we niet alleen op Apple-fanboys of Google-groupies (of een verdwaalde Windows Phone-aanbidder) die chagrijnig worden als ze een UI pattern van het rivaliserende platform tegenkomen op hun geliefde device. Elke smartphone- of tabletgebruiker is simpelweg gewend aan de standaard interface-elementen van het platform. Het kost de gebruiker minder denkmoeite (Is dat een woord? Bij deze.) als een app zich daaraan houdt. En dat is goed. Je moet dus wel een verdomd goede reden hebben om één en dezelfde interface aan te bieden met je app.

image

De verdomd goede reden voor één interface

PAPER is een magazine. Met een magazine-uitstraling. En een magazine-interface. Net als bij games is het voor een magazine-app als PAPER helemaal niet gek om er anders uit te zien en anders te werken dan de meeste andere apps. Sterker nog, als PAPER met voornamelijk native UI elementen gebouwd zou zijn, dan zou de app een stuk minder sexy zijn.

Kortom, voor PAPER was hybride ontwikkelen significant sneller. Waardoor er voldoende ruimte overbleef om de app zo gelikt mogelijk te maken.

Andere overwegingen

Uiteraard weegt er meer mee. Eén codebase is gemakkelijker te onderhouden dan meerdere. En dat één van de ondersteunde platforms het web zelf is, is natuurlijk ook relevant.

Daarnaast is het ook belangrijk om te kijken naar de (on)mogelijkheden van hybride en native. Het is echter allang niet meer zo dat je met hybride minder kunt, dus dat zit wel snor. Met Cordova kan native functionaliteit gemakkelijk aangesproken worden vanuit JavaScript, ondanks de platformverschillen. Dat hebben we nu bijvoorbeeld met notificaties gedaan en we hebben net de in de platforms ingebouwde manier om artikelen te delen ingebouwd. Dat delen is een mooi voorbeeld van iets dat we dus wél platformspecifiek willen hebben. En dat kan met Cordova.

image

Blije nerds

Voor ons ook erg belangrijk is het meewegen van ontwikkelaarsblijheid. Het ontwikkelen van hybride apps is lang een stuk minder prettig geweest dan het ontwikkelen van native apps. Maar inmiddels is het best wel oké. We hebben ons heerlijk vermaakt met de isomorphische manier van werken van React en Fluxible. (In een notendop: dat betekent dat zowel de server als de client (delen van) de interface kunnen renderen. Net als hoe Facebook dat doet. Zij hebben React dan ook gebouwd.) Cordova lost ook veel op, maar heeft ook nog wel een weg te gaan, als we eerlijk zijn. Cordova kan soms nare, exotische bugs opleveren. En Cordova helpt ook niet als je de performance en beleving optimaal probeert te krijgen. Dat is ook niet zo gek, als je bedenkt dat Cordova nog steeds ondersteuning voor Blackberry met zich meezeult, maar daar frustreert het niet minder om. Het is dus nog niet allemaal rozengeur en manenschijn, maar er is al voldoende reden om blij te zijn.

Daarom dus hybride

In dit geval.

En nu, Apple-fanboys, kunnen jullie lekker PAPER gaan lezen op een Android. Of Google-groupies op een iPad. Maakt toch niet uit, PAPER is op elk platform even fijn.

Geniet ervan.