UX Design Workshop – Presentation Transcript

1. User Experience Design Workshop
2. What is UX?
   Workshop
   Techniques
   Fun
   Dialog
   UI Design
   Discussions
   UI Process
3. Do you really believe
   what your eyes see?
4. Do you really believe
   what your eyes see?
5. Charlie Chaplin – Illusion
6. Now that we know,
   what next?
7. Some Background
8. Usability Definition
   [Usability refers to] the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use." – ISO 9241-11
9. Who would be using this application?
   Where this user would be achieving this goal?
   What this user would like to achieve?
10. Persona
    UserWho would be using this application?
    Tasks profiling
    Can’t be “ALL USERS”
    Create Scenarios
11. More features less usability
    Understand primary tasks
    Focus on important things
    Goal What this user would like to achieve?
12. Personal Interview
    Email
    Surveys
    Context Where this user would be achieving this goal?
    Contextual Inquiry
    Focus Group
    Support Line
13. Enough theories, How
    do I design a web app?
14. This is where it all begins.
    What user want?
    Application Feature?
    BRS
15. This step transforms strategy into requirements.
    SRS
    Functional & UI requirement
16. This gives shape to the scope.
    Navigation
    Sitemap
17. It makes the site concrete.
    Wireframes
    Storyboards
    Prototype
    IA
18. Surface brings everything together visually.
    Graphics
    Icons
    Colors
19. Go low level and talk
    about design elements
20. Create accessible links
    Web users scan text
    User short & simple words
    Inverted pyramid writing
    Online vs. print content
21. Font
    Times New Roman is a common serif font
    Font
    Verdana is a common sans serif font
    Font
    Times New Roman is a proportional spaced font
    Font
    Courier is a monospace font
    Some gyan about fonts
22. Aoccdrnig to rseerach at Cmabrigde
    Uinervtisy, it deosn'tmttaer in waht
    oredr the ltteers in a wrod are, the
    olnyiprmoatnttihng is taht the frist
    and lsatltteer be at the rghitpclae.
    The rset can be a total mses and you
    can sitllraedit wouthitporbelm.
    Tihs is bcuseae the huamnmnid
    deos not raederveylteter by istlef,
    but the wrod as a wlohe.
    Amzanig huh?
    Avoid italics
    Capital = 14-20% less readable
    Sans serif are build for web
    10 points or larger is safe
    font gyan continues
23. C a yureat is?
    You a e not radigths.
    W at arourea in ?
24. Get user attention
25. Do not use pure red or blue
    Do not use more than 6 colors
    7% of population is color blind
    Blue is a safe color
    Use of colors
26. Try this color illusion
27. Familiarity reduces learning
    Meaning less icons
    Inconsistent icons
    Unlabeled icons
    Avoid Popular metaphors
    Use of icons
28. Button = Action
    Link = Navigation
    Consistency
    Affordance
    Usage of buttons
29. Number of items
    Usage pattern
    Space constrain
    Searching capability
    Auto complete
    Radio button, dropdown, or shuttle
30. Suggest solution
    Prevent error
    Keep it together
    Think about the message
    Never show system errors
    Error handling
31. User Experience Design
    User Experience Design
    User Interface Design
    Human Factors Engineering
    Information Architecture
    Usability
    Human Computer Interaction

Presentation Transcript

Elearning has not changed

• elearning or “electronic learning” is very broadly classified as a learning imparted using some electronic media .
• Basic delivery methodology has not changed.

1. Content has moved from WBT (CDs) to Web
2. More LMS functionalities developed
3. Some development in reporting and assessment has been made

3. Why eLearning is not so effective

• Human being learn when we want to learn for whatever motivation there is for learning. eLearning will fail when it is pushed
• Difficult to assess and report
• Emotionless
• Not action oriented
• Generally a lot of theory and boring

4. New eLearning

• Immersive learning: using technology that would use visual, tactile, auditory, olfactory, and gustatory stimuli
• On demand learning: learn when I want to learn and what I want to learn (bio- technology)
• Augmented reality learning: creating imparting content using augmented reality and game technology (more fun)

5. How to Measure

• Compare: teach the same content with both, old fashion e-learning and the new elearning techniques and assess the trained person
• Effectiveness can be compared by knowing how the person is performing in the field after imparting the content

This is a concept for a language learning game. Idea is to use voice and video for an immersible experience. Goal for the gamer is to teach meet and greet skills that are very basic for conversation in some other culture.

This is… amazing, just… wow! I am attending RPI this fall as a freshmen, and i plan on going into mechanical engineering and design. As soon as i saw this video i was literally agape and on the edge of my seat! I gave the link to all the other people going to RPI next year including Computer Science, Computer Engineering, and other Mech. Eng.
I have a Nintendo Wii, and an extra controller, so you can count on me bringing this set up to my Dorm room next year. With the interactive 2-point white-board alone i can think of either great fun or great ways to improve on how I do my work. Can this be set up to a CAD software or similar software for 3-D design?

Honestly Mr. Lee, I have so much respect for you right now. First for realizing this could be done, second for developing the software to make it happen, and last but far from least, for making the information widely distributed, the software free to everyone, and as you said, opening the field of research to such a broad range of people. You certainly deserve that standing ovation. Bravo!!!

Rice University professor Richard Baraniuk explains the vision behind Connexions, his open-source, online education system. It cuts out the textbook, allowing teachers to share and modify course materials freely, anywhere in the world.

I think that this is a great idea. I was always hoping that textbooks were going to be the next thing that would be shared since education is the most important aspect of a person’s life and should not have to be so costly. If everyone has an opportunity to learn and share their knowledge with others in an open source format that is only better for the world as a whole. Unfortunately, many universities still use textbooks and schools rather not use open source because they make a lot of money from selling textbooks to students. Thus, students have to look all over the web for cheap textbooks and places to sell their textbooks. I just want to mention a website called skoolboy.com that does both, you can list your textbooks for free and find cheap textbooks as well as other things that college students need like cellphones they might have lost, and laptops that were stolen or are broken. its a new site but i think its worth checking out.