Review Lumia 1520

[Verwijderd]

Het beste voorbeeld is misschien wel de browser. In onderstaande afbeelding hebben we de nieuwe responsive website van Tweakers afgebeeld op drie verschillende telefoons: de Lumia 1520, Lumia 1020 en Galaxy Note 3. Ten opzichte van de 1020 wordt bij de 1520 ongeveer één extra headlineregel weergegeven. Als we kijken naar de Note 3, een telefoon die grofweg even groot is en dezelfde schermresolutie heeft, valt op dat er anderhalve headline meer is te zien. En dat beeld is ook nog eens vertekend doordat Android altijd een balk bovenin heeft staan, die ook een deel van de ruimte opsnoept.

Bij het responsive design wordt de breedte van wat er getoond wordt toch bepaald door Tweakers en niet door de telefoon. De Lumia 1520 toont een andere lagere pixelbreedte dan de Note en heeft dus een andere scaling op de telefoon daarom zal de verticale scaling ook minder zijn.

Het lijkt alsof de full HD Lumia 1520 in een andere categorie (device grade) zit als de Note bij de Tweakers website en in dezelfde grade als de Lumia 1020 die 'maar' 768 pixels breed is.

[Verwijderd]

Ik zie dat deze opmerking hier geen reacties krijgt.
Kan iemand deze verplaatsen naar Lieve devvers?
Wel jammer want de review conclusie van het toestel is mede gebaseerd op deze bevinding.

[arnoudwokke]

Moest even overleggen met Inspector, die responsive grotendeels heeft ontwikkeld.

Zowel de Lumia 1520 als Note 3 hebben in portrait een Grade D en daar zit het verschil niet. Nokia heeft ervoor gekozen om het op deze manier weer te laten geven (je kunt ook zien dat het plaatje op de frontpage fysiek groter is dan op de Note 3). Dat is een keuze die Nokia/MS heeft gemaakt en waar wij dus op geen enkele manier invloed op hebben.

Wout heeft zich overigens op meer gebaseerd dan dat, maar ook op interface-elementen (behoudens de tiles), waarbij net als in de browser letters en elementen simpelweg groter worden weergegeven in plaats van een aparte interface te bouwen of dezelfde lettergrootte te behouden, waarmee er veel meer op het scherm past

[Inspector]

Verwijderd schreef op maandag 27 januari 2014 @ 16:17:
[...]

Bij het responsive design wordt de breedte van wat er getoond wordt toch bepaald door Tweakers en niet door de telefoon.

Dat wordt gedeeltelik bepaald door Tweakers. Even los van de discussie over software en hardware pixels hebben we media-queries. Deze media-quries definieeren bepaalde breakpoints namelijk:

Cascading Stylesheet:

/* Device grade: A */
@import "responsive/devicegrade_a.css" 
/* tablet 10" in landscape or Desktops */
(max-device-width: 1023px) and (orientation: landscape)  

/* Device grade: B */
@import "responsive/devicegrade_b.css"
    /* tablet 10" in portrait */
    (max-device-width: 1023px) and (orientation: portrait), 
    /* tablet 7" in landscape */
    (max-device-width: 767px) and (orientation: landscape); 

/* Device grade: C */
@import "responsive/devicegrade_c.css"
    /* tablet 7" in portrait */
    (max-device-width: 767px) and (orientation: portrait), 
    /* Smartphones in landscape */
    (max-device-width: 499px) and (orientation: landscape); 

/* Device grade: D */
@import "responsive/devicegrade_d.css"
    /* Smartphones in portrait */
    (max-device-width: 499px) and (orientation: portrait);  

Hierin is te zien dat alle devices met een software pixel breedte van onder de 499px dus grade D geserveerd krijgen. Zowel de Nokia als de Note krijgen hier dus grade D. Binnen die grade schaalt de content naar de beschikbare breedte. Hoe dit verder wordt ingevuld is aan de browser en dus de client.

edit: Ah, zie ook Crisp hieronder. WP is nu dus grotendeels gelijkgetrokken met Android en IOS. Helaas komen er nu alweer klachten binnen dat WP gebruikers het nu te klein vinden

[ Voor 5% gewijzigd door Inspector op 28-01-2014 12:59 ]

[crisp]

Zie ook: [bug][WP8] Te kleine layout

als het goed is is de weergave op WP nu (na de release van vandaag) juist wel meer gelijk qua verhouding ivm Android en iOS

Voorheen deden we niets speciaals voor WP en aangezien WP geen viewport meta-directives ondersteund deed WP zelf nog een stuk scaling. Daardoor is de vergelijking in de review er dus gedeeltelijk een tussen appels en peren...

[ Voor 50% gewijzigd door crisp op 28-01-2014 13:03 ]

[Verwijderd]

arnoudwokke schreef op dinsdag 28 januari 2014 @ 12:53:
Wout heeft zich overigens op meer gebaseerd dan dat, maar ook op interface-elementen (behoudens de tiles), waarbij net als in de browser letters en elementen simpelweg groter worden weergegeven in plaats van een aparte interface te bouwen of dezelfde lettergrootte te behouden, waarmee er veel meer op het scherm past

De tweakers view van de browser werd echter als prominenste voorbeeld naar voren gehaald in de review en die view is nu naar ik hierboven begrijp wel degelijk beinvloed door het responsive desing van Tweakers en is ook toevallig heel kort na deze review door een release van tweakers aangepast.
Het zou dus passen om in de review het browservoorbeeld aan te passen naar de actuele look van het browserscherm.

Verder past er wel degelijk meer op het Lumia 1520 scherm op de hogere full HD resolutie. Bij de tiles is er niet alleen een extra kolom maar ook een extra regel en kunnen er nu 60 tiles op een scherm ipv 32 (90% meer). En ook bij andere GUI onderdelen (mail, store, berichten) is er duidelijk ruimte om meer te tonen zoals goed gedemonstreerd in deze video:
YouTube: Nokia Lumia 1520 vs 925 - 1080p screen vs 768p screen

[ Voor 21% gewijzigd door Verwijderd op 29-01-2014 10:04 ]

[crisp]

Dat is dan aan de redactie, dus --> Geachte Redactie

[arnoudwokke]

Verder past er wel degelijk meer op het Lumia 1520 scherm op de hogere full HD resolutie. Bij de tiles is er niet alleen een extra kolom maar ook een extra regel en kunnen er nu 60 tiles op een scherm ipv 32 (90% meer). En ook bij andere GUI onderdelen (mail, store, berichten) is er duidelijk ruimte om meer te tonen zoals goed gedemonstreerd in deze video:

Een deel van die extra content op het scherm komt door de beeldverhouding: de Lumia 1520 is de eerste 16:9-Lumia (zie verschil tussen 15:9 en 16:9 op 720p). Verder was de kritiek van Wout dat Nokia/MS nauwelijks gebruik maken van de extra ruimte van het scherm (een 6"-scherm is 80 procent groter dan een 4,5"-scherm) en die kritiek lijkt me door het aanpassen van responsive niet aangetast. Ik heb niet de psd-bestanden van Wout om het aan te passen en hij zit zelf met zijn luie aarsch op een tropisch eiland; aanpassen is dus niet mogelijk op het moment. Uiteraard zal hij dit topic onder ogen krijgen zodra hij terug is.