Category: Instructional Design

  • From Learning Design to Prompt Design: Principles That Transfer

    From Learning Design to Prompt Design: Principles That Transfer

    As a learning designer, I’ve worked with principles that help people absorb knowledge more effectively. In the past few years, as I’ve experimented with GenAI prompting in many ways, I’ve noticed that many of those same principles transfer surprisingly well.

    I mapped a few side by side, and the parallels are striking. For example, just as we scaffold learning for students, we can scaffold prompts for AI.

    Here’s a snapshot of the framework:

    The parallels are striking:

    • Clear objectives → Define prompt intent
    • Scaffolding → Break tasks into steps
    • Reduce cognitive load → Keep prompts simple
    • And more…

    Instructional design and prompt design share more than I expected.
    Which of these parallels resonates most with your work?

  • “Client Changes” and “Billable Hours”

    I was searching for a keyboard shortcut key and found this interesting discussion about how the op’s client kept asking him to change the fonts, color and size of his design – I believe everyone designer who works with customers has dealt with this type of clients before, and sometime it could be pretty painful.

    So here is one response I think is very smart and I am pasting it here, just in case one day I am going to use it: “Mark -I know all those changes are a PITA, but I do hope you make it clear to the client that changes which aren’t your mistake are billable “client changes”.

    Instructional design, like all other design work, sometimes is a customer service, and you really do want to make your customers happy. But sometimes we do have to set up the fine line, between “good customer service” and “unlimited service in the cost of harming ourselves”.

  • A very good kinetic typography after effects tutorial

    A very good kinetic typography after effects tutorial

    I believe many instructional designers have come across the same dilemma: sometimes it is just hard to find right images and video for the instructional materials. The content expert sent you a big word document with all the contents that s/he wants to put into the course. However the content is so abstract and it is hard to find good images to come with the content. Not to mention if you don’t have the budget to pay $2000 per year for a stock photo account.

    So I found Kinetic Typography can help. I started exploring ways to make Kinetic Typography videos two days ago. After downloading a couple of kinetic Typography templates and trying them out, I figured the best way to make a kinetic typography video is to start from the scratch. Because the animation of texts have to be so closely paired with their meaning, and the specific tune of your video, it is actually not worth the time to try to modify an existing kinetic typography template. Instead, it is probably more time efficient to start from scratch.

    So I found this very good and detailed video tutorial:

     typographyTutorial

  • Alison Nederveld interactive resume – awesome!

    Alison Nederveld interactive resume – awesome!

    allisonResume

    https://dl.dropboxusercontent.com/u/8494879/NedResume/story.html

     

    Template available here: https://community.articulate.com/download/clean-resume-template

  • Another cool interactive resume website

    Another cool interactive resume website

    Just saw this today at one of discussion threads on articulate elearning heroes

    http://www.rleonardi.com/interactive-resume/ A lot of good ideas to borrow from .

    rleonardiResume

  • Using Articulate Storyline to Build a Portfolio Site

    Using Articulate Storyline to Build a Portfolio Site

    TondaReedMost instructional designers use CMS platform such as WordPress, wix, and weebly to create their web portfolio.

    However this is a whole new idea of creating the entire website using articulate storyline: http://tondareed.com/

     

  • Make Your OWN Word Cloud Image

    Make Your OWN Word Cloud Image

    When making presentations or developing websites, I feel it is very time consuming to find images under Creative Commons Licensed or from Public Domain. After spending hours of searching on Google with “Labeled for reuse”, pixabay and openclipart, I think I may contribute a little on creating your own Word Cloud Images.

    The most frequently used website is wordle.net. I used it to create the School Data Analysis image below for one of my presentations. It is now shared to the public gallery so everyone can use it:

     School Data Analysis
    School Data Analysis

    Wordle is easy and it is the very first app of its kind. However, when I tried to create a “Thank You” word cloud in different languages, the problems came:

    Problem 1: Wordle doesn’t work well across different language. I used this page as the resources and typed in 25 types of “thank you” in different languages.

    Unfortunately, Wordle wasn’t able to recognize all of them. Many of them showed up as blank squared blocks. I tried to set the font as “Chrysanthi Unicode” as instructed in this article, it didn’t work.  Tried all other fonts, none of them worked for all languages.

    Problem 2:

    I wanted more than just a random piled words/phases in a meaningless shape. I wanted something more meaningful, something like this, but with the words of “Thank You” instead:

    Picture retrieved at http://funzim.com/10-cool-facts-love/
    Picture retrieved at http://funzim.com/10-cool-facts-love/

    Wordle doesn’t do this, at least for now.

    So I googled and found this site:

    http://www.tagxedo.com/app.html

    I would say I am very satisfied with the outcome:

    1. It was able to recognize all types of languages

    2. It gives plenty of cool shapes to frame your words in.

    So the final products I had are these:

    Creative Commons Attribution-Noncommercial-ShareAlike License @ Tagxedo
    Creative Commons Attribution-Noncommercial-ShareAlike License @ Tagxedo

    Creative Commons Attribution-Noncommercial-ShareAlike License
    Creative Commons Attribution-Noncommercial-ShareAlike License

    Creative Commons Attribution-Noncommercial-ShareAlike License
    Creative Commons Attribution-Noncommercial-ShareAlike License

    Creative Commons Attribution-Noncommercial-ShareAlike License
    Creative Commons Attribution-Noncommercial-ShareAlike License

    Creative Commons Attribution-Noncommercial-ShareAlike License
    Creative Commons Attribution-Noncommercial-ShareAlike License

     

     

     

     

    There are more variations in Tagxedo. Try it yourself and you can create so many interesting word clouds with CC license for your own non-commercial presentation use.

  • Using Font Awesome in Drupal Pages

    Using Font Awesome in Drupal Pages

    Font awesome allows you to add html based icons to your website. The icons are vector so you don’t have to worry about it changes shape, gets blurry, etc. I am using it in the SLIDER curriculum website and it works great. I only had to install the font awesome module to the drupal site in order to use it!

    FontAwesome

     

  • united states state name abbreviations only

    I am making this SLIDER curriculum website for the NSF funded SLIDER project. For the Screen Shot 2014-04-04 at 1.55.07 PMregistration form, one item is to choose state from a dropdown list. Obviously, I need to add all the 50 state abbreviations manually. I didn’t want to type in all 50 abbreviations one by one, so I tried to google to see if there is any ready to use list so that I can just copy and paste. Unfortunately, most google results show a table including both the state full names and then the abbreviations — this makes solely copying the abbreviations difficult. After flipping several pages of google results, I finally I found one. In order for more people like me to find it, here it is – they are in plain text so to be easily copy and paste.

    AL
    AK
    AZ
    AR
    CA
    CO
    CT
    DE
    FL
    GA
    HI
    ID
    IL
    IN
    IA
    KS
    KY
    LA
    ME
    MD
    MA
    MI
    MN
    MS
    MO
    MT
    NE
    NV
    NH
    NJ
    NM
    NY
    NC
    ND
    OH
    OK
    OR
    PA
    RI
    SC
    SD
    TN
    TX
    UT
    VT
    VA
    WA
    WV
    WI
    WY