{"id":52,"date":"2005-07-29T07:59:19","date_gmt":"2005-07-29T14:59:19","guid":{"rendered":"http:\/\/newsfeed.fatorcaos.com.br\/wp\/?p=52"},"modified":"2005-07-29T19:47:26","modified_gmt":"2005-07-30T02:47:26","slug":"ui-designer-speaks-russ-glaser-on-xbox-360-user-interface","status":"publish","type":"post","link":"https:\/\/labs.zeh.com.br\/blog\/?p=52","title":{"rendered":"UI designer speaks: Russ Glaser on the XBOX 360 user interface"},"content":{"rendered":"

When I first watched the XBOX 360 release video from OurColony<\/a> – released during the last E3<\/a> – what struck me as nice (despite all the video and marketing makeup) was the user interface featured on it – supposedly, the new XBOX 360 interface. Despite just showing a few seconds of it, it felt really good and had that interactively animated<\/em> feeling only the best Flash sites have. You know… you click stuff and stuff moves, and it all makes sense somehow.<\/p>\n

So it really made me pleased to find out that Design Interact<\/a> has just had a talk with Microsoft interface design manager Russ Glaser<\/a>, speaking about designing the console’s graphical user interface. It mainly discusses the problems that arise when creating the visual identity for a new, digital media, with barely any prior art to learn from. To quote,<\/p>\n

The task was so detailed and massive that the Xbox engineers even built their own custom Flash-like animation tool. For much of the time, Glaser and his team worked closely with design firm AKQA, while also coordinating their efforts with branding and industrial design groups. <\/p>\n

(…)<\/p>\n

At the same time the designers had to deal with an unfamiliar input device\u2014the gaming controller\u2014and the limitations of television screens. Unlike computers, where people sit a foot away from the screen and can read fine print, the typical Xbox user lounges ten feet from the TV and can\u2019t see anything smaller than 16-point type. In practical terms that means large fonts are in and complex dropdown menus are out.<\/p>\n

(…)<\/p>\n

\u201cWe always made sure when we were designing screens to look for stuff that wasn\u2019t adding value,\u201d says Constantinou. \u201cIf it\u2019s not adding value and it\u2019s there only as a visual, we ripped it out.\u201d<\/em><\/p><\/blockquote>\n

Albeit a bit short, the article<\/a> is nice and filled with screenshots of the interface, and still worth a read. Sadly, no additional movies of the interface being used are present.<\/p>\n

Update<\/strong>: There’s a few more information about the XBOX 360 user interface here<\/a> – including higher resolution screen photos<\/a> and a couple of shaky cam videos<\/a>, although those are more descriptive than “in action”. Higher resolution, direct-feed screenshots can also be found here<\/a>.<\/p>\n

In the end, it looks pretty tight, although I think what really makes it cool is, again, the interface animation. Element transitions FTW!<\/p>\n

Source: ShackNews<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"

When I first watched the XBOX 360 release video from OurColony – released during the last E3 – what struck me as nice (despite all the video and marketing makeup) was the user interface featured on it – supposedly, the new XBOX 360 interface. Despite just showing a few seconds of it, it felt really […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,6,3],"tags":[],"_links":{"self":[{"href":"https:\/\/labs.zeh.com.br\/blog\/index.php?rest_route=\/wp\/v2\/posts\/52"}],"collection":[{"href":"https:\/\/labs.zeh.com.br\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labs.zeh.com.br\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labs.zeh.com.br\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labs.zeh.com.br\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=52"}],"version-history":[{"count":0,"href":"https:\/\/labs.zeh.com.br\/blog\/index.php?rest_route=\/wp\/v2\/posts\/52\/revisions"}],"wp:attachment":[{"href":"https:\/\/labs.zeh.com.br\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labs.zeh.com.br\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labs.zeh.com.br\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}