Android, Chrome OS en Google-sites krijgen consistente interface

Google heeft een concept onthuld voor een nieuw interfacedesign dat kan worden gebruikt in apps voor Android en Chrome OS, maar ook voor het web. De internetgigant noemt de nieuwe 'design language' Material Design en moet consistente interfaces opleveren.

Hoe deze nieuwe interface eruit komt te zien werd door Google gedemonstreerd tijdens een presentatie op de Google I/O-ontwikkelaarsconferentie. Tevens heeft de internetgigant een document online gezet waarin de gedachte achter Material Design wordt uitgelegd. Volgens Google worden er op een speciale designpagina richtlijnen online gezet, die in de komende tijd nog worden aangevuld, die ontwikkelaars kunnen hanteren voor het bouwen van interfaces voor hun apps.

Material Design legt vooral de nadruk op kleur en eenvoudigheid. De Google-interface gebruik van duidelijk afgebakende, individuele elementen, die gebruikers makkelijk moeten kunnen herkennen. Daarvoor moeten individuele designelementen hun basis vinden in de realiteit, aldus Google. Er is een demonstratievideo vrijgegeven waarin een aantal apps worden getoond op basis van Material Design.

Er komen tools beschikbaar voor ontwikkelaars om hen interfaces te laten bouwen op basis van Material Design. Google hoopt dat applicatiebouwers de nieuwe interface-elementen verwerken in hun software Android en Chrome OS. Ook kan Material Design worden gebruikt op het web. Tijdens de presentatie op I/O gaf Google enkele voorbeelden van diensten, zoals Gmail, die op termijn worden voorzien van een Material Design-interface.

Google introduceerde eerder de Holo-interface voor Android, waarmee het bedrijf een eerste poging deed om ontwikkelaars universele interfaces te laten bouwen. Material Design lijkt hierop voort te borduren. Kortgeleden kwamen er al geruchten naar buiten dat Google aan een universele interface werkte, die toen nog onder de codenaam Quantum Paper bekendstond.

Helaas!
De video die je probeert te bekijken is niet langer beschikbaar op Tweakers.net.

Reacties (65)

[leonwin7]

Een demo van de web elements(op basis van Material Design) in Polymer zijn hier te zien: http://www.polymer-project.org/components/paper-elements/demo.html

[Fred-Erik]

Wow, ziet er erg goed uit allemaal! Ook knap dat het allemaal even vloeiend werkt in de browser. Wel nog buggy in niet-Google Chrome-browsers, maar daar werken ze hopelijk aan. Werkt ook allemaal opvallend goed met muis en toetsenbord, niet alleen voor touch een goede interface dus. Alleen de checkboxes en radio buttons hebben een wat overdreven animatie voor aanklikken, maar de rest is prima voor muis.

Puik werk, Google!

[lappro]

Het ziet er zeker goed uit, maar de animatie van het openen van een nieuw menu aan de linker kant duurt mij toch te lang. Al die animaties zijn wel leuk, ze zijn alleen leuk wanneer ze de user experience niet vertragen.

[awosome]

Even getest,
Chrome: werkt perfect
IE op W8.1: alleen het menu verschijnt
IE op WP8.1: alleen het menu verschijnt en tijdens het scrollen lagt de browser keihard

Dus ik houd mijn hart vast
Update:het werkt toch wel op IE, je moet gewoon heel lang wachten

[Reactie gewijzigd door awosome op 4 augustus 2024 00:22]

[lasharor]

De presentatie met betrekking tot design is hier te bekijken https://www.youtube.com/w...page&v=wtLJPvx7-ys#t=2415

Link zou al naar de goede tijd moeten gaan. Anders op 40:15

[Fred-Erik]

Het korte filmpje in het artikel zegt me niet zoveel, maar deze presentatie is erg indrukwekkend!

