Ontwikkelaars brengen nieuwe gebruikersinterface voor webOS uit

Het team achter webOS heeft een nieuw design voor de gebruikersinterface ontwikkeld. De software is vrijgegeven onder een opensource-licentie en is waarschijnlijk een van de laatste zaken die nog door het webOS-team worden uitgebracht.

De nieuwe design language draagt de naam Mochi en de benodigde code is vrijgegeven op Github, zo maakte het ontwikkelteam bekend. Op de afbeeldingen is te zien dat Mochi het webOS een 'clean' uiterlijk geeft, met veel grijstinten en wit.

Volgens de makers wordt de Mochi-interface onder een opensourcelicentie aan de community gegeven. Het ontwikkelteam kan niet langer voor de verdere ontwikkeling zorgen, maar hoopt wel dat er door interesse vanuit de community verder aan wordt gewerkt. Het webOS-team heeft daarvoor de benodigde documentatie vrijgegeven en belooft ook beschikbaar te blijven voor advies.

WebOS werd enige tijd geleden overgenomen door LG, die het OS wil gebruiken voor zijn televisies. Ten tijde van de overname was het ontwikkelteam al bezig met Mochi. Daardoor is het aannemelijk dat de nieuwe interface de laatste grote update is voor webOS als smartphone- en tabletbesturingssysteem.

Reacties (56)

Ik vind de ontwikkeling van WebOS veel lijken op die van BeOS. Op veel vlakken beter dan Windows (RT|Phone|Mobile) maar helaas toch niet aangeslagen. BeOS draaide zelfs op 1 1,44MB Floppy en dan had je een volledige GUI, incl. webbrowser, mail etc. draaide gewoon op een PC (eerste versies alleen op de Amiga of Mac ofzo - later daarna ook gewoon op de PC).

Voor wie BeOS niet kent:

https://www.youtube.com/watch?v=cjriSNgFHsM

Grappig dat je dat zegt, want er is wel degelijk een relatie tussen die twee.

Be Inc werd overgenomen door Palm Inc, dat als gevolg van de dotcom-bubble gesplitst weer werd in palmOne en PalmSource, waarvan de laatste eigenaar van BeOS is.

palmOne nam een aandeel in PalmSource, en verkreeg daardoor ook toegang tot de trademark 'Palm'. Wat ervoor zorgt dat palmOne zichzelf kon hernoemen naar Palm Inc.

Later nam het Japanse ACCESS PalmSource over en kreeg BeOS in handen.
Palm Inc ontwikkelde webOS maar werd later weer overgenomen door HP, die webOS weer verkocht aan LG.

Zou dit enkel op de Touchpad draaien of bijvoorbeeld ook op de Pre3? Iemand met meer kennis die daar iets over kan zeggen?

Mijn gok is enkel Touchpad vanwege de brede layout, maar de interface kan natuurlijk ook schalen..

[Reactie gewijzigd door Tomino op 6 april 2014 15:39]

