{"id":230,"date":"2011-02-10T23:30:20","date_gmt":"2011-02-10T10:30:20","guid":{"rendered":"http:\/\/www.paradicesoftware.com\/blog\/?p=230"},"modified":"2011-02-10T23:30:20","modified_gmt":"2011-02-10T10:30:20","slug":"ui-testing","status":"publish","type":"post","link":"http:\/\/www.paradicesoftware.com\/blog\/2011\/02\/ui-testing\/","title":{"rendered":"UI Testing"},"content":{"rendered":"

Sometimes, you produce a UI that makes perfect sense to you, but when you introduce it to another player, they can’t follow it.<\/p>\n

That happened to me with Icefall’s UI bar. Originally, my layout placed the player character’s health and mana bars in the bottom left corner, with the player’s current target displayed next to them. The action buttons and experience bar were in the bottom centre, and the status window was on the right:<\/p>\n

\"Original<\/a>
Original UI Layout, with player\/target health bars at the bottom left.<\/figcaption><\/figure>\n

This made sense to me, and was based on Angband displaying the player\/monster health stats in that corner. However, when I got a couple of friends to play it, both of them struggled to track the player’s health without me explicitly pointing it out, and one got the health bar confused with the experience bar in the centre.<\/p>\n

So, as a result of this, I did some tweaking of the layout and the UI graphics. I’ve put the player and target information in the centre, and shuffled the action bars to the left hand side. I have to admit, after playing for a while, this configuration makes more sense:<\/p>\n

\"\"<\/a>
New UI Layout, with player\/target health bars in the centre<\/figcaption><\/figure>\n

I also took the opportunity to update the UI backdrop to make the player\/target area jump out a little more with a “leather canvas”-type frame.<\/p>\n

The lesson? Always test the UI on people who have never seen the game before, and be resigned to the fact that you might have to change it.<\/p>\n","protected":false},"excerpt":{"rendered":"

Sometimes, you produce a UI that makes perfect sense to you, but when you introduce it to another player, they can’t follow it. That happened to me with Icefall’s UI bar. Originally, my layout placed the player character’s health and mana bars in the bottom left corner, with the player’s current target displayed next to<\/p>\n","protected":false},"author":2722,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,18,3],"tags":[30,76,31,21],"class_list":["post-230","post","type-post","status-publish","format-standard","hentry","category-code","category-good-coding-guidelines","category-icefall","tag-hud","tag-icefall","tag-playtesting","tag-ui"],"_links":{"self":[{"href":"http:\/\/www.paradicesoftware.com\/blog\/wp-json\/wp\/v2\/posts\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.paradicesoftware.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.paradicesoftware.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.paradicesoftware.com\/blog\/wp-json\/wp\/v2\/users\/2722"}],"replies":[{"embeddable":true,"href":"http:\/\/www.paradicesoftware.com\/blog\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":4,"href":"http:\/\/www.paradicesoftware.com\/blog\/wp-json\/wp\/v2\/posts\/230\/revisions"}],"predecessor-version":[{"id":234,"href":"http:\/\/www.paradicesoftware.com\/blog\/wp-json\/wp\/v2\/posts\/230\/revisions\/234"}],"wp:attachment":[{"href":"http:\/\/www.paradicesoftware.com\/blog\/wp-json\/wp\/v2\/media?parent=230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.paradicesoftware.com\/blog\/wp-json\/wp\/v2\/categories?post=230"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.paradicesoftware.com\/blog\/wp-json\/wp\/v2\/tags?post=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}