{"id":5719,"date":"2007-03-24T16:28:00","date_gmt":"2007-03-24T15:28:00","guid":{"rendered":"https:\/\/andrebrocatus.com\/design\/?p=5719"},"modified":"2025-03-15T21:25:59","modified_gmt":"2025-03-15T20:25:59","slug":"altmouse-application-design","status":"publish","type":"post","link":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design","title":{"rendered":"AltMouse application design"},"content":{"rendered":"\n

As part of their productivity software suite, Ergodirect<\/a> developed an application to track keyboard vs mouseclick usage, and involved ABDC to create a UI that would facilitate and promote keyboard shortcuts over mouse usage, to increase productivity and improve ergonomics. <\/p>\n\n\n\n

I designed the interaction model and detailed UI elements, with skeuomorphic keys as the basis of the application. <\/p>\n\n\n\n

\"\"
The application adds keystroke-related hints to all applications. When you hover over an icon the keyboard shortcut appears. When you use the shortcut on your keyboard you see it being pressed on screen. <\/figcaption><\/figure>\n\n\n\n
\"\"
The toolbar icon provides access to AltMouse but on hover also shows key metrics for the currently active application.<\/figcaption><\/figure>\n\n\n\n
\"\"
AltMouse provided specific shortcuts and metrics for each application, for example, here Microsoft Word.<\/figcaption><\/figure>\n\n\n\n
\"\"
Creating a custom shortcut is as easy as typing it. <\/figcaption><\/figure>\n\n\n\n
\"\"
The application offered an overview of shortcuts, per application, and analytics and trends. <\/figcaption><\/figure>\n\n\n\n

I also developed some concepts to use gamification to promote usage of the app, and to market the app. Within a company you could use a leaderboard on the intranet to display people being the most effective with their keystrokes. The metrics could also be used to compare different companies, and to benchmark your company, or yourself, with others in the industry. <\/p>\n\n\n\n

\"\"
An organisation can choose to display a \u201ctop 5 leaderboard\u201d on their intranet or in the app.<\/figcaption><\/figure>\n\n\n\n
\"\"
You could include an AltMouse \u201cbadge\u201d on your blog, displaying your personal score.<\/figcaption><\/figure>\n\n\n\n

Credits
<\/em>ABDC was responsible for the naming of the application and logo design, and developed the interaction design and screen designs. <\/p>\n","protected":false},"excerpt":{"rendered":"

Design an app that encourages people to use keyboard shortcuts instead of the mouse<\/p>\n","protected":false},"author":1,"featured_media":5998,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[96,105,89,109,100],"tags":[],"class_list":["post-5719","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-interaction-design","category-logo","category-naming","category-ux-ui"],"yoast_head":"\nAltMouse application design - ABDC<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/andrebrocatus.com\/design\/altmouse-application-design\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AltMouse application design - ABDC\" \/>\n<meta property=\"og:description\" content=\"Design an app that encourages people to use keyboard shortcuts instead of the mouse\" \/>\n<meta property=\"og:url\" content=\"https:\/\/andrebrocatus.com\/design\/altmouse-application-design\" \/>\n<meta property=\"og:site_name\" content=\"ABDC\" \/>\n<meta property=\"article:published_time\" content=\"2007-03-24T15:28:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-15T20:25:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/andrebrocatus.com\/design\/wp-content\/uploads\/sites\/3\/2007\/03\/AltMouse-thumb-700B.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"andre\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"andre\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design\"},\"author\":{\"name\":\"andre\",\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/#\\\/schema\\\/person\\\/b2396556e01adc147ff239567beeceb2\"},\"headline\":\"AltMouse application design\",\"datePublished\":\"2007-03-24T15:28:00+00:00\",\"dateModified\":\"2025-03-15T20:25:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design\"},\"wordCount\":262,\"publisher\":{\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2007\\\/03\\\/AltMouse-thumb-700B.jpg\",\"articleSection\":[\"Branding\",\"interaction design\",\"Logo\",\"Naming\",\"ux\\\/ui\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design\",\"url\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design\",\"name\":\"AltMouse application design - ABDC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2007\\\/03\\\/AltMouse-thumb-700B.jpg\",\"datePublished\":\"2007-03-24T15:28:00+00:00\",\"dateModified\":\"2025-03-15T20:25:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design#primaryimage\",\"url\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2007\\\/03\\\/AltMouse-thumb-700B.jpg\",\"contentUrl\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2007\\\/03\\\/AltMouse-thumb-700B.jpg\",\"width\":700,\"height\":440,\"caption\":\"AltMouse - interaction design - ABDC\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/altmouse-application-design#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AltMouse application design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/#website\",\"url\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/\",\"name\":\"Andre Brocatus Design Consultancy\",\"description\":\"Andr\u00e9 Brocatus Design Consultancy\",\"publisher\":{\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/#organization\",\"name\":\"ABDC\",\"url\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2024\\\/06\\\/ABDC-favicon.png\",\"contentUrl\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2024\\\/06\\\/ABDC-favicon.png\",\"width\":960,\"height\":960,\"caption\":\"ABDC\"},\"image\":{\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/andrebrocatus.com\\\/design\\\/#\\\/schema\\\/person\\\/b2396556e01adc147ff239567beeceb2\",\"name\":\"andre\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/00300c39d2455f0fc47456c386db0e2993e48c1bf45276b4b2f806cc877608af?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/00300c39d2455f0fc47456c386db0e2993e48c1bf45276b4b2f806cc877608af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/00300c39d2455f0fc47456c386db0e2993e48c1bf45276b4b2f806cc877608af?s=96&d=mm&r=g\",\"caption\":\"andre\"},\"description\":\"I design logos, websites, interfaces, and campaigns \u2014 and I've been doing this for 30 years, long enough to know what lasts and what's just trendy. I work through my own studio ABDC (Andr\u00e9 Brocatus Design Consultancy), for clients ranging from independent businesses to multinationals. I also make art \u2014 without a client, without a predetermined message. More of an investigation into how image and meaning actually work, experimenting with form and media to see what emerges. Both come from the same drive: looking for the essence and the unexpected idea.\",\"sameAs\":[\"https:\\\/\\\/andrebrocatus.com\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/andrebrocatus\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AltMouse application design - ABDC","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design","og_locale":"en_US","og_type":"article","og_title":"AltMouse application design - ABDC","og_description":"Design an app that encourages people to use keyboard shortcuts instead of the mouse","og_url":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design","og_site_name":"ABDC","article_published_time":"2007-03-24T15:28:00+00:00","article_modified_time":"2025-03-15T20:25:59+00:00","og_image":[{"width":700,"height":440,"url":"https:\/\/andrebrocatus.com\/design\/wp-content\/uploads\/sites\/3\/2007\/03\/AltMouse-thumb-700B.jpg","type":"image\/jpeg"}],"author":"andre","twitter_card":"summary_large_image","twitter_misc":{"Written by":"andre","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design#article","isPartOf":{"@id":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design"},"author":{"name":"andre","@id":"https:\/\/andrebrocatus.com\/design\/#\/schema\/person\/b2396556e01adc147ff239567beeceb2"},"headline":"AltMouse application design","datePublished":"2007-03-24T15:28:00+00:00","dateModified":"2025-03-15T20:25:59+00:00","mainEntityOfPage":{"@id":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design"},"wordCount":262,"publisher":{"@id":"https:\/\/andrebrocatus.com\/design\/#organization"},"image":{"@id":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design#primaryimage"},"thumbnailUrl":"https:\/\/andrebrocatus.com\/design\/wp-content\/uploads\/sites\/3\/2007\/03\/AltMouse-thumb-700B.jpg","articleSection":["Branding","interaction design","Logo","Naming","ux\/ui"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design","url":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design","name":"AltMouse application design - ABDC","isPartOf":{"@id":"https:\/\/andrebrocatus.com\/design\/#website"},"primaryImageOfPage":{"@id":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design#primaryimage"},"image":{"@id":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design#primaryimage"},"thumbnailUrl":"https:\/\/andrebrocatus.com\/design\/wp-content\/uploads\/sites\/3\/2007\/03\/AltMouse-thumb-700B.jpg","datePublished":"2007-03-24T15:28:00+00:00","dateModified":"2025-03-15T20:25:59+00:00","breadcrumb":{"@id":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/andrebrocatus.com\/design\/altmouse-application-design"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design#primaryimage","url":"https:\/\/andrebrocatus.com\/design\/wp-content\/uploads\/sites\/3\/2007\/03\/AltMouse-thumb-700B.jpg","contentUrl":"https:\/\/andrebrocatus.com\/design\/wp-content\/uploads\/sites\/3\/2007\/03\/AltMouse-thumb-700B.jpg","width":700,"height":440,"caption":"AltMouse - interaction design - ABDC"},{"@type":"BreadcrumbList","@id":"https:\/\/andrebrocatus.com\/design\/altmouse-application-design#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/andrebrocatus.com\/design\/"},{"@type":"ListItem","position":2,"name":"AltMouse application design"}]},{"@type":"WebSite","@id":"https:\/\/andrebrocatus.com\/design\/#website","url":"https:\/\/andrebrocatus.com\/design\/","name":"Andre Brocatus Design Consultancy","description":"Andr\u00e9 Brocatus Design Consultancy","publisher":{"@id":"https:\/\/andrebrocatus.com\/design\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/andrebrocatus.com\/design\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/andrebrocatus.com\/design\/#organization","name":"ABDC","url":"https:\/\/andrebrocatus.com\/design\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/andrebrocatus.com\/design\/#\/schema\/logo\/image\/","url":"https:\/\/andrebrocatus.com\/design\/wp-content\/uploads\/sites\/3\/2024\/06\/ABDC-favicon.png","contentUrl":"https:\/\/andrebrocatus.com\/design\/wp-content\/uploads\/sites\/3\/2024\/06\/ABDC-favicon.png","width":960,"height":960,"caption":"ABDC"},"image":{"@id":"https:\/\/andrebrocatus.com\/design\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/andrebrocatus.com\/design\/#\/schema\/person\/b2396556e01adc147ff239567beeceb2","name":"andre","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/00300c39d2455f0fc47456c386db0e2993e48c1bf45276b4b2f806cc877608af?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/00300c39d2455f0fc47456c386db0e2993e48c1bf45276b4b2f806cc877608af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/00300c39d2455f0fc47456c386db0e2993e48c1bf45276b4b2f806cc877608af?s=96&d=mm&r=g","caption":"andre"},"description":"I design logos, websites, interfaces, and campaigns \u2014 and I've been doing this for 30 years, long enough to know what lasts and what's just trendy. I work through my own studio ABDC (Andr\u00e9 Brocatus Design Consultancy), for clients ranging from independent businesses to multinationals. I also make art \u2014 without a client, without a predetermined message. More of an investigation into how image and meaning actually work, experimenting with form and media to see what emerges. Both come from the same drive: looking for the essence and the unexpected idea.","sameAs":["https:\/\/andrebrocatus.com","https:\/\/www.linkedin.com\/in\/andrebrocatus\/"]}]}},"_links":{"self":[{"href":"https:\/\/andrebrocatus.com\/design\/wp-json\/wp\/v2\/posts\/5719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andrebrocatus.com\/design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/andrebrocatus.com\/design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/andrebrocatus.com\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/andrebrocatus.com\/design\/wp-json\/wp\/v2\/comments?post=5719"}],"version-history":[{"count":0,"href":"https:\/\/andrebrocatus.com\/design\/wp-json\/wp\/v2\/posts\/5719\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/andrebrocatus.com\/design\/wp-json\/wp\/v2\/media\/5998"}],"wp:attachment":[{"href":"https:\/\/andrebrocatus.com\/design\/wp-json\/wp\/v2\/media?parent=5719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/andrebrocatus.com\/design\/wp-json\/wp\/v2\/categories?post=5719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/andrebrocatus.com\/design\/wp-json\/wp\/v2\/tags?post=5719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}