Ik ben fan van de Windows Phone-interface sinds het design daarvan voor het eerst publiekelijk getoond werd: het eerste mobiele OS design dat echt gebruik maakte van typografie en vlakken ipv kaders en icoontjes zoals Android en iOS zo lang hebben gedaan. Android zag er toen zo uit en iOS zo; ondertussen lijken ze al veel meer op Windows Phone dan op hoe ze er toen uitzagen.

En dit lijkt een echte stap vooruit in design sinds die eerste introductie van Windows Phone 7 in 2010! Een strakke, consistente interface die echt logisch opgebouwd is. Zeker nu Microsoft met Windows 8(.1 Update 1) steeds meer concessies doet aan functionaliteit boven design (in plaats van het algehele design te verbeteren maken ze uitzonderingen) en daarmee zichzelf beroofd van een consistent ontwerp lijkt dit echt beter te zijn! Hopelijk wordt het ook snel doorgevoerd in alle apps en websites voor Android, zodat je niet nog tijden de oude interface terug blijft zien.

[Reactie gewijzigd door Fred-Erik op 4 augustus 2024 00:22]

[Shift]

Microsoft heeft voor een revolutie gezorgd. het jammere is dat Apple en Google geen enkel credit geven maar wel profiteren.

[i7x]

Het zijn gewoon golfbewegingen in de ontwerpwereld. Eerst moet alles superrealistisch en daarna juist weer zo eenvoudig mogenlijk.

Persoonlijk vind ik het erg jammer. Ik vond de glasachtige interface van Windows 7 bijvoorbeeld erg mooi, met doorzichtige gedetailleerde iconen en dat soort dingen. Nu bestaat alles enkel nog uit saaie gekleurde vlakken. Ach, he gaat wel weer over. Over twee jaar is iets anders weer hip.

[Verwijderd]

Helemaal mee eens, en laten we het hopen. Ik persoon hoop op een tussenvorm tussen plat en realistisch. Daar is zelfs al een naam voor, maar die kan ik even niet meer vinden.

[Cartman!]

De eer volledig aan Microsoft toekennen gaat ook weer erg ver. Gmail heeft al heel erg lang een vrij minimalistische interface bijvoorbeeld. Dit borduurt erop verder en heeft imo een vrij andere afwerking dan Windows/WP en iOS.

[Verwijderd]

Inderdaad. Iedereen leent wel wat moois van een ander. 100% origineel of vernieuwend kan je niet zijn.

[Verwijderd]

Sterker nog. Het hele minimalistische interface gebeuren is volgens mij gestart met Google Search. Dat was de eerste zoekmachine die een zoekscherm durfde te introduceren dat relatief leeg en wit was. Tot die tijd waren zoekmachines meestal kerstbomen met nieuws, links en meer van die sut om een zoek balkje heen gepropt.

http://static3.businessin...pretty-adorably-retro.jpg

Meer dan gejat, is het denk ik een logisch pad.

Vroeger dachten we dat veel informatie tegelijk handig was, maar tegenwoordig zie je toch steeds meer dat alleen nuttige info wordt getoond. Met de manier van presenteren is dat niet anders. Tierelantijnen leiden alleen maar af van de kern.

Ik vind dat niet altijd even handig, want minimalistisch betekent vaak ook dat je je aan het keurslijf van de bedenker hebt te houden, want minimalistische instelbaarheid is ook steeds meer de norm.

[Loller1]

Mwa, sinds Microsoft Windows Phone voorstelde werd flat design anders wel erg populair. Net zoals glas effecten met Windows Vista plots ook het web veroverde.

Daarbij, kijk eens naar de demo van de nieuwe zoekresultaten, en ga dan eens kijken bij Bing Smart Search, het heeft er best wel veel weg van.

[Reactie gewijzigd door Loller1 op 4 augustus 2024 00:22]

[Qaatloz]

Glas effecten zaten binnen linux systemen allang in Compiz Windowmanager (en voorgangers) voordat Vista uit was. Dat niemand dat kent en weinig mensen het gebruikt hebben is een ander verhaal.

