"Digital utopia vs Digital Cynicism", Barcelona, April 8th 2013
User Experience Portfolio
1. John Ngo
User Experience Portfolio
With a growing portfolio of
experience in user centred
design, ability to communicate
with team members on technical
or non-technical terms, and
strong technical ability in
both front-end and back-end
development; I am well placed
to contribute value and thrive
in a multi-disciplinary team
environment. Disciplines
Fluent in the language of the web, User Experience Technical
whether in the form of documenting • User Research • Systems Administration
research findings for team members, • Content Strategy • Ruby on Rails Development
polished deliverables presented to • Information Architecture • jQuery Development
stakeholders, or interactive prototypes • Interface Design • CSS & HTML Development
suitable for ad hoc usability testing and • Prototyping
delivery to development teams; I am • Usability Testing Design
confident with communicating ideas in a • Web Design
number of mediums. Engagement • Print Design
• Project Management
• Speaking
• Teaching
2. Burnet Institute
Patron-in-Chief The Honourable Alex Chernov AO QC, Governor of Victoria News & Events Support Our Work
We aim to achieve better health for poor and vulnerable communities in
Australia and internationally through research, education and public health
Wireframes Home About Health Themes
Alcohol, Drugs and Harm Reduction
Centres Where We Work
Immunity, Vaccines and Immunisation
Education & Training
Infectious Diseases
Facilities Translational Research
Maternal and Child Health
Sexual and Reproductive Health Young People's Health
Health Themes
Having concluded the user Store Page 3.0 Health Themes 3.0 Health Themes
research and designed an initial
3.0 Health Themes 3.0 Health Themes
Website Search
Logo Logo Department links with short
Logo Department links with short
description for each research centre. description for each centre.
information architecture for a
Home About Health Themes Research Centres Where We Work Education & Training Commercialisation How to Help News & Events
Home About Health Themes Research Centres Where We Work Education & Training Facilities Commercialisation How to Help Home Research Centres
1 About Health Themes Centres Where We Work Education & Training Facilities Research Translation & Commercialisation How to Help 1 Centres
Direct visitors looking for information Direct visitors looking for information
Health Themes about research centres to the 4.0 about centres to the 4.0 Centres page.
Health Themes Infectious Diseases Maternal & Child Health Young People’s Health Health Themespage. Infectious Diseases Alcohol, Other Drugs & Harm Reduction Immunity, Vaccines & Immunisation
Research Centres
Sexual & Reproductive Health Maternal & Child Health Young People’s Health
website project, it was time to
2 Where We Work Where We Work
Linking our expertise across six major health themes to
2
Working towards better health in Australia and internationally through research, Research Centres 1
Direct visitors interested in Direct visitors interested in
Banner education and public health across three major health themes of work. Visit our research centres page for Working towards better health in Australia and internationally through research, education and public health
geographical scope of work to the 5.0 geographical scope of work to the 5.0
across three major health themes of work.
achieve better health in Australia and internationally
more information about our unique
Infectious Diseases Where We Work page. Where We Work page.
approach to medical research in the
Errovides explit enitis doluptatis ne endis ducid eum ex eaquod qui offici conesti ncturibus maionsero
consolidate an understanding
through research, education and public health
Image laboratory and public health in the
dus andisitianis dignam explaccume voluptatibus aspero quis nienienim rem. Umquis doluptas nis
field.
Technical Health Themes Population Health Themes
Our aim is to achieve better health for poor and vulnerable communities in Health Themes eosa sequi rerferro te suntis erchil eosandi.
Australia and internationally through research, education and public health. Where We Work 2 Rum dita et eos que nonsequis int facest aut estions equidel esseque vit, Edigenitatur aut re laborepel inctatem et ab ipsaperibus, vides ni iliquis si de
Aboriginal & Torres Strait Islander Maternal & Child Health
For a more geographical perspective of cuptas apererum santiis sa volut quis apid quia apicatibea volecat urehenis aut non re, sit harum unt, omnis delis maximusciis adi consequ idebis nis mo tecus
We are a unique not-for-profit independent organisation that combines medical research in the laboratory and at a Health Sunt ideliquiam, odi oditiaes exces eium a vellatem simi, con consequatem. Am utemo volenis
pelicimus, odi volor maio. utat abo.
of the needs of the audience
Image our work locally and abroad, visit our
population level with public health action and advocacy to address major health issues of disadvantaged populations in Adolescent Health
velenestem ea doluptatis erundignis ad utatuscimus. Genda sa doluptaectet aut labo.
where we work page.
Australia and communities in the developing world. Alcohol & Drug Use Infectious Diseases Sexual & Reproductive Health
Cancer Errovides explit enitis doluptatis ne endis ducid eum Aborerum dolorepre, voluptiberum rererum doluptur siminis
Aboriginal & Torres Strait Udaecta nonsed molupta turecea quibus sum comnis aut ex et voluptas millissi Image Image
Young People’s Health
Technical Health Themes Population Health Themes
Chlamydia ex eaquod qui offici conesti ncturibus maionsero dus sitias qui velluptatur, veliqui iumquis et volo dem eatque
Islander Health dolut venti idi qui delescipsum apiciet qui ullanient est omnis doluptatemo.
Commercialisation Ximagnihicae is et lam, sum faccusant fuga. Olorerspiet, quas esequid que verum quatem fugiaese
andisitianis dignam explaccume voluptatibus aspero quis et volectu riatum aut et aliquat eat ut ommollab ipid ex
visually.
Image
Adolescent Health Ibus, sequo quasper ovideni mpores parciam id quam quae officatiis anditatum Health Care paruptatia dipsam qui ium quae pos mos et la dolupid min corporum eum conse nonempos qui officia
nienienim rem. eturese rumquos rest expel in et faccab illiquossit.
reped exceror ectaspi dusdae dessum lit eium veliquam etur aut magnatur. Hepatitis metur, es comniscium.
HIV/AIDS Alcohol, Other Drugs & Harm Reduction Young People’s Health
Alcohol & Drug Use Nem exces doluptusdae peribusam velis rem aut doluption eiumquam illenis es
Indigenous Health Sunt ideliquiam, odi oditiaes exces eium a vellatem Ximagnihicae is et lam, sum faccusant fuga. Olorerspiet,
molorionecum unt officias sequisq uasimus et et quam, sitam il ipsaeptate. Image Image
Influenza simi, con consequatem. Am utemo volenis velenestem quas esequid que verum quatem fugiaese paruptatia
Home › Health Themes
Cancer Endipide voluptatur atus maio incit erum exeris nonsendae plist voluptu Justice Health ea doluptatis erundignis ad utatuscimus. Genda sa dipsam qui ium quae pos mos et la dolupid min corporum
riatemquid molupta numendae pernam idici blam. Lupus Infectious Diseases Maternal & Child Health Young People’s Health doluptaectet aut labo. eum conse nonempos qui officia metur, es comniscium.
Chlamydia Ad que labor mosam lam exped quo odigeni volupta samuste mpellatur as a
Malaria Cancer Aboriginal & Torres Strait Islander Alcohol & Drug Use
Immunity, Vaccines & Immunisation Maternal & Child Health Alcohol, Drugs and Harm Reduction Maternal and Child Health
Maternal & Newborn Health Chlamydia Health Aboriginal & Torres Strait Islander
nossitempos a que lacepudi ut quam se sequo et laut renducit.
Multiple Sclerosis Hepatitis Indigenous Health Health Image
Ximagnihicae is et lam, sum faccusant fuga. Olorerspiet,
Image
Sunt ideliquiam, odi oditiaes exces eium a vellatem
The focus on risky behaviours associated with drug and alcohol Working with communities we are improving access to health care
quas esequid que verum quatem fugiaese paruptatia simi, con consequatem. Am utemo volenis velenestem
Commercialisation Nem verias acimus vent quatur, ipsuntiis explibus nobit vitis con cuptur as dolor Rheumatoid Arthritis HIV/AIDS Sexual & Reproductive Health Indigenous Health
dipsam qui ium quae pos mos et la dolupid min corporum ea doluptatis erundignis ad utatuscimus. Genda sa
misuse aims at developing community-level education and services such as family planning, post-natal and newborn care,
a velendu citates et quam, sit, comni ditati sent, sitem remquatem. Sexual & Reproductive Health Influenza Justice Health
Tuberculosis
eum conse nonempos qui officia metur, es comniscium. doluptaectet aut labo. preventative public health programs. vaccinations, management of childhood illnesses and nutrition.
Health Care De et quam ipsa conetum experibus deliqui audaeca turitaqui nonseni mintia Lupus Sexual & Reproductive Health
Disciplines
Women’s & Children’s Health
adi rehenti bearchilitin nimpos exerion sendae si vent ut omnis et andae. Malaria
Multiple Sclerosis
Hepatitis Pero dem volorias remporero int, sum sam, que parumquidis autatur emporatem
Rheumatoid Arthritis Home › Health Themes
quam cusanditate reiunt eraturibus molluptatum dolecti beatur.
Tuberculosis
Technical Health Themes Population Health Themes
HIV/AIDS Ibus, sequo quasper ovideni mpores parciam id quam quae officatiis anditatum
Infectious Diseases Sexual & Reproductive Health
reped exceror ectaspi dusdae dessum lit eium veliquam etur aut magnatur.
Site Map Careers & Employment Contacts News & Events Privacy Statement Disclaimer Alcohol, Other Drugs & Maternal & Child Health
Indigenous Health Nem verias acimus vent quatur, ipsuntiis explibus nobit vitis con cuptur as dolor Harm Reduction Young People’s Health
Immunity, Vaccines and Immunisation Sexual and Reproductive Health
a velendu citates et quam, sit, comni ditati sent, sitem remquatem endebis. Immunity, Vaccines & Immunisation
Influenza Nem exces doluptusdae peribusam velis rem aut doluption eiumquam illenis es
molorionecum.
Developing vaccines for preventing major infectious diseases An important global issue, sexually transmitted infections (STIs),
User Experience
Site Map Careers & Employment Contacts News & Events Privacy Statement Disclaimer
such as HIV, influenza and malaria requires an understanding of including HIV, impacts on the health of all communities and is
Justice Health Endipide voluptatur atus maio incit erum exeris nonsendae plist voluptu
riatemquid molupta numendae pernam idici blam. the way the immune system functions in health and disease. often related to alcohol and drug misuse behaviours.
Lupus Pero dem volorias remporero int, sum sam, que parumquidis autatur emporatem
• Interface Design
quam cusanditate reiunt eraturibus molluptatum dolecti beatur.
Malaria De et quam ipsa conetum experibus deliqui audaeca turitaqui nonseni mintia
adi rehenti bearchilitin nimpos exerion sendae si vent ut omnis et andae.
Lessons
Maternal & Newborn Health Udaecta nonsed molupta turecea quibus sum comnis aut ex et voluptas millissi
dolut venti idi qui delescipsum apiciet qui ullanient est omnis.
Home › Health Themes
Infectious Diseases Young People's Health
We have expertise in specific infectious diseases of global health Our research focuses on the health issues arising from risky
Design
Site Map Careers & Employment Contacts Privacy Statement Disclaimer
significance – HIV, hepatitis viruses, influenza, malaria and behaviours by young people such as alcohol and drug use, as well
emerging infectious diseases. as STIs and mental disorders.
Website Wireframes 9
• Print Design Wireframes depicting the evolution of the ‘health • Individual page wireframes are great for
Website Wireframes 10
Website Wireframes 11
Home > Health Themes
themes’ page that would determine the look and feel providing a feel for how content will be Technical Health Themes
> Alcohol, Drugs and Harm
Population Health Themes
> Maternal and Child Health
Execution
Reduction > Sexual and Reproductive Health
created by the visual designer. presented. > Immunity, Vaccines and
Immunisation
> Infectious Diseases
> Young People's Health
• Using real content allows a diverse
• An initial static wireframe document was Challenges range of scenarios to be identified and Facebook
/burnetinstitute
Twitter
@burnetinstitute
Subscribe
News and Events via Email
Donate
Support Our Important Work
created for the most important pages, accommodated for. Site Map Careers and Employment Contacts News & Events Support Our Work Disclaimer Privacy Policy
evolved as feedback was received, and • Determining which audiences should • A separate set of wireframes for reusable
This website was developed with the generous support of a donor.
additional wireframes added where be considered for each section of the interface elements well ensure a modular
required. website and that their needs were framework is incorporated into the visual Impact
• Identified repetitive interface elements in addressed. design.
order to create a library of design patterns • Ensuring that stakeholders and • The lack of interactivity prevented • The use of wireframe documents allowed
that would provide a modular framework team members were fully aware that stakeholders from truly engaging with project discussions to be focused on the
for maintaining and growing the website wireframes did not represent the look and wireframe documents. It is likely that user experience and content without the
in the future. feel of the final website. future wireframes will be created in HTML distractions of aesthetics.
to encourage this and maximise code • Wireframes also served well as low
reuse during implementation. fidelity prototypes, allowing task flows to
be visualised.
3. Website Content
Web Application Burnet Institute Connect Filenator Paginator People Search Trackinator Webmail Website Content
Website Content
As the technical lead on the Impact
redesign of a content driven
website, the lack of attention • Crowdsourcing the content in this way
to content strategy would proved to be highly successful as the
significantly delay the launch if Staff Members (150) Working Groups (37) Projects (21) Publications (290) website content was ready before
not addressed immediately. the development of the website had
concluded.
Disciplines • Feedback on content areas that were
missing or needed to be revised was
User Experience News Articles (47) Events (5) Employment (1) Training Courses (11) easily obtained, missing content was
• User Research quickly identified, and revisions could be
• Interface Design made immediately.
• Prototyping • Focused entirely on allowing individuals
• Content Strategy to add content for areas that they’re
Early dashboard presenting available content.
Facilities (3) Addresses (12) Countries (11) Centres (17) aware of.
Technical • Greater participation across the
• Systems Administration Challenges • Content that was scarce meant that organisation in adding and maintaining
• Ruby on Rails Development additional attention had to be paid to the content.
• jQuery Development • Needed a means to facilitate the form’s usability. • Content management system will
• CSS & HTML Development organisation and addition of content. • Content strategy should be initiated as eventually be evolved to become the
Content Pages (38) Health Themes (6) Health Issues (12)
• Availability of content management early in the project as possible. central data store and authoritative
Execution system prior to website launch had to be • The ability to create links between source for content across the
maximised.
Home content allowed relationships to be organisation.
• Recognising the consequences from Staff Members News Articles visualised in meaningfulPages
Facilities Content ways, further
past experience, a content inventory was Lessons
Working Groups
Projects
Events
Employment
Addresses Health Themes
encouraging the addition of content.
Countries Health Issues
Publications Training Courses Centres
generated using current versions of the
Built with love by John Ngo. Please get in touch for more information or further assistance.
site map. • Reviewing content that was added
• A few days was invested into building through the content management system
a database driven prototype for the also uncovered rich insights.
content management system that would • Content that was incorrect meant that
provide an interface for all staff across the rewording of form labels or additional
organisation to easily add content. microcopy was required. Example microcopy and tool tip providing additional support and reducing friction to staff member form.