Het korte antwoord is nee, net zo min als dat het op de Touchpad draait. Het gaat hier namelijk niet om een nieuwe UI voor webOS (hoewel het wel zo in dit artikel staat) maar om een UI library voor enyoJS 2 het open source javascript framework dat een opvolger is van het framework waarmee appps werden geschreven voor de Touchpad. Dit framework is gemaakt zodat het cross platform en op alle schermformaten kan werken. Daarvoor zijn er verschillende UI libraries beschikbaar die ontwikkelaars kunnen gebruiken. De belangrijkste daarvan is Onyx, dat veel gebruikt wordt, onder andere ook in open webOS apps en in sommige nieuwere (vaak cross platform) apps voor de Touchpad en de Pre3, daarnaast heb je Moonstone dat door LG is ontwikkeld voor gebruik in smarttv apps (en een stuk beter werkt dan de tools van Samsung of Opera voor smarttvs maar dat terzijde). Mochi is nu dus ook uitgebracht als zo'n UI library en het kan goed zijn dat sommige actieve ontwikkelaars hun bestaande enyoJS 2 app overzetten naar Mochi (hier zit nog best wat werk in dus ik verwacht niet dat velen het gaan doen) ook bestaat de kans dat veel apps in open webOS er gebruik van gaan maken, maar Mochi is verre van af, dus ook nog niet bijzonder goed bruikbaar. Tot zover enyoJS, voor de Touchpad geldt dat alle systeem apps zijn geschreven in enyo 1, wat het ronduit onmogelijk maakt om ze om te zetten naar Mochi. Als men dat zou willen moeten ze dus helemaal worden herschreven. Er zijn echter wel mensen bezig om de UI van webOS CE (de open source vrijgegeven delen van webOS voor de Touchpad) over te zetten naar Mochi. Op de telefoons is het nog lastiger, daar zijn de systeem apps nog geschreven in het Mojo framework en daarvoor zijn er geen open source delen, dat wordt dus ronduit onmogelijk.

Zo, dát ziet er ouderwets/slecht/amateuristisch uit.. Al die veel te ronde hoeken, schaduwtjes en inconsistente regelafstanden. Lijkt wel zo'n Flash website/spel/interface van 10 jaar geleden..

Ik vind het er ook erg slecht uit zien. Zelfs de meeste programmeurs die ik ken kunnen nog beter ontwerpen dan dit (edit: meeste is overdreven, een aantal bedoel ik ) . Die gradients, waarom? Onduidelijk toetsenbord, beetje op de gok typen, dit ontgaat me volledig. Met deze interface zou ik geen WebOS willen gebruken. Te hopen valt voor toekomstige gebruikers van LG tv's dat er een betere shell overheen gelegd wordt.

Edit: Dat is schijnbaar al gebeurd; reviews: LG's webOS-platform: een nieuwe smart-tv-interface

[Reactie gewijzigd door Benno de Bruin op 6 april 2014 17:27]

Ik vind het er ook erg slecht uit zien. Zelfs de meeste programmeurs die ik ken kunnen nog beter ontwerpen dan dit.

Wauw. Dat is wel een hele krachtige uitspraak die je daar doet

LG TV's zijn volgens mij de meest innovatieve smart TV's momenteel.
Een tweede leven voor WebOS

Die uitspraak is overdreven inderdaad en gaat over Mochi. Wat ik net heb zitten bekijken qua WebOS op LG tv's spreekt me veel meer aan, niet dat het echt vergelijkbaar is, maar het geeft wel aan dat WebOS divers in te zetten is.

Want programmeurs zijn goed in design? Ik vind het er echt heel mooi uit zien. Lekker clean en overzichtelijk.

Nee niet bepaald lijkt me. Het verbaast me nogal dat deze "striking new design language" het resultaat is van "the webOS UX team". Het lijkt eerder in elkaar geknutseld door een paar programmeurs. En inderdaad ken ik wel wat programmeurs die in mijn ogen meer design skills hebben dan dit.

Dat vind ik knap want meestal ontwerpen programmeurs helemaal geen knoppen of andere interface elementen maar maken ze gebruik ervan die door het OS aangeboden worden.

OK, ik zal proberen mijn punt duidelijk te maken zonder cynische ondertoon (daar vergis ik me wel vaker in op Tweakers, dat komt nu eenmaal niet altijd duidelijk over) zodat het wellicht duidelijker wordt.

Ik vind Mochi vrij slecht, ik begrijp dat dat alleen maar een persoonlijke mening is. Ik val ook niemand aan die het wel mooi vind, ik mod je er niet voor omlaag, smaken verschillen.

