search

dpwoert / CityIO

City 's-Hertogenbosch rendered in 3D
http://www.CityIO.nl
GNU General Public License v2.0
11 stars 2 forks source link

Browser detection #51

Closed dpwoert closed 10 years ago

dpwoert commented 10 years ago

Controleren of de browser WebGL ondersteunt en anders melding geven. Kun jij die melding ontwerpen @yannickdiezenberg ?

yannickdiezenberg commented 10 years ago

notification_nowebgl_v1

dpwoert commented 10 years ago

Mooi mooi, misschien dat we iets in het zwart kunnen weergeven? Screenshot op 10% opacity ofzo?

Daarnaast weet ik niet of de copy zo handig is, 90% van de bezoekers weet niet wat WebGL is. Bovendien overtuigen we de bezoeker nu totaal niet om wél een webgl browsert te fixen.

dpwoert commented 10 years ago

Wat ik me nu ook bedenk, is dat je de bezoekers wel de intro pagina wil laten zien. Dus moeten we ook iets met die knop doen? Misschien moet die kaart knop grijs/rood worden en als je daar toch op klikt dat je dit venster in-fade?

yannickdiezenberg commented 10 years ago

Die opacity van 90% zat erin maar zie nu dat ie niet goed zichtbaar is op een ander beeldscherm haha. Het introscherm moest eronder nog vaag te zien zijn, dit scherm komt tevoorschijn nadat je op "kaart" hebt gedrukt. Hmm ja de techniek uitleggen is misschien niet het toegankelijkste inderdaad. Maar aan de andere kant moet hij wel weten dat het door technische redenen niet kan.

yannickdiezenberg commented 10 years ago

notification_nowebgl_v2

yannickdiezenberg commented 10 years ago

Bedoel je met screenshot trouwens een soort demo van de kaart?

dpwoert commented 10 years ago

Ja dat bedoelde ik, maar zoals je hem nu hebt is die beter. De tekst zoals je hem nu hebt vind ik ook niet goed. Zou meer iets doen "Oeps, het blijkft dat je een verouderde browser hebt. We raden je aan om Chrome te downloaden". En dan crome met een streep eronder en een link naar de download pagina

Ik zou ipv de OK knop een knop met 'demo' erop maken en dat we dan een video afspelen.

yannickdiezenberg commented 10 years ago

notification_nowebgl_v3

dpwoert commented 10 years ago

Copy mag nog iets beter/logischer, mist nu nog wat. Misschien is het logischer als we dit als tekst gebruiken:

"Oeps, het blijkt dat je een verouderde browser gebruikt. Download Chrome of bekijk de de demo"

@Hedva, misschien een idee?

yannickdiezenberg commented 10 years ago

preloader-02 preloader-03 preloader-04

Copy moet nog worden aangepast.

dpwoert commented 10 years ago

Vind dat zwarte niet mooi. Maakt het veel te donker/negatief. Vind dat rood echt veel beter.

Daarnaast vind ik de 2 plekken waar tekst staat nu niet helemaal fijn. Zeker bij de geen webGL variant. Het is niet meteen duidelijk waar je moet kijken. Misschien andere font-groottes/diktes/varianten proberen ofzo?

Daarnaast hoe zie je die tekst voor je met 64% qua kleur? Want bij bijvoorbeeld 30% is dat niet te zien. En als je er voor kiest om deze kleur variabel te maken zit je nog steeds in de problemen rond de 50%.

yannickdiezenberg commented 10 years ago

preloader-01 preloader-03 preloader-02

Het percentage in de loadbar is inderdaad niet praktisch. Ik vraag me nu wel af of de preloader bij de interface van de kaart past ivm het rood en de kleur van de navigatie bij de kaart.

dpwoert commented 10 years ago

hmm ja snap je issues... Misschien moeten we even helemaal anders denken? Ook ivm kleuren in de visualisatie zelf (zie: #46)

Heb ff snel 2 dingen in elkaar gefrikandelt:

preloader-1 preloader2

yannickdiezenberg commented 10 years ago

Hoe zag je die vier stappen bij de eerste voor je? Zou daar een uitleg moeten komen die vertelt wat er precies wordt ingeladen?

preloader-2 preloader-1 preloader-3

Ik moet nog wel even testen of de tekst en knoppen ook leesbaar blijven op andere videofragmenten.

dpwoert commented 10 years ago

Veel beter zo! Die tekst onder de knop zo is echt een stuk beter! Weet niet of de spatiering tussen de knop/progressbar nu goed is (lijkt me iets te groot nu) maar daar kunnen we in css wel aan gaan sleutelen :smile:

Wat zeg jij @Hedva ?

dpwoert commented 10 years ago

Die 4 stappen waren maar een ideetje, keer anders nadenken... Het zijn 5 bolletjes, vond dat wel mooi getal :stuck_out_tongue_winking_eye: