Collaborative learning concept
(Note: This concept was created and posted in my blog in, in early 2016 — before MS Teams existed 🙂
This is the instructor’s view in a collaborative learning system. The large middle area in the center can be a video chat and presentation area.
Review topics – The order of the review topics is based on how students did on that specific topic on a quiz. The first topic, at the top of the list is the topic that was answered incorrectly on the quiz.
Hands raised – The area on the right shows how many students are raising their hand to ask about a particular topic.
TA queue – Teaching Assistants take on student questions about older topics, topics that most students answered correctly and questions that are not directly related to the topics in the discussion.
Quick poll – The area above the presentation area shows a the results from a quick question the instruction posed to the class. This replaces the common “Please raise your hand if you…” questions that instructors often ask.
Quiz results – A quick overview of the last two quizzes in the class. The instructor can view these quiz results under the presentation area. S/he can then choose to review the topics students missed.
Online learning product
Case study of user experience design for e-Learning (2008-2011)
A Fortune 500 textbook publisher needed to re-design a homework management system along with enterprise-level management features. Contributed to a total of 100+ projects (feature improvements, new features, new applications). The following shows some highlights.
I worked with an internal team of developers and my UX staff to design, integrate and develop several features.
School IT Administrators, School dept. Administrators, Full-time faculty, Teaching adjuncts, graduate teaching assistants and students using different types of education approaches: blended learning, online-only.
I worked with a team of developers, content director, managers and staff from across the organization. My 2-person UX team assisted with many tasks including visual design, requirements elicitation, spec writing, prototying, internal training, documentation, and other tasks.
My contributions included:
- Strategic and user research
- Product level strategy
- Planning and management
- Feature level strategy
- Interaction level strategy
- Documentation support
- Development support
- Quality testing support
- Beta product release planning and support
These visual design mockups were quick placeholders. Not final designs.
Hospital website and applications (2006-2008)
In this project I worked an as the sole information architect within a marketing agency. The client organization is a teaching medical center with 4 hospitals. Their HTML website had grown organically, had lost structure and had ceased to be an useful resource for staff and the community.
The websites needed coherent branding to unify them. I defined a taxonomy to organize and standardize the content of all 4 hospitals and their 500+ services. I defined templates for the hospital homepages and the key pages for each hospital. I mapped the content (URLS) from the old site into a content management system (CMS). After we migrated the content, we gathered new analytics, which in some cases were up 400%. Finally, we added a series of new applications and new features that were key to the new strategy.
- user research (physicians, nurses, clinical assistants, hospital staff)
- hospital homepages (wireframes)
- internal content (wireframes)
- “Health Library” portal (wireframes)
- “Physician directory” feature (wireframes)
- “Find a Doctor” feature (wireframes)
- “Physician referrals” feature (wireframes)
- content mapping from static HTML website to CMS
- content strategy and content organization (taxonomy)
- content optimization in CMS (Interwoven Teamsite)
- internal search functionality (heuristic evaluation and recommendations)
- additional marketing features and applications (lead generation pages, newsletter PPC pages, etc)
The visual design of these mockups was done by another team member. In this company, we were not allowed to provide feedback on these designs. I have a problem with the navigation on the blue mockup. My wireframe has more space between the top navigation and the blue area.
Medical Device Management System (2004)
Please note: The visual design component style was already defined by the time I joined the team.
The style is focused on maximizing usability and preventing errors within a life-critical, high-risk design context.