Dat er schijnbaar een heus webOS UX team achter Mochi zit verbaast me gezien de kwaliteit. Dat is slechts mijn mening, anderen vinden het wél goed. Maar omdat ik het persoonlijk vrij slecht vind maak ik de cynische opmerking dat zélfs programmeurs (waarvan de 'algemene' opvatting is dat ze niet om UX geven en niet kunnen ontwerpen) iets beters zouden kunnen maken. Waarmee ik dus niet wil zeggen dat programmeurs goed kunnen ontwerpen, zoals WoutervOorschot het ook al opvat, maar dat ik (persoonlijke mening) het zo slecht vind dat ik denk dat zelfs programmeurs iets beters zouden kunnen ontwerpen.

En ja ik ken zeker goede programmeurs die ook redelijk tot goed kunnen ontwerpen, sterker nog, ik zou ze ook eerder inhuren. Persoonlijke mening.

Het is wat anders als de huidige platte mode. Op het toetsenbord na vind ik het wel mooi. Maar bij dat toetsenbord hadden er wel lijntjes tussen de verschillende knoppen mogen zitten. Nu is het een wit vlak waar wat letters over gestrooid zijn.

- Te rond: niet per se lelijk. Het is niet omdat een paar kleppers als Windows en Google steeds meer voor harde, rechte lijnen kiezen dat dat de enige goede designkeuze is. Mac OSX behoudt nog steeds flink wat rondingen bijvoorbeeld, en dat maak het zeker geen lelijk OS. Idem voor Firefox Aurora en dergelijke. Schaduwen: idem. Ook nog steeds te vinden in OSX trouwens.

- Regelafstanden zien er consistent uit, tenminste tussen content van hetzelfde niveau. Dat bijvoorbeeld headers en body een wat andere regelafstand hebben is perfect te verdedigen.

Ach ja, modes komen en gaan. Volgend jaar is rond waarschijnlijk weer helemaal terug van nooit weggeweest en noemen we rechte lijnen ouderwets.

[Reactie gewijzigd door Silmarunya op 6 april 2014 16:06]

Dat ziet er wel goed uit!
Hopelijk binnenkort beschilkbaar op de HP Touchpad dankzij de community achter Preware

Ik dacht eerst dat die gradients aan de plaatjes lagen, maar dat zit er echt in. Voor mij zou het vlakker mogen, doet nu een beetje ouwelijk aan.

Filmpje http://www.theverge.com/2...jqITQJ_Ogf473hDBtXZsD721q

Het ziet er een beetje "schokkerig" uit allemaal. Wanneer leren OS developers nou eens dat de UI de hoogste prioriteit moet krijgen?

Ik neem aan dat dit een virtuele mockup is, aangezien die vinger ook niet echt is. Er is wellicht helemaal geen sprake van een werkend OS: het kan zijn dat men hier alleen de GUI laat zien.

Of dit een mockup is weet ik niet. webOS draait al ruim een jaar op de HP Touchpad. De grafische schil Mochi kun je hier bekijken.

Zo'n nep-vinger kan je vaak maken met screen-capture software, zodat je de interacties met hetgeen je opneemt duidelijk kan maken. Hetzelfde met clicks in een interface, dan zie je in filmpjes vaak rondjes o.i.d. om de muiscursor heen verschijnen.

Het schokkerige kan ook komen juist door de capture. Dat is vaak zwaar voor een systeem, en dat kan op zich weer zorgen dat dingen als animaties net niet helemaal lekker lopen.

Vorm gaat voor inhoud? Nope.

Stabiele drivers en API's gaan toch echt voor.

Sterker nog, het zijn onmisbare fundamenten voor een GUI.

je denkt nu als ontwikkelaar, hij denkt als consument Hoe technisch mooi een oplossing ook kan zijn, als ik het als consument lelijk vind en heb besloten voor "mooi" te gaan, dan zit je mooi te kijken met je stukje technologie

Consumenten are weird soms

