Slashdot Mirror


MSN Search - From A UI Perspective

An anonymous reader writes "The user interface community has also started poking and prodding away at the latest iteration of MSN search and has discovered some interesting findings including: XHTML strict, CSS for layout and the death of IE 5 support. You can also read first-hand MSN designer insight into the design process as well."

51 of 297 comments (clear)

  1. XHTML compliant? by drivinghighway61 · · Score: 5, Funny

    So it won't render correctly in IE, then?

    1. Re:XHTML compliant? by FyRE666 · · Score: 3, Funny

      Yes very funny, or at least it was once I managed to read your comment after Slashdot rendered like this in my web browser...

  2. Weird. I tried with Firefox AND IE by Man+in+Spandex · · Score: 2, Funny

    and the layout is fine on either browser.

  3. IE 5 Support by FiReaNGeL · · Score: 4, Interesting

    Great to see that even Microsoft 'admits' that IE 5 is non-standard on many things by dropping support for it on MSN search... trust me, building a layout compatible with IE 5, IE 6 and mozilla is a true nightmare. If at least they could patch the bad implementation of the box model...

    If every webmaster would stop implementing fixes and hacks to support non-standard browsers, I think IE would lose quite a marketshare to Firefox... end users don't see the problem (IE render every page fine! Firefox don't in some situations!) because webmasters optimize for IE (it IS 95% of the market, you know). Vicious circle...

    1. Re:IE 5 Support by qurve · · Score: 5, Insightful

      It's not really that hard if you know what you're doing. as for not implementing fixes and hacks, well unfortunately I live in the real world, not an ideal utopia where I can tell my clients users to go to hell.

    2. Re:IE 5 Support by filtur · · Score: 3, Insightful

      It is indeed a Vicious circle, its not like you can explain to a client that your page is the one that's complient and IE is wrong.

    3. Re:IE 5 Support by Bob+Uhl · · Score: 2, Interesting
      He was converted to Firefox for a time by an in-house OSS zealot .. but I'm proud to say that I've converted him back.

      That's like saying, 'my friend believed that 2+2=4 for a time, but I converted him back.' The pages which display incorrectly are themselves incorrect. Firefox is a better browser, period, end of discussion (I do not argue that it is perfect, merely that it is better). To deny that is much like denying that the sun is above the sea.

      To be proud of perverting a user's mindest is a pitiful thing.

    4. Re:IE 5 Support by DaHat · · Score: 3, Insightful

      I believe the parent poster is not familiar with the concept of a de-facto standard. Even as an IE fan I will be the first to agree that it sucks that it does not do the officials standards the best... but the fact that people have to make accommodations for the most dominant browser is nothing new.

      I work for a company that builds systems for use with digital television systems that are used by broadcasters and producers, lots of head end stuff. It is not uncommon that we find some product on the market that doesn't adhere to ISO13181-1 very well for instance (head to Best Buy with me and I can point and rant), of course, we as a small company have no way to force the likes of Sony and others to change what they are doing it or now... even though it doesn't conform to the standard... so, we need to find a happy medium between supporting the standards and working on such incompatible devices.

      As I've said in other posts here, if Firefox and other browsers want to be taken seriously, they and their fans cannot waste time crying because the big guy isn't playing by the rules, they need to learn to play by the same rules as well as the real ones.

  4. XHTML Strict my Arse by Spy+der+Mann · · Score: 3, Informative
    From the validator webpage:

    Line 6, column 998: there is no attribute "VCARD_NAME" ...ze="20" value="" name="q" VCARD_NAME="SearchText" />


    It may be WELL-FORMED XHTML, but it introduces a proprietary attribute (so... Microsoft).

    Respect for web standards... yeah right. IMO they just did an optimization of their design... and certainly they did NOT have in mind any consideration for web standards. They nerver had.
    1. Re:XHTML Strict my Arse by rushmobius · · Score: 2, Informative

      At least read the blog entry before posting.

      Then you would see that they know it was not XHTML compliant yet, but was a work in progress getting there.

      Jumping on the bandwagon and saying "XHTML Strict my Arse" would warrant the reply RTFA

    2. Re:XHTML Strict my Arse by arkanes · · Score: 2, Informative

      Actually, the main problem is that the attribute is in upper case. That's the cause of 3 of the 8 errors on the MSN home page, too.

    3. Re:XHTML Strict my Arse by nazh · · Score: 3, Informative

      But then they have to use the mime type application/xhtml+xml which IE supricingly doesn't support ;)
      http://www.w3.org/TR/xhtml-media-types/

      More about xhtml and media types: http://www.w3.org/TR/xhtml-media-types/
      Explains why msn really should have gone for html 4.01 strict. Since IE doesn't support the right mime type.

  5. Go Standards! by delta_avi_delta · · Score: 2, Funny

    With any luck this also implies that the next release of Frontpage won't create pages in a magical mystical microsoft invented language similar, but importantly different from HTML or XHTML...

    1. Re:Go Standards! by dapyx · · Score: 2, Funny

      Actually, the thing generated by Frontpage is almost, but not quite, entirely unlike HTML.

      --
      I'm sorry, the number you have dialed is an imaginary number. Please rotate your phone 90 degrees and dial again.
  6. Whoa! by A+nonymous+Coward · · Score: 2, Funny

    XHTML strict

    If they can be strict with this standard, that can only mean they have pre-emptively co-opted it! They have embraced and extended it before anyone else had a chance to simply follow it. They must have bribed the committees. This has to have been an inside job.

    This cannot be allowed to stand. We must stand up and fight for our rights to unpoluted standards. It is time to find a new standard.

  7. Re:CSS problems? by nine-times · · Score: 2, Informative
    For clarification, MSN search displays without styles, and at the bottom of the page, it says:
    Why does Search look like this?
    You are seeing this message because our stylesheet is not compatible with your browser.
    MSN.com displays fine.
  8. Re:XHTML (or anything) strict ? kidding right ? by Mike+Rubits · · Score: 2, Insightful

    They said they were *working* towards XHTML strict. Just as you (hopefully) wouldn't say that about a beta with a work in progress feature.

  9. But still.... by the_mighty_$ · · Score: 5, Informative

    ...its gone from about 130 errors when it was first released, to eight errors now. Not bad. Not bad at all.

    --
    VI VI VI - the editor of the beast!
    1. Re:But still.... by arkanes · · Score: 4, Insightful

      JavaScript has zero (zilch, zip, nada, nothing, nowhere, nohow) to do with XHTML compliance. Also, compliance doesn't test ugliness or clutteredness.

    2. Re:But still.... by somethinghollow · · Score: 2, Interesting
      Well, you kinda found a problem. I can say the following and still be compliant with W3's validator (e.g. give the appearance of compliance) and not be compliant at all for final ouput:

      --------------INDEX.HTML--------------
      <?xml version="1.0" encoding="UTF-8"?>
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
      <head>
      <title>
      Title
      </title>
      </head>
      <body>
      <script type="text/javascript">
      <!--
      document.write("<"+"b"+"><"+"i"+">This is invalid</"+"b"+"><"+"/i"+">");
      //-->
      </script>
      </body>
      </html>
      --------------/INDEX.HTML--------------

      The final output would be invalid because I misused tag nesting by closing the parent element before closing its child. This shows as valid on the W3C Validator, however, since it doesn't check final output (e.g. post JavaScript document.write).

      Be wary of any site with tons of JS that document.write tags in the HTML that claim W3 compliance. I'm not saying that MSN is doing this, and I'm not saying that I've gone through all their JS code, but I did find the following on their site inside an img tag inside a JavaScript document.write:

      ID="GTrkImg_56"

      The problem? All attributes and tags are to be lower case. The site has more problems than the validator lets on BECAUSE JS has nothing to do with valid XHTML.
  10. MSN Criticism by sameerdesai · · Score: 5, Funny

    From TFA: Some of you may be interested to know that folks from the MSN team have definitely seen this page, and are aware of the feedback, compliments, and criticism
    Yep, they did a search in their own search engine for "Miscrosoft Criticism" and found this website.

  11. No I am not trolling by avandesande · · Score: 5, Insightful

    Who cares about the UI? How good are the searches?

    --
    love is just extroverted narcissism
    1. Re:No I am not trolling by curunir · · Score: 2, Insightful

      Umm...I don't give a rats ass about the searches (Google works fine for me), but the fact that they've chosen to be mostly standards compliant on one of their significant projects could signal their intent to make IE more standards compliant. If you've ever tried to create an XHTML/CSS website that's more complex than just swapping in new colors/fonts, you've also realized how annoying it is that you basically have to use hacks or separate stylesheets to get it to work correctly in IE. Them moving their browser platform closer to standards compliance would make the life of a web designer significantly easier.

      --
      "Don't blame me, I voted for Kodos!"
  12. Try being a little more constructive. by Faust7 · · Score: 4, Interesting

    From the weblog:

    All we ask for is for people to look at the page as a work in progress. I have seen some feedback that we should not have declared the doctype as XHTML Strict. If anything, we are closer to HTML 4.01. I agree. But our target is to get to XHTML strict. We realize we are not at a point where we can say we have achieved our goal. We will be working hard to get to that goal. Let us know how we are doing. Where are we slipping up? What do we need to fix? We are listening.

    But I suppose giving actual feedback would be too much to ask.

  13. Slow news days? by bigtallmofo · · Score: 2, Insightful

    How the design principles used on a web page that is basically a textbox and a submit button is news is beyond me.

    --
    I'm a big tall mofo.
    1. Re:Slow news days? by aiken_d · · Score: 2, Interesting

      Yeah, and what's even crazier is international news coverage of some sick old guy in Italy.

      It's almost like some people think that events can exist within a larger context, and that even smallish events could possibly have deeper meanings and impacts.

      Pretty ridiculous, isn't it?

      -b

      --
      If I wanted a sig I would have filled in that stupid box.
  14. Mobile device consideration by wombatmobile · · Score: 4, Insightful

    Look through the imported style sheet on the home page, and you'll see several uses of @media handheld {} to target certain rules for handheld devices.

    Hey, that's good practise. The intent is for the one page to render appropriately for multiple device types. The web needs more implementations of this to make mobile browsing viable.

  15. Faster load times... by GillBates0 · · Score: 5, Informative
    Microsoft links to an explanation of benefits of the new MSN where they list the top (first) feature as being "Faster load time". Not sure what the old HTML file size was, but it would be interesting to have as a comparison.

    According to the Wayback machine, file size doesn't seemed to have changed (or reduced) that much. This old version from July 2004 is actually smaller (33.95kb) than the current one which is 40.55kb. Note that this is from Firefox's "View Page Info" which does not take the total size of the images, etc into account (I think).

    But then there are several factors other than raw filesize leading to slower load times.

    It's nice to see webpage developers at Microsoft aware of standards, and trying to adhere to them. From this comment:

    At 6:29pm on 1 Feb 2005, Venkat Narayanan wrote:
    Guys,
    I work on the MSN.com Homepage team. Thanks for all of this feedback.
    We know that there are still some validation errors. There are still some accessibility issues. We will be working to fix those issues as soon as possible. Please let us know what you think.

    I think it only needs standards awareness from a few of the low-level developers to bring about a change. Even if the high level management/QA may not know or care about standards, a developer could make the work standards friendly without foregoing any of the performance/features. It would help, though to have management promote standards awareness, and devote resources to make sure they're complied with. Good for Microsoft if they're doing this. On the other hand, it may only be these few standards aware developers trying to do the right job.

    --
    An Indian-American Hindu committed to non-violent thought/speech/action alarmed by the global explosion of radical Islam
    1. Re:Faster load times... by wkitchen · · Score: 2, Interesting

      Perhaps you should compare it with their search.msn.com page, instead of www.msn.com. I think that's the newer simpler search page they've been talking about. That html file is only 3K.

      However, it references a 1K gif file, a 16K .txt file containing some javascript, a 24K common.css file, and a 10K msn.ico file. Of course, if you're going to include all these referenced files in a comparison, you'd have to include the referenced files for whatever you're comparing it to as well. The size of that msn.ico file astonishingly large for a 16x16 pixel image. Converting it to a .png results in 554 bytes, and I'm sure it could be made smaller than that with a little fine tuning. I never knew .ico files were so inefficient.

  16. I just tried it with lynx by Anonymous Coward · · Score: 2, Funny
    Yes, it works. But will they also send cops out to break down my door and arrest me?

  17. Re:It's not... by Zexarious · · Score: 3, Informative

    http://validator.w3.org/check?uri=http://search.ms n.com the one the article refers to, only has one

  18. Re:It's not... by Transcendent · · Score: 2, Interesting

    And it will never be XHTML Strict valid if they still use IFRAMEs...

    They'll probably have to go down to transitional in the end.

  19. Re:It's not... by de1orean · · Score: 2, Interesting

    that's because the original poster chked msn.com, not search.msn.

  20. Broken? How bout kills IE5 by Bobbysmith007 · · Score: 4, Funny

    We were curoius how broken it would be in IE 5. In IE5.5 everything was mostly ok. In IE 5 it hard crashes IE. I dont know if I've ever seen anything quite so beautiful as that browser going down in flames on its own homepage.

  21. What's with all the MSN Search articles ? by Animaether · · Score: 3, Insightful

    Okay... so supposedly nobody fears MSN Search.
    Everybody says Google still kicks full-on ass.
    Etc. etc. etc.

    So why is it that in the past 2 days alone there have been -3- articles on MSN Search on Slashdot ?

    MSN Search has arrived - actually, it was there a long time ago. It was simply finally put into place on the msn.com portal. I'm sure that was big news to all the Slashdot users who have msn.com as their homepage *smirk*

    Inspecting MSN Search - comparing image search, specifically. Using 'Britney Spears'. Gar, what inspection. Do something really interesting and post a website with text and images on a rather specific thing at various locations. Don't announce this. Now check which engine adds which website and its images, and when. Then compare them, and publish THOSE results. That just might be interesting.

    MSN Search - From A UI Perspective - So from a UI perspective they've found it uses XHTML (to some extent) ? Wow. Next time I'll evaluate a user interface, I'll be sure to note that it uses COMCTL32 and COMDLG32 instructions. ffs. This says nothing about the actual UI. Which, by the way, is quite sleek - imho. Bit more form over function than Google's, but still pretty light-weight. (Again, this is search.msn.com , not the msn.com portal.) I suspect the title here is chosen wrongly - it's more of a "internet standards compliance and device support inspection".

    Could Slashdot editors *please* just hold off the MSN Search articles until something actually interesting about it comes up ?

    Sceptic mode: Or perhaps do they post this simply to allow some more Microsoft- / MSN Search-bashing posts in the comments ?

  22. Re:Why so many MSN Search stories? by elrusoloco · · Score: 2, Insightful

    re: do a search for linux... The "first thing" you're referring to is an ad. Do a search for Linux on Google, and you get the same exact link as the first result on the right-hand side under "Relevant ads" or whatever they're called - MSN just calls them "sponsored sites". I'm not advocating trusting Microsoft, but I really think you were not being objective here and felt the need to.....object.

  23. Re:Why so many MSN Search stories? by xoran99 · · Score: 2, Informative

    The result you cite is obviously a placed result, not among the real search results. It's in a little block that says "Sponsored sites". Compare the first few results from MSN and google:

    MSN Google
    1. linux.org same
    2. linux.com same
    3. linuxinsider.com Redhat
    4. linuxdoc.org kernel.org
    5. gentoo.org Debian
    6. ibm.com/linux Linux Journal
    7. techupdate.zdnet.com linux-laptop.net

    --

    Karma: Bad (mostly due to all those "In Soviet Russia" jokes)

  24. developers developers developers ! by flacco · · Score: 2, Funny
    search for "developers developers developers" on google and you get a solid first page full of ballmer-dancing-monkey-boy links. on msn search, not a single one.

    hmmm.

    --
    pr0n - keeping monitor glass spotless since 1981.
  25. They are moving in the right direction by Ars-Fartsica · · Score: 3, Insightful

    The search is fast, the results are good, and the layout is clean(er). Maybe they are beginning to get it. Competition works.

  26. You do know what the X in XHTML stands for? by Anonymous Coward · · Score: 2, Insightful

    Why use an Extensible HyperText Markup Language if you can't extend it?

  27. Re:Addendum: Usability by Animaether · · Score: 2, Informative

    Do people check this out when modding things Interesting ?

    Firefox 1.0, Windows XP.
    The pulldown menu doesn't overflow the border. Sorry.

    The next button is indeed in the rightmost corner of the webpage. Well, sorta. It's not like it's all the way over to the right, just on the right. The browser window at 800 pixels wide still shows the Next link. So unless you set your browser to be really, really tiny, you should be fine.

    And the results are in an incredibly huge font, you say ?
    I measure the height of the lowercase letter 'o' (baseline, basically) of the results' excerpt as 8px wide by 8px high. For Google, I measure the same as 7px wide by 7px high. Oh yes, incredibly huge.

    Now, I'm not saying that you're not having problems with MSN Searh. But maybe, just maybe, it's something on your end ?

  28. That all depends... by Sebadude · · Score: 2, Interesting

    its not like you can explain to a client that your page is the one that's complient and IE is wrong

    Does the page break in IE 5? I can't check from this computer. If it does, it'll be much easier now, since we can show them that even Microsoft's own MSN.com no longer supports outdated browsers. If Microsoft does it, the people will follow.

    --
    Eh.
  29. I'm very disappointed with MSN news look! by af_robot · · Score: 2, Funny

    I was hoping for a friendly 3D animated Clippy to help me decide where i want to go today!

  30. Google by Anonymous Coward · · Score: 3, Insightful

    Um.... why is everyone whining that Microsoft has 8 xhtml errors? Go try and validate Google's page.

  31. W3C Validator fight! by thefogger · · Score: 5, Funny

    Google vs. MSN Search

    Round One!

    Fight!

    Google Validation: 44 Errors
    MSN Search Validation: 1 Error

    Google Wins! Eh...

    --


    Um... I didn't do it!
  32. the death of IE 5 support by Hell+O'World · · Score: 2, Insightful

    One good thing to come out of the nightmare of malware is that more people will be upgrading their browsers to the latest versions. Supporting ugly old browser versions won't be as necessary.

  33. Works in IE5/Win by ToLu+the+Happy+Furby · · Score: 2, Interesting

    Obviously MS is not ready to drop support for IE5/Win, which is still an unfortunately major browser--certainly well above Firefox in marketshare if you lump 5.0 and 5.5 together. Rather they have dropped support for IE5/Mac, which is still somewhat surprising considering it is the "current" version of their Mac browser (unless you count an upgrade for MSN customers only).

    Incidentally, the site renders fine in Safari except for a somewhat ridiculous looking problem where the search button runs smack into Safari's OS X native widgets.

  34. In other news by eremitic · · Score: 2, Funny

    Microsoft has now purchased all rights to HTML/XHTML and effectively redefined the words "standards compliance."

    --
    Warning: Could be fatal if taken seriously
  35. application/xhtml+xml by noda132 · · Score: 2, Interesting

    They obviously won't be using valid (and correctly-served) XHTML 1.1, since IE refuses to even render application/xhtml+xml documents as XHTML.

    And judging by previous comments, they're not even bothering with XHTML 1.0, either. And writing invalid XHTML 1.0 is much worse than writing invalid HTML, since XHTML is XML and should thus die horribly if there's a single error.

    Out of curiosity, why does Microsoft find it so hard to write valid XHTML when everyone else finds it so easy? And in general... why the FUCK don't full-time web developers write valid XHTML? AARGH!

  36. Er.. WHO CARES by brunes69 · · Score: 2, Insightful
    Man, talk about searching left and right for a problem...

    The whole point of XHTML compliant documents is so that the data can be parsed by a non-HTML user agent without issue, as regular XML. This lets you do nice things like XSLT transforms on the HTML, XPath data queries, etc. It is not to make things nicer in the browser, it is not to make things faster, and in fact, both Mozilla and IE can render XHTML compliant pages SLOWER under certain circumstances, because of the validation procedures involved in the parsing.

    Using JavaScript to fancy up a page has absolutely no effect on this. Unless the website is actually placing useable data on the page via JavaScript (**ahem**), then the JavaScript has ZERO impact on either the compliance level or the utility of XHTML. And from what I can see, this is exactly what MSN Search (and what most websites) are dong - using JavaScript to write fancy navigation and whatnot, none of which is really useful to a non-HTML user agent.

  37. Standards by ottffssent · · Score: 2, Insightful

    From the article: "I have seen some feedback that we should not have declared the doctype as XHTML Strict. If anything, we are closer to HTML 4.01. I agree. But our target is to get to XHTML strict."

    And what is a doctype? That's correct: the type of the document. So if the document is really more like HTML 4.01, it should be labeled HTML 4.01. It should not be labeled with some marketing 'we'd really like this to work' drivel. Sort of a micrososm of the Microsoft Approach, actually. Lying to people fits under marketing - we're used to it and can take it into account. Lying to computers, computers which are trying to make your not-really-HTML into something presentable, is just stupid.