6 ms·
Wow, this page is a mess - here's an element based breakdown of the switching elements in their presentation: MSFT: - nav 1 - nav 2 - header with what sound
by aresant 11y ago
Wow, this page is a mess - here's an element based breakdown of the switching elements in their presentation:
MSFT:
- nav 1
- nav 2
- header with what sounds like a call to action, but no button to buy?
- hero image with text overlaid that has terrible contrast nobody will read
- inter-page menus with some insane zooming function that scared my browser
- another hero image
- 3 columns - maybe buttons? no not clickable.
- another hero image
- 3 more columns - maybe buttons? no not clickable.
- another hero image
- 3 more columns - maybe buttons? no not clickable.
- 2 columns marketing other products? maybe buttons? yes - those little ">" things mean they're clickable i guess.
- 3 more columns - maybe buttons? ok now they're buttons. but there's no ">"?
- another hero image with a price action, no button to click to follow the action! WTF!
VS vs the iPad Pro http://www.apple.com/ipad-pro/ http://www.apple.com/ipad-pro/ which is single column and nav consistent throughout.
As the old quote goes "If I'd had more time I would have written a shorter letter."
Feels rushed.
- Rantenki 11y agoAgreed. Adblock totally breaks the rendering as well.
- rock8y 11y agoCame here to say this, i was testing my work on a smaller window and page is a complete mess !
- r-w 11y agoRespect for detailed analysis and quote.
- mcintyre1994 11y agoI'm pretty sure it's a Safari problem (El capitan update I suppose) but I was actually getting massive lag earlier on that iPad Pro page. Upvoted you though be have you're right and your analysis is spot on.
- tomtang0514 11y agoNope, I'm seeing messed up pages on chrome too. EDIT: So the page finally loads properly, I guess for some reason it takes forever to load the images. The biggest file is a 3.5MB mp4 while all other images are under 700KB. And the loading speed doesn't change back to normal even with cache enabled. It could be some problematic static file routing and controls.
- JustSomeNobody 11y agoLooks like crap on IE also. (Disclaimer: I don't use IE, I just have it available when I need to check something. I don't want people to get the wrong idea.)
- fauigerzigerk 11y agoNo, the problem is that the pictures take ages to load and until they have loaded, the page is completely garbled. It's the same in Safari, Chrome and Firefox.
- liquidise 11y agoPage on a full sized browser on a 13" screen with ublock: https://www.dropbox.com/s/gmyi3jjwq25w0d1/surface_book.png?dl=0 https://www.dropbox.com/s/gmyi3jjwq25w0d1/surface_book.png?d...
- DuskStar 11y agoSimilarly, on a 13" 1080p chromebook, I get this: http://i.imgur.com/pGhjAwQ.png http://i.imgur.com/pGhjAwQ.png Turning uBlock off didn't seem to help at all. Edit: after letting it load for 3+ minutes, the page does load successfully, giving this: http://i.imgur.com/qnNlvYj.png http://i.imgur.com/qnNlvYj.png So maybe it does work! Eventually.
- dom96 11y agoPretty sure it's just one of their CDN's failing.
- mtw 11y agoHow can we trust Microsoft Azure then?! Not even able to serve their own product
- Lx1oG-AWb6h_ZG0 11y agohttps://www.microsoft.com/surface/assets/.. https://www.microsoft.com/surface/assets/... is resolving to 2600:1409:a:18c::2768, which is owned by Akamai. But your point still stands: even Microsoft doesn't trust Azure's CDN offering.
- JoblessWonder 11y agoI'm pretty sure Microsoft has always relied on Akamai as their CDN. They gave up on rolling out their own CDN a while ago, which makes sense.
- mh8h 11y ago
- smackfu 11y agoApple isn't exactly who I would point to as a good comparison. They have plenty of overdesigned pages: http://www.apple.com/mac-pro/ http://www.apple.com/mac-pro/
- aresant 11y agoI agree that Apple overdesigns too, but the DIRECT competition of the Surface Book is the Apple page I referenced.
- huac 11y agoCan't use mouse-scroll on this page, only arrow keys.
- ihuman 11y agoI'm able to scroll, but it just move me to the next part of the "keynote," and not down the page.
- chm 11y agoDisable JS on Apple.com and reload the pages. They should render flawlessly and give you back responsiveness, without the animations. (I'm talking about their iPad Pro and Mac Pro product pages, not necessarily the whole site.)
- kibibu 11y agoYou think the above site is acceptable because it works well if you disable JavaScript?
- chm 11y agoYes. For me it makes no difference because JS is not enabled. So for my use case, it is acceptable. Visit the Surface Book page without JS. You'll see it renders perfectly fine and all the information is there!
- CamperBob2 11y ago
- reitanqild 11y agoTook a while to load but looks OK now. Servers / CDNs probably were hammered.
- JacobDensly 11y agoSo the Surface Book must be a fantastic device. Given that there's seems nothing else to hate about ...
- epistasis 11y agoSince the presentation of information is so broken that we have no clue what it is, hating on the web page is pretty much the only thing to hate about.
- mtw 11y agoit's contradictory to have a premium device such as the Book & then have a basic webpage that doesn't load. Traffic on launch day should not be a problem. They've been advertising microsoft Azure and the infrastructure for years. If you are web startup and launching, this is a bad sign. Better go with other providers who can scale properly
- jscipione 11y agoMicrosoft need to add this to their jQuery to fix the layout issues: $(window).trigger('resize');
- asadhaider 11y agoBlocking microsoft-int.com using NoScript fixes the page for me.
- sbilstein 11y agough yes finding it almost impossible to scroll through this page
- pearjuice 11y agoYou give all this solid critique but didn't consider that maybe some assets (CSS, JavaScript) were not getting properly included/cached/invalidated? That shit happens to even companies at the scale of Microsoft. But rather than waiting a few minutes and see whether it is fixed you immediately scream "IT'S NOT WORKING! LOOKS HORRIBLE! LOL MICROSOFT! APPLE DOES IT BETTER". You are like a stereotype head-of-QA. ;)
- bherms 11y agoLooks like a doge meme
- chm 11y agoWhen I view the iPad Pro page on Firefox latest with NoScript blocking Apple.com, it is much more responsive than when JS is on.
- fabean 11y agoWhen it's all said and done for me the website is over 6MB, that's not acceptable!
- lqdc13 11y agoTurn off JS. Then it works fine. I think their servers are hammered.
- aembleton 11y agoRenders fine in Firefox with uBlock: http://i.imgur.com/G7XeKs9.jpg http://i.imgur.com/G7XeKs9.jpg