[Loller1]

Compiz is van 2006, daarbij waren er al jaren eerder ontwikkelversies van Longhorn en Vista die lieten zien waar Microsoft naar toe ging.

[iDobra]

Maar het ging toch juist ook om wie het populair maakte? Niet wie het eerst was?

[Hugo_ijslijk]

1 handeling. Je gaat in de 8.1 update 1 gewoon naar de taakbalk en je klikt op het Map icoontje. Hoe kan dit gebruiksvriendelijker?

[Loller1]

Open eens een foto in win 8 dan ga je naar de gallerij vervolgens moet je weer 3 handelingen doen om terug naar het bureaublad te gaan om de volgende foto te openen. Het werkt gewoon niet goed...

Tenzij je rechts naar boven schuiven, klikken en kijken hoe het scherm terug flipt naar het bureaublad 3 aparte handelingen noemt, ben je fout. Daarbij, waarom druk je niet gewoon op de pijl naar rechts voor de volgende foto?

[Verwijderd]

Nou, niet echt. Al ver voor WP en Windows 8 was de UI van Google produkten zeer plat. Verder vind ik het een evolutie, zeker geen revolutie.

Het grappige is namelijk dat we flat design nu erg serieus gaan nemen. We doen net alsof het de enige logische keuze is, en bedenken er redenen bij waarom dit zo is.

Wake-up call: het is niets meer dan een design trend. Over een aantal jaren plakken we weer overal textures op. Zo hebben we al diverse trends gezien: plat (vanwege gebrek aan grafische kracht), web 2.0 (vol gimmicks), grunge (layered, textured), en nu weer plat.

[Loller1]

Dat ziet er toch meer uit als iPhone OS 1 - iOS 6.1 dan iOS7. Daarbij stamt Metro af uit 1995 en is er op voort gebouwd sinds dien. De Windows Live Essentials maakte er bijvoorbeeld gebruik van, MSN 2.0 gebruikte het ook, Encarta 95, Windows Media Center ook, etc.

[Verwijderd]

Grappig dat Apple hier ook al mee bezig is. iOS 7 had al elementen van OS X mee, en OS X 10.10 is weer volop op iOS 7 geïnspireerd. En MS is dit hopelijk ook aan het doen door Windows Phone en Windows RT te mergen.

[SilverAqua]

Doet Microsoft al hoor.

http://i59.tinypic.com/35n80tg.jpg
Bekijk het icoon maar achter Expedia app's werken zowel op Win 8.1 als Windows Phone 8.1....

[Verwijderd]

Dat is het leuke van de WinRT runtime welke ze met WP8.1 naar de telefoon geport hebben. Wel moet je, als ontwikkelaar, nog steeds 2 versies aanleveren. Maar je kan nu wel makkelijker sources tusses beide versies delen.

[Zavantas]

Helaas krijgen we waarschijnlijk nog steeds die vervelende skins bij Samsung, HTC, Sony...
Gelukkig hebben we Nexus!

[wootah]

Veel van de interfaces die ik hier voorbij zie komen lijken verdomt veel op de nieuwe HTC Sense.
Sowieso is sense geen vervelende skin. Blinkfeed kan je uitzetten en de rest is allemaal praktisch het zelfde als standaard android, alleen dan net wat stijlvoller weergegeven.

[onok]

Ik vind het er netjes en strak uit zien. Ik houd van minimalistisch, maar toch ben ik stiekum een klein beetje bang dat Google hierin een beetje doorslaat. Voornamelijk het wegstoppen van interface elementen die ik liever graag gewoon in het scherm zie vind ik erg vervelend.
Ook vind ik het jammer dat Google andere developers aanspoort om ook hun design te gaan implementeren. Want een app zou er maar eens anders uit zien.
Dus: mixed feelings. Een eenduidig ontwerp in alle Google sites en diensten ga ik denk ik wel als een grote plus ervaren.

