{"id":38,"date":"2012-12-24T11:49:24","date_gmt":"2012-12-24T19:49:24","guid":{"rendered":"http:\/\/explanagraphics.com\/?page_id=38"},"modified":"2020-03-26T18:52:21","modified_gmt":"2020-03-27T01:52:21","slug":"ux-ui-graphics-design","status":"publish","type":"page","link":"https:\/\/explanagraphics.com\/index.php\/about-us\/ux-ui-graphics-design\/","title":{"rendered":"Contract UX \/ UI Design Services"},"content":{"rendered":"

Building apps?<\/h3>\n
\n

[twocol_one]Contact Nancy Wirsig McClure<\/a> to discuss hiring her as a contract member of your team. She has worked with engineers, coders, product managers, and marketing in several different Agile<\/strong> environments.<\/p>\n

Nancy has created wireframes, mockups and final production graphics<\/strong><\/a>. She has experience with testing user interfaces and evaluating usability.
\n[\/twocol_one]<\/p>\n

[twocol_one_last]
\nNancy has worked on both touch and mouse-based interfaces<\/a> for a variety of platforms.<\/p>\n

Nancy has also authored docs for the app development process<\/strong><\/a> \u2014 storyboards, use cases, site maps and more. She has been deeply involved in developing the content (user experience design) as well as formatting the results.<\/p>\n

Scroll down for examples.
\n[\/twocol_one_last]<\/p>\n<\/div>\n

\n

Portfolio: UI Designs for Apps<\/h2>\n<\/div>\n
\n

\"WebUI design for web app: inventory control.<\/p>\n

Runs on desktop with mouse controls.<\/p>\n

Note: data blurred to protect client’s privacy.<\/i><\/p>\n

<\/div>\n<\/div>\n
\n

\"TouchTouch UI design (mockup): controlling a room’s lighting and environment.<\/p>\n

Runs on a proprietary 7-inch wall-mount panel (tablet equivalent).<\/p>\n

Read more \uf0a9<\/span><\/a> about the Leviton\u00ae Sapphire\u2122 product.<\/p>\n

<\/div>\n<\/div>\n
\n

\"UIUI (mockup) for “back end” of the lighting control system, above.<\/p>\n

Allows a Leviton internal user to configure the network of devices and the controls to appear on-screen in each room.<\/p>\n

Designed to run on a much larger screen with touch controls.<\/p>\n

<\/div>\n<\/div>\n
\n

\"UIRedesign of UI for an operating room control panel.<\/p>\n

<\/div>\n<\/div>\n
\n

\"WebUI for a web app: a dashboard reporting results of software quality audits and tests.<\/p>\n

<\/div>\n<\/div>\n
\n

\"WebInteractive page on a non-profit’s web site.<\/p>\n

Try it out! \uf0a9<\/span><\/a> (archived) Click on the map markers.<\/p>\n

Nancy designed the look, created all graphics, and coded the HTML and JavaScript.<\/i><\/p>\n

See what the client said \uf0a9<\/span><\/a><\/p>\n

<\/div>\n<\/div>\n
\n

Portfolio: Interactive Web Site Designs<\/h2>\n<\/div>\n
\n

\"WebPage from an intra<\/strong>net site based on a database. 2002<\/p>\n

<\/div>\n<\/div>\n
\n

\"WebPages from a law firm’s web site.<\/p>\n

<\/div>\n<\/div>\n
\n

\"WebHome page for a web site.<\/p>\n

<\/div>\n<\/div>\n
\n

\"WebHome page for a photographer’s e-commerce web site.<\/p>\n

Visit the site \uf0a9<\/span><\/a>. The client still loves the design more than a decade later!<\/p>\n

<\/div>\n<\/div>\n

<\/a><\/p>\n

\n

Portfolio: Intermediate Documents for GUI Development<\/h2>\n<\/div>\n
\n

\"Web<\/p>\n

Wireframe
\nto
\nRough
\n(grayscale mockup)
\nto
\nFinal UI design.<\/p>\n

<\/div>\n<\/div>\n
\n

\"Web<\/p>\n

Sketch
\nto
\nFinal design.<\/p>\n

<\/div>\n<\/div>\n

<\/a><\/p>\n

\n

Portfolio: Documents for Development of Interactivity & Functionality<\/h2>\n<\/div>\n
\n

\"WebStoryboard (flow of interactivity) for a game.<\/p>\n

One page of a larger document.<\/i><\/p>\n

<\/div>\n<\/div>\n
\n

\"WebStoryboard (flow of interactivity) for a demo of the Leap Motion Controller<\/a>.<\/i><\/p>\n

One page of a larger document.<\/i><\/p>\n

<\/div>\n<\/div>\n
\n

\"WebEntity-relationship diagram for software engineers.<\/p>\n

Supports thinking about data design.<\/p>\n

Suggested, analyzed and drawn by Nancy.<\/i><\/p>\n

<\/div>\n<\/div>\n
\n

\"WebSelected Use Cases for a game.<\/i><\/p>\n

Developed and written by Nancy.<\/i><\/p>\n

<\/div>\n<\/div>\n
\n

\"WebDocs on UI design: for use by software coders in India.<\/p>\n

Describes the Leviton product shown near the top of this page.<\/p>\n

One page of a larger document.<\/i><\/p>\n

<\/div>\n<\/div>\n

<\/a><\/p>\n

\n

Portfolio: Communicating to Others about Touch Interfaces<\/h2>\n<\/div>\n
\n

\"WebDocument that explains to the product manager (who is new to touch app development) about the difference in screen density for touch applications.<\/p>\n

<\/div>\n<\/div>\n
\n

\"WebScrollable instructions, selected pages.<\/i><\/p>\n

For an iPad app for seniors.<\/p>\n

<\/div>\n<\/div>\n
\n

\"WebSlides (partial set) from Nancy’s talk at an Ignite event sponsored by TAO (Technology Association of Oregon).<\/p>\n

Watch the video \uf0a9<\/span><\/a> (5\u00a0minutes)<\/p>\n

View on SlideShare \uf0a9<\/span><\/a><\/p>\n

<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Building apps? [twocol_one]Contact Nancy Wirsig McClure to discuss hiring her as a contract member of your team. She has worked with engineers, coders, product managers, and marketing in several different Agile environments. Nancy has created wireframes, mockups and final production graphics. She has experience with testing user interfaces and evaluating usability. [\/twocol_one] [twocol_one_last] Nancy has […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":22,"menu_order":23,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/explanagraphics.com\/index.php\/wp-json\/wp\/v2\/pages\/38"}],"collection":[{"href":"https:\/\/explanagraphics.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/explanagraphics.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/explanagraphics.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/explanagraphics.com\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":118,"href":"https:\/\/explanagraphics.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":3565,"href":"https:\/\/explanagraphics.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/3565"}],"up":[{"embeddable":true,"href":"https:\/\/explanagraphics.com\/index.php\/wp-json\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"https:\/\/explanagraphics.com\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}