Die consument haakt even snel weer af van zijn "mooi" OS als
- het "mooie" ding constant crasht (gevolg van gebrek aan stabiele drivers)
- er geen applicaties zijn voor het "mooie" ding (gevolg van gebrek aan stabiele API's)
Al dan niet toevallig is dat bij de "mooie" oplossingen (en ik onthou mij ervan om aan te geven wat die "mooie" oplossingen dan wel zijn; vul zelf maar in) ook wel behoorlijk goed in orde. 't Is niet "of" maar "en"...

Ik zie genoeg non-geeks met cappy spul werken, maar ze vinden het mooi. Het gaat erom wat de balans is en die is persoonlijk.

WP8 en in iets mindere mate iOS doen dat ook. Maar opensource projectjes en projectjes met weinig geld hebben niet de middelen om een fatsoenlijke UI te laten ontwikkelen door mensen met verstand hiervan. Die hebben al hun geld etc. nodig voor de developers en als er iemand is die geen drol snapt van een fatsoenlijke UI zijn het de meeste (open source) ontwikkelaars wel.

Dit zie je zelfs bij Google, die bakt ook niets van een fatsoenlijke UI. Kijk maar hoe verouderd en onduidelijk de gmail interface eruit ziet en hoe onrustig Chrome functioneert bij het laden van pagina's, het scrollen en noem maar op. Ook Android is hier slachtoffer van. Dat is technisch wel schattig, maar is een doffe ellende qua vloeiend functioneren. Da's heel leuk voor al die nerds die dat stotteren "erbij vinden horen" of het niet meer zien omdat ze verziekt zijn door bagger UI's, maar Samsung en HTC zijn niet voor niets zo druk bezig met het maken van hun eigen interface. Vergelijk Chrome maar met hoe vloeiend IE11 loopt, ja, natuurlijk heeft Chrome veel voordelen, maar de UI hoort daar absoluut niet bij en vloeiend is het ook zeker niet. Dat geflikker en geflits bij het openen van de pagina, waarbij je als gebruiker kunt zien hoe de boel op je scherm opgebouwd wordt is irritant en zinloos.

WebOS laat dit hier ook weer zien; interface gebaseerd op wat rare ideeën van een ontwikkelaar wat in de praktijk geen zinvol effect heeft op de bruikbaarheid van het OS en het alleenmaar meer een zooitje laat worden. Da's ook voor mij de reden geweest om uiteindelijk van Android af te stappen. Het is zo brak qua interface waardoor je de hele tijd tegen renderfoutjes, haperingetjes en onregelmatigheden in het OS aan zit te kijken. Verberg die op z'n minst. Is nog een flinke groep die daar last van heeft en ook daarom een iOS apparaat koopt, maar dat is net een groep die meestal niet op een site als tweakers.net zit. Da's een groei die, als MS een beetje opschiet met WP8.1 toestellen, straks met een WP8.1tje zit.

als eigenaar van een iphone 5s nexus 5 en hts 8s kan ik me dus helemaal niet vinden in je uitleg over de drie os types. je zegt dat Android traag en qua UI niet goed werkt maar dat is iets van het verleden. Ja het is zo dat bij mijn vorige android telefoon alles nog traag was en niet goed lade maar met een nieuwe SOC en het liefst een vanilla os zit je bij google tegenwoordig gewoon goed. Het os preformed goed en de UI ziet er mooi en gelikt uit. iOS is gelijkwaardig aan android al hoopte ik op betere deel functionaliteit tussen verschillende applicaties. WP8 werkt fijn, het is jammer dat hts te weinig geheugen in de telefoon heeft gezet om hem bruikbaar te maken maar ik vind wp8 zeker een goed OS. Uiteindelijk moeten we allemaal wat te bitchen hebben maar in veel gevallen zitten we gewoon te lullen of hebben we het over frustraties uit het verleden. En over WebOS ze hadden die palm telefoons gewoon wereldwijd moeten lanceren destijds was het nog een top OS en had het gerust kunnen overleven maar net als elk Amerikaans bedrijf moesten ze weer eerst op de eigen markt uitkomen en alles baseren op wat de domme Amerikaan vond.

Maar dat is toch oud nieuws, alles wat niet uit de keuken van Microsoft komt is gewoon niet te vreten, dat is gewoon een feit, dat hoef je mij echt niet te vertellen hoor. Dat staat al in de geschiedenisboeken sinds Microsoft werd opgericht, enzovoort.

Ben zelf geen fan van alle MS producten, maar qua vloeiende interface lopen ze nu toch echt voorop. Dat je daar veel concessies voor moet doen vind ik dan weer jammer, maar ik hoop dat WP8.1 daar verandering in aan weet te brengen.

Maar als je niet ziet dat MS het nu uitstekend doet qua vloeiende interface dan ben je blind of simpelweg zuur aan het zeuren.

Een goed GUI zit niet in het geld maar in de kennis, knowhow en een visie. Windows heeft ook geen strakke GUI en op veel grafische punten ziet het er behoorlijk matig/slecht uit en toch hebben ze veel geld.

Hahahaha De WP interface ophemelen
Designfout 1 zit er al vanaf het begin in; waarom scrollt het onzichtbare deel in godesnaam niet mee met het zichtbare deel.

En dit dan een goede UI noemen......

Android 4.4.2 wel eens gebruikt?

Moto x wel eens echt in gebruik gehad?

iOS7 wel eens op een iPad3 gezien?

Dit lijkt me een wat groter probleem. Niet enkel android heeft dit probleem, en ook zeker niet alle android telefoons hebben dit probleem.

Google, die bakt ook niets van een fatsoenlijke UI

De eerste versie van Chrome was een verademing in vergelijking met alle andere browsers. Er was nog nooit een browser zo 'clean' als Chrome.. IE, FF en Safari zaten nog vol knoppen en menubalken. Chrome is gewoon vooruitstrevend te noemen.

Nee sorry.. er klopt geen hol van wat je zegt. Ze zijn misschien niet overal even consistent.. maar slecht zeker niet.

Geen knoppen en geen menubalk ziet er inderdaad wel netjes en opgeruimd uit, maar het functioneert niet lekker. Alle functionaliteit in een onoverzichtelijk menu gefrommeld.

Wat ik ben blind? Jij zegt dat google kut interfaces maakt.. waarop ik reageer dat toen ze met Chrome waren, de wereld op hun kop zette met hun interface..

Ik ben niet blind.. ik reageer op wat jij zegt, wat gewoon niet klopt.

Ik snap dat smaken verschillen, maar ik vind het juist enorm lelijk. Het heeft een soort rare grijze look waardoor ik automatisch sip begin te kijken en die ronde naar links uitdijende of links trekkende grenzen bij het tweede plaatje is al helemaal om te huilen? Waarom bouwen ze niet iets straks?

Je kunt toch gewoon een andere skin installeren?
Of ondersteunt webOS dat niet? Lijkt me sterk...

[Reactie gewijzigd door twop op 6 april 2014 17:56]

Er staat "design language", dus ik vermoed het wel.

Is dit al te verkijgen voor mijn nexus 7 kon nog nergens dit vinden helaas..

Nexus? Dit is voor webOS geen android. Of ik mis wat?

WebOS Ports werkt aan Open webOS voor Android hardware waaronder de Galaxy Nexus GSM, Nexus 7 2012, binnenkort Nexus 4. Theoretisch gezien zou WebOS Ports Open webOS op alle Android hardware moeten kunnen draaien waar ook een Cyanogenmod 10.1 port voor is.

Er wordt langzaam maar gestaag voortgang geboekt doordat veel dingen uit het oude webOS nooit zijn geopensourced in Open webOS moeten veel zaken opnieuw geschreven worden, hetgeen veel tijd kost.

We zijn nog altijd op zoek naar hulp met "onze" port! Mensen die ervaring hebben met porten van Android of een ander OS naar andere apparaten, maar ook grafisch ontwerpers, QML programmeurs, JavaScript-ers etc kunnen we goed gebruiken

[Reactie gewijzigd door Hermanvh op 6 april 2014 22:56]

ik blijf het jammer vinden dat WebOS nooit gekomen is waar het had moeten zijn.
het had zoveel mogelijkheden, en nu is het vooral het "speeltje" voor hobbyisten.

Vergeet niet dat LG het gebruikt voor z'n smart tv platform.

Dat is natuurlijk een veel beperktere base dan waar het oorspronkelijk voor bedoeld was. Erg jammer, want WebOS was een mooi OS dat gewoon gelijkwaardige was aan iOS en beter dan Android in het begin. Helaas was Palm al in haar nadagen.

Er wordt vaak gezegd dat Samsung het merk is dat met zijn eigen OS zou kunnen komen en dit met succes zou kunnen doorvoeren. Maar zou LG de ballen kunnen hebben om het eens te proberen? In eerste instantie voorzichtig door alleen hun TV's en misschien een enkele tablet en smartphone voor alleen Korea, misschien met de mogelijkheid om Android-apps te draaien. En zo langzaam uitbouwen... Niet echt waarschijnlijk, ik weet het. Meer het idee dat iets goeds een userbase verdient.

Ik vraag me af of open WebOS voor de HP touchpad is te krijgen is. Als ik zoek op google vind ik hier niks over.

Nee, maar theoretisch gezien zou WebOS Ports Open WebOS moeten kunnen werken, omdat dit voor elk apparaat zou kunnen werken waar Cyanogenmod op draait. Alleen heeft nog niemand het werk hiervoor gedaan. Er is vooral gefocussed op de Google Nexus apparaten om alles werkend te krijgen (omdat deze goed gedocumenteerd en "open" zijn) alvorens we gaan kijken naar ports voor andere apparaten.

Ondanks alle commentaren over het niet volledig platte uiterlijk (terecht of niet, dat laat ik in het midden) vind ik het concept van de knoppen wel zeer goed gevonden. Zonder lelijk gestylede buttons te implementeren introduceren met het concept van de haken rond de knoptekst toch de illusie van een knop en een soort van duidelijkheid over de bedoeling van het interface element dat ik bij de reguliere tekstknoppen van iOS7 toch wel mis. Zeer mooie vondst.

Als je een interface wilt maken die zwaar leunt op tekst, zoals met die knoppen die jij beschrijft, moet je in mijn ogen je typografie toch echt wat beter op orde hebben, ik vind dit amateuristisch gepruts. Sorry voor de negatieve toon, maar je ziet bijvoorbeeld helemaal geen hiërarchie in de clear- en done-knoppen, het lijkt nu alsof het nét niet paste en de done-knop eronder naar rechts float.

Ik heb dan ook puur over het idee van de haken rond de tekstuele knoppen. Naar mijns inziens is wat je zegt minder typografisch gerelateerd maar gaat het eerder over layout. Als ze eenzelfde content block met titel 'clear browser data' hadden gemaakt en daar alle clear knoppen in hadden geplaatst, was het opgelost geweest.

Ja maar dat hebben ze niet, en is dus een gevolg van zo'n navigatie typografisch benaderen, zonder verschil in gewicht of hiërarchie. Als ik een paar keer moet kijken voordat ik zo'n indeling snap vind ik het niet goed.

Het ziet er zeer vertrouwd en typisch WebOS uit.
Het cleane uiterlijk met veel afgeronde randen, en gebruik van grijstinten geeft het een prima 'zacht-aardige' look of maakt de interface misschien zelfs 'vrouwelijk'.

Ik heb het gevoel, dat andere designrichtingen ook wel naar deze 'zachte' desing styl zullen toetrekken.

Een mooie finale voor het WebOS team.

Hoe zou dat dat gaan met de nieuwe LG tv's.?
Die hebben toch ook webos als ik het goed heb..