[johnkeates]

Leuk ontwerp, maar in de praktijk heeft Google nog nooit een van z'n betere ontwerpen ook daadwerkelijk zo ingevoerd. Er waren altijd extra balken, popups, reclames, maar ook bijna verplichte onderdelen die je op websites ziet (Copyright, Privacy, enz.) worden in het ontwerp niet meegenomen maar wel altijd overal toegevoegd.

Aan het eind van de rit gaat je mooie interface design dan al vrij snel de helft van z'n aantrekkelijkheid verliezen wat dan eigen de hele ontwikkeling teniet doet om dat je dan eigenlijk net zo goed met een opgepoetste versie van het bestaande ontwerp had kunnen werken.

[sfc1971]

Tja... doet me aan Metro denken. Alleen in tegenstelling tot vele hier, zie ik nou niet bepaald in waarom je Metro zou willen volgen, het verkoopt niet bepaald goed, de telefoons doen het zo slecht dat MS nou Android in de market zet, de Xbone staat onderaan de lijst and W8 willen mensen maar niet aan.

De interface ziet er gelikt uit, in presentaties. W8 ook. Tot je het moet gebruiken. MS zelf is al terug aan het krabbelen, eerste start knop terug, start menu komt eraan. En nu gaat Google dit doen?

Het gekke is dat JUIST MS en Google ZELF de partijen zijn die zich niet aan hun eigen style codes houden, of die van anderen. Skype iemand? Chrome?

Een interface met blokjes werkt alleen als iedereen zijn blokjes hetzelfde maakt. En dan val je als partij niet op.

En al houd je je als derde partij aan de style guide, dan gooien ze het weer over een andere hoek.

Het blijft toch vreemd, google is groot geworden met een janboel aan stijlen, Android is altijd lelijk geweest en is de grootste.

Wat gaat Google redden van MS Metro? Metro style... heeft Stephen Elop een nieuwe baan gevonden?

[Loller1]

Je vergeet alleen dat Metro en het startscherm niet dezelfde dingen zijn. Het startscherm uit Windows 8 is een van de onderdelen van de Metro interface. Maar de desktop zelf is dat net zo goed. Office 2013 is ook Metro, Skype gebruikt ook Metro, alle software die Microsoft tegenwoordig uitbrengt gebruikt Metro. Hoe kan "Metro" trouwens verkopen? Het is een design language, zoiets kan je niet verkopen. En het zijn meer de techneuten die tegen iedereen roepen dat ze niet aan Windows 8 willen, niets anders. Metro UI heeft trouwens diverse awards gewonnen, die krijg je ook niet zomaar.

En daarbij heeft Microsoft geen Android toestel op de markt gezet, dat deed Nokia, zij hadden het al in een ver stadium van ontwikkeling dat Microsoft er wel mee moest doorgaan. Met Nokia X zal het volgend jaar ook wel afgelopen zijn.

[Tweaker1234]

Un(Chrome)d(OS)

Na de ModernUI van MS in Windows Phone en Windows 8/RT kwam unchromed iOS als ook unchromed ChromeOS/Android.

[computerjunky]

Dit irriteert me dus wel zo...

Afgelopen jaar zijn interfaces platter en lelijker geworden en zien er extra simpel uit.
Erg jammer aangezien het steeds moeilijker word om onderdelen van elkaar te onderscheiden doordat alles zo plat is.
Maar alsof dat nog niet genoeg is worden wel overal deze waardeloze animaties toegevoegd met alle gevolgen van dien.

De voornaamste problemen met schermanimaties zijn dat het minder smooth en snel aanvoelt en ten tweede kost het onnodig accuduur omdat deze oh zo leuke animaties wel weer gerenderd moeten worden.....
Een dubbele irritatie dus met deze nieuwe platte geanimeerde interface...