![Presenter Information Thank you for attending! Erica L. Grong University of New Mexico Team Lead LoboWeb / LoboPhone Support [email_address] (505) 277-3196 desk (505) 934-5494 cell (505) 277-8101 fax](https://image.slidesharecdn.com/egrongSETAWest2006EasyCustomizations-12309661283-phpapp03/85/Easy-SunGard-Banner-Self-Service-Customizations-to-Enhance-the-User-Experience-54-320.jpg)
Easy SunGard Banner Self-Service Customizations to Enhance the User Experience
- 1. SETA West 2006 Conference Easy Self-Service Customizations to Enhance the User Experience Erica L. Grong University of New Mexico Team Lead LoboWeb/LoboPhone Support
- 2. Topics of Discussion How to Improve Usability of Banner Self-Service Branding Look & Feel Navigation Info & Help Text
- 3. Topics of Discussion Branding
- 4. Usability – Branding Remove Vendor Branding Banner Self-Service Banner Voice Response Reasons to Remove Vendor Branding: No one knows what “Banner” is No one knows that “Self-Service” is a web application No one knows what “Voice Response” means Universities are discouraged to market products they are using
- 5. Usability – Branding Create your own “branding” Instead of Banner Self-Service… We call it … LoboWeb! Instead of Banner Voice Response… We call it … LoboPhone! Lobo = our athletic team We already had other things called “Lobo” LoboCare, LoboCard, LoboMart, LoboCash
- 6. Usability – Branding (cont’d) Create your graphic Transfer your new graphic files to the Application Server Add them to WebTailor as a New Graphic Element
- 7. Usability – Branding (cont’d) Customize menu items or other elements with your new graphic
- 8. Usability – Branding (cont’d) Our new page after customizing:
- 9. Usability – Branding (cont’d) You can use your new graphic and branding, everywhere… Other web sites Printed publications
- 10. Usability – Branding (cont’d) Student Life LoboWeb Channel
- 11. Usability – Branding (cont’d) Faculty Life LoboWeb Channel
- 12. Usability – Branding (cont’d) Employee Life LoboWeb Channel
- 13. Topics of Discussion Look & Feel
- 14. Usability – Look & Feel Customize your Stylesheets web_defaulthome.css – Home page web_defaultmenu.css – Menu pages web_defaultapp.css – Application pages web_defaultprint.css – Print Stylesheet web_defaulthelp.css – Help pop-ups
- 15. Usability – Look & Feel Customize your Stylesheets To reflect your institution’s colors /* Change colors to match UNM branding */ #CED5EA --> #DCCCAE // Light blue --> Teal #1E2B83 --> #003659 // Navy blue --> Teal Dark #E3E5EE --> #DCCCAE // Light gray --> Tan #800080 --> #C00000 // Purple --> Red
- 16. What You Need (cont’d) UNM Custom Stylesheets Available for download! http:// www.setasource.org Click on Conferences, select Presentation Search Search Criteria: Conference = “SETA West 2006” Keyword = “Easy Banner” “ unm_css_mods.doc”
- 17. Usability–Look & Feel (cont’d) Transfer new stylesheet to the application server Update “CSS URL” /unm/css/unm_web_defaultapp.css
- 18. Examples–Look & Feel (old) Old Home Page:
- 19. Examples–Look & Feel (new) New Home Page:
- 20. Examples–Look & Feel (new) Change the print stylesheet to eliminate unnecessary elements from printed pages:
- 21. Usability – Look & Feel DIV.poweredbydiv { /* Hides “powered by SCT” from footer of printed page */ display: none } FORM.fastinfo { /* Hides “UNM FastInfo” from footer of printed page */ display: none } .releasetext { /* Hides “Release N.N” from footer of printed page */ display: none }
- 22. Usability–Look & Feel (cont’d) Transfer new stylesheet to the application server Update “PRINTCSSURL” /unm/css/unm_web_defaultprint.css
- 23. Examples – Look & Feel (old) Use styles to further customize elements directly in WebTailor
- 24. Examples – Look & Feel (old) Indent descriptions underneath menu items Saves real estate Easier on the eye Old Menu:
- 25. Examples – Look & Feel (old)
- 26. Examples–Look & Feel (new) New Menu:
- 27. Usability – Look & Feel /* UNM Mod – new style for menu item separators */ .unmseparator { color:white; background-color:#C00000; font-weight:bold; width:300px; text-align:center; display:block; cursor:text; }
- 28. Examples–Look & Feel (new) Separators Darker text Indented text
- 29. Topics of Discussion Navigation
- 30. Usability – Navigation Improve Navigation Combine Menus Re-name Menu Items Re-order Menu Items Revamp bottom Menu Items Rename Back Link Menu links
- 31. Examples – Navigation (old)
- 32. Examples – Navigation (new) Registration Student Records
- 33. Examples – Navigation (new)
- 34. Usability–Navigation (cont’d) Re-name Menu Items Use action verbs instead of lengthy descriptions “Registration Fee Assessment” …becomes… “View Tuition & Fees Owed”
- 35. Usability–Navigation (cont’d) Re-name Menu Items Eliminate unnecessary words “Student Detail Schedule by Day & Time” “Student Detail Schedule” …becomes… “View Weekly Schedule” “View Detail Schedule”
- 36. Usability–Navigation (cont’d) Re-order Menu Items By function
- 37. Usability–Navigation (cont’d) Re-order Menu Items By popularity
- 38. Usability–Navigation (cont’d) Revamp bottom Menu Items To avoid confusing back-and-forth navigation For more intuitive navigation flow
- 40. Usability–Navigation (cont’d) Rename Back Link Menu links So they don’t have to use back button Old: New:
- 41. Usability–Navigation (cont’d) Update “Back Link Text”
- 42. Usability–Navigation (cont’d) Combine Menus Re-name Menu Items Use action verbs instead of lengthy descriptions Eliminate unnecessary words Re-order Menu Items By function By popularity (or to hide) Revamp bottom Menu Items To avoid confusing back-and-forth navigation For more intuitive navigation flow Rename Back Link Menu links So they don’t have to use back button
- 43. Usability – Info & Help Text Simplify Info Text Use action verbs Use bold text Use as few words as possible Use bulleted lists
- 44. Usability – Global Help Customize your Global Help File twbhhelp.html
- 45. Examples–Global Help File (new)
- 46. Global Help File (cont’d) Transfer your new global help file to the application server Update “HELP URL” /unm/wtlhelp/unm_twbhhelp.html
- 47. Usability - Summary Remove Branding Improve Look & Feel Create your own graphics Customize stylesheets Improve Navigation Combine Menus Re-name Menu Items Re-order Menu Items Revamp bottom Menu Items Rename Back Link Menu links Simplify Info Text Customize Global Help
- 48. The Not-so-Easy Customizations! View Printable Schedule Enter Final Grades / Last Date of Attendance
- 49. The Not-so-Easy Customizations! View Detail Schedule (old)
- 50. The Not-so-Easy Customizations! View Printable Schedule (new)
- 51. The Not-so-Easy Customizations! Enter Final Grades (old)
- 52. The Not-so-Easy Customizations! Enter Final Grades (new)
- 54. Presenter Information Thank you for attending! Erica L. Grong University of New Mexico Team Lead LoboWeb / LoboPhone Support [email_address] (505) 277-3196 desk (505) 934-5494 cell (505) 277-8101 fax