Lessons Learned: FDA.gov Redesign May 8, 2008 Sanjay J. Koyani Director of Web Communications U.S. Food and Drug Administr...
Web Executive Seminars Putting Online Audiences First, Again and Again May 8, 2008 National Press Club Washington, DC Lear...
Lessons Learned: FDA.gov Redesign May 8, 2008 Sanjay J. Koyani Director of Web Communications U.S. Food and Drug Administr...
Get Buy-In: Top Down  <ul><li>June ’07 Commissioner Memo: “FDA Web Communications in the 21 st  Century” </li></ul><ul><li...
Get Buy-In: Bottom Up <ul><li>Commissioned Audit of FDA Web Staffs </li></ul><ul><li>Web staffs wanted: </li></ul><ul><ul>...
Get Buy-In: External Support
Educate on  FDA’s “Gold Standard” Approach to Web Design
Practice Research
 
 
Increase Web Site Credibility <ul><li>A physical address is provided on the homepage and all major points of entry </li></...
Increase Web Site Credibility <ul><li>Organization providing the information is highly visible </li></ul><ul><li>Site is a...
Placement of Instructional Text
Placement of Instructional Text <ul><li>Users’ focus is pulled almost immediately to the  User Name  field (they are motiv...
Guidelines for Instructional Text <ul><li>Divide dense instructions up for individual action objects </li></ul><ul><li>Put...
Allow Simple Searches  11 58 33
User-Centered Design Process
Redesign Activities <ul><li>Developed  Web Governance Team  tasked with guiding redesign effort </li></ul><ul><li>Develope...
Redesign Activities <ul><li>Assessed FDA.gov’s  top tasks, audiences, and needs  with the FIT </li></ul><ul><li>•  Conduct...
Redesign Activities <ul><li>Performed  card sorting  exercises with 130 users, including the public, health professionals,...
 
 
 
Redesign Activities •  Usability tested  the FDA.gov prototypes via multiple usability tests, both on site at FDA, and rem...
What We Measured in Usability Testing
Rapid Reporting via Automated Usability Testing Tool
Rapid Reporting via Automated Usability Testing Tool
 
 
Does Progressive Layering Improve Performance?
Fly-Out Example
Lessons Learned
What’s Next <ul><li>Build-out templates and IA for all FDA.gov pages </li></ul><ul><li>Usability test template designs wit...
Resources/Tools <ul><li>Usability.gov:   www.usability.gov </li></ul><ul><li>Research-Based Web Design & Usability Guideli...
Questions ? <ul><li>CONTACT INFORMATION </li></ul><ul><li>Sanjay Koyani, U.S. Food and Drug Administration </li></ul><ul><...
LEARN MORE: www.forumone.com/wes  Web Executive Seminars
Upcoming SlideShare
Loading in …5
×

Lessons Learned: The FDA.gov Redesign / Forum One Web Executive Seminar

4,106 views

Published on

Sanjay Koyani, Director, FDA Web Communications</itunes:author>
<itunes:subtitle>Lessons Learned: The FDA.gov Redesign</itunes:subtitle>
<itunes:summary>Sanjay Koyani, Director, FDA Web Communications, speaks at Forum One's Web Executive Seminar, "Putting Online Audiences First, Again and Again" on May 8, 2008. To learn more about this event, visit http://ow.ly/oY7y . Contact: Sophie Campagne / scampagne@ForumOne.com .

1 Comment
3 Likes
Statistics
Notes
  • Fioricet is often prescribed for tension headaches caused by contractions of the muscles in the neck and shoulder area. Buy now from http://www.fioricetsupply.com and make a deal for you.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
4,106
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
0
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide
  • Lessons Learned: The FDA.gov Redesign / Forum One Web Executive Seminar

    1. 1. Lessons Learned: FDA.gov Redesign May 8, 2008 Sanjay J. Koyani Director of Web Communications U.S. Food and Drug Administration
    2. 2. Web Executive Seminars Putting Online Audiences First, Again and Again May 8, 2008 National Press Club Washington, DC Learn more: www.forumone.com/wes
    3. 3. Lessons Learned: FDA.gov Redesign May 8, 2008 Sanjay J. Koyani Director of Web Communications U.S. Food and Drug Administration
    4. 4. Get Buy-In: Top Down <ul><li>June ’07 Commissioner Memo: “FDA Web Communications in the 21 st Century” </li></ul><ul><li>“ Our goal is to transform FDA.gov to a gold standard among federal sites. By creating a single online identity that more fully supports the agency mission, we will strengthen all FDA Center and Office sites. Together we will create an FDA Web presence that is: </li></ul><ul><ul><li>Person-centric; </li></ul></ul><ul><ul><li>Informative; </li></ul></ul><ul><ul><li>Empowering; and </li></ul></ul><ul><ul><li>Interactive.” </li></ul></ul>
    5. 5. Get Buy-In: Bottom Up <ul><li>Commissioned Audit of FDA Web Staffs </li></ul><ul><li>Web staffs wanted: </li></ul><ul><ul><li>Centralized Web governance </li></ul></ul><ul><ul><li>Policies, Standards, and coding guidance </li></ul></ul><ul><ul><li>More uniform publishing systems </li></ul></ul><ul><ul><li>Coordinated Web communications to reduce risk and embarrassment to agency </li></ul></ul>
    6. 6. Get Buy-In: External Support
    7. 7. Educate on FDA’s “Gold Standard” Approach to Web Design
    8. 8. Practice Research
    9. 11. Increase Web Site Credibility <ul><li>A physical address is provided on the homepage and all major points of entry </li></ul><ul><li>Frequently ask questions are provided AND are useful </li></ul>
    10. 12. Increase Web Site Credibility <ul><li>Organization providing the information is highly visible </li></ul><ul><li>Site is arranged in a logical way </li></ul><ul><li>Provides phone numbers </li></ul><ul><li>Dates are provided up-front and are kept current </li></ul>
    11. 13. Placement of Instructional Text
    12. 14. Placement of Instructional Text <ul><li>Users’ focus is pulled almost immediately to the User Name field (they are motivated to take an action) </li></ul><ul><li>Jumping immediately to that field causes the user to leapfrog over the instructional text </li></ul><ul><li>Once downstream of the instructional text </li></ul><ul><ul><li>Users’ are unlikely to go back and read it, even if unsure of what the requirements are </li></ul></ul><ul><ul><li>Users make a best guess and move on, attracted by the radio buttons </li></ul></ul>
    13. 15. Guidelines for Instructional Text <ul><li>Divide dense instructions up for individual action objects </li></ul><ul><li>Put the appropriate instructions in close proximity to their respective action objects </li></ul><ul><li>Place the instructional text next to the corresponding action object, preferably in the downstream direction , to the right or just below it </li></ul><ul><li>If the instructional text is too long and its recommended placement would disrupt the layout of the action objects, provide a link that dynamically displays a pop-up when clicked </li></ul>
    14. 16. Allow Simple Searches 11 58 33
    15. 17. User-Centered Design Process
    16. 18. Redesign Activities <ul><li>Developed Web Governance Team tasked with guiding redesign effort </li></ul><ul><li>Developed Strategic plan and timeline detailing our evolutionary approach to Web </li></ul><ul><li>Determined agency resources , need for contract specialists , etc. </li></ul>
    17. 19. Redesign Activities <ul><li>Assessed FDA.gov’s top tasks, audiences, and needs with the FIT </li></ul><ul><li>• Conducted competitive analysis of top health Web sites in industry and government </li></ul><ul><li>• Reviewed past usability test reports & evaluations conducted on FDA.gov </li></ul>
    18. 20. Redesign Activities <ul><li>Performed card sorting exercises with 130 users, including the public, health professionals, and industry </li></ul><ul><li>• Developed several FDA.gov homepage prototypes </li></ul>
    19. 24. Redesign Activities • Usability tested the FDA.gov prototypes via multiple usability tests, both on site at FDA, and remotely with 58 members of public, health professionals, and industry
    20. 25. What We Measured in Usability Testing
    21. 26. Rapid Reporting via Automated Usability Testing Tool
    22. 27. Rapid Reporting via Automated Usability Testing Tool
    23. 30. Does Progressive Layering Improve Performance?
    24. 31. Fly-Out Example
    25. 32. Lessons Learned
    26. 33. What’s Next <ul><li>Build-out templates and IA for all FDA.gov pages </li></ul><ul><li>Usability test template designs with users to ensure validity </li></ul><ul><li>Conduct content audit and expand Web writing skills </li></ul><ul><li>Migrate content and designs into an automated Web content management system </li></ul><ul><li>Continual site improvements planned around FDA top tasks </li></ul>
    27. 34. Resources/Tools <ul><li>Usability.gov: www.usability.gov </li></ul><ul><li>Research-Based Web Design & Usability Guidelines: http://www.usability.gov/pdfs/guidelines.html </li></ul><ul><li>Webcontent.gov: www.webcontent.gov </li></ul><ul><li>Automated Usability Testing Tool: http://www.mindd.com/Content.aspx?pid=UTEStandard </li></ul><ul><li>NIST Common Industry Format: http://zing.ncsl.nist.gov/iusr/documents/cifv1.1b.htm#_Toc467573702 </li></ul>
    28. 35. Questions ? <ul><li>CONTACT INFORMATION </li></ul><ul><li>Sanjay Koyani, U.S. Food and Drug Administration </li></ul><ul><li>Email: Sanjay.koyani@fda.hhs.gov </li></ul><ul><li>Phone: 301.827.7131 </li></ul>
    29. 36. LEARN MORE: www.forumone.com/wes Web Executive Seminars

    ×