Ron Lui's Portfolio

User research that I've conducted over the past 5 years include 100-200 user testing sessions (I've lost count), eye-tracking analysis (heatmap image above), planning & running workshops, building and analysing user-surveys and website statistics. Outputs I've delivered from these research projects include Presentation slides, Infographic summaries, Formal word reports, and Client presentations to high-level stakeholders.

Sketches for idea communication, or just for fun! I am more than enthusiastic to jump onto a whiteboard, flipchart, or into sketchbooks to share my ideas. Though admittedly, these examples are more refined than my usual ad-hoc doddles and scribblings.

Dashboard summary / Infographic I created to visually sum up the key findings and recommendations from a round of user-testing sessions. This One-pager not only acted as a Introduction and Wrap-Up to my presentation, but also as a take-away artifact for the client to refer to. Readers can clearly see the method used, the key issues, and directly how they were addressed in my adjacent recommended wireframe design. (Apr 2009)

Experience Map I created to show how users of a Council building development process would interact on multiple-channels, and what their user-motivations are throughout the process. Also included are initial sketches of early interface concepts to envision the process. Various applicable personas are also mapped to show differences in user-motivation. (Nov 2010)

User Personas / Profiles I created to visualise the various functional roles within a large Bank Enterprise, and how they would perceive their Enterprise Architecture from their different perspectives. These 'Profiles' are dissimilar to 'Personas' in that they are more functional than personal. Each profile's job needs and priorities are highlighted and visually mapped out. The most useful enterprise architecture diagrams for each profile are also compiled as a sampling. (Oct 2010)

Iterative wireframes I created for a State  Department of Primary Industries - Fisheries. The Home page allows commercial fishers to complete and track their catchment. The mental model of a physical 'log book' is gradually dispelled through use of the online virtual environment. The last two designs show variations of the catchment logging process. One screen is simpler to aid unfamiliar users, though requiring more steps. The second is more compact, but requires a slight learning curve for users who want to be more efficient. (Jun 2009)

Hi-fidelity wireframes I designed for the redevelopment of the City of Canada Bay Council public website. Key tasks across various public and municipal users were identified and reflect in the Home page design. As geography is such a strong mental framework for people living in a local area, a Map function was promoted to allow users to locate facilities and events. Design templates for forms and applications across the Council were also provided to ensure consistency and ease-of-use. (Jun 2011)

Hi-fidelity wireframes I created for an Investment Adviser portal. The Home page emphasises the key tasks and search functionality required for adviser users on a daily basis. The Transaction centre allows advisers to not only Buy and Sell investments, but also immediately reroutes funds freed up from one transaction directly into another; two birds with one stone. (Jul 2010)

Mash up diagram I created as an agile working document for an internal insurance redesign project. Shows entity objects mapped to their respective UI concept layouts, UI flow between screens for each user task, and which functions are available for various user-roles. (Aug 2010)