Figma

Responsive Design

 

I am missing Figma! 

Here are some of my User Interface design workings for a Figma project.

Starting with the UI journey - how does the user move through the app?

... stacks ...

UI Flow (in miro)

UI Flow

Dev preview mode in Figma

LTEM

 link

"The Learning Transfer Evaluation Model (LTEM) has eight tiers, one of which is based around focusing on the end result." - huthwaiteinternational.com

*providing meaningful data...

8 tiers...

"Dr. Will Thalheimer's 8-Tier Learning-Transfer Evaluation Model presents a holistic approach to evaluating the effectiveness of training programs and their impact on organizational success. By combining multiple tiers of evaluation, LTEM empowers organizations to assess learning outcomes, gauge the application of knowledge in the workplace, and measure the real-world impact on performance." - thinkdev.org

Walk through of Figma prototype

I've just found this clip that presents the Figma project I made a few years ago. 

 

Mid-fidelity prototype / dog walker app

Duration: 7:56 minutes. (could do with an edit!)(My plan to swap for a 30second excerpt)

The prototype addresses the following brief: 

Provide dog owners a platform to book a walker any time.

The flexibility of booking is a key element to the success...

The User Interface should provide clear navigation to:

Home (Landing page)

About us

Become a walker

Help

The interface should have a consistent look and feel.

 

Gilly Salmon’s Five Stage Model

http://www.gillysalmon.com/five-stage-model.html

Gilly Salmon’s Five Stage Model

This is like a User Experience user flow structure or model for online learning.

What I notice with this model is that the 'onboarding' component is included in the design of the model.

There are two books linked on the above website:
Five Stage Model Publications

More information about the Five-Stage Model in
E-tivities:The Key to Active Online Learning
and E-Moderating: The Key to Online Teaching and Learning

Today I crowbar myself back into learning, research and study.

👹

TELAS

Education design frameworks. 

Dropping here for reference. 

TELAS Framework

"The TELAS Framework is a validated standards framework that articulates evidence informed criteria to assess and evaluate the quality of online learning. The TELAS initiative has now launched a set of internationally benchmarked accreditation standards, criteria and performance measures in its TELAS Framework. This Framework is the basis for assessing, assuring, certifying and recognising the quality of online learning.

The TELAS Framework was guided by four developmental phases conducted between 2017 and 2021."  Source: https://www.telas.edu.au/about/

TELAS framework pdf

*illegible due to copyright

Did I review this in my course?

https://elearningindustry.com/technology-enhanced-learning-tel-framework-hierarchy-needs

Heirarchy of needs - pertaining to Maslov. Review my reading and notes...

Critical thinking

What is critical thinking?

From Monash University:

"clarify your thinking purpose and context
question your sources of information
identify arguments
analyse sources and arguments
evaluate the arguments of others and
create or synthesise your own arguments."

I think I have posted a link to this useful resource before. 

A staple in the tool box. Useful for everyone.

An illo I made in 2021. I used icons8 (called Mega Creator) to create this image - and also PhotoShop

Mindmap

crunching the ideas today

 Interesting to look around at other sources of edu information: A VCE VET Scored Assessment task type overview

Was looking at the Australian Curriculum

and Victorian Curriculum

5 minute procrastination

 

Seems there's time to explore several apps that are mildly related to what I am working on today. #Canva

Was actually looking into Microsoft Sway. It is largely taking all of the cool aspects of RISE 360 - - - and unhinging the design from an education context. Perhaps a rather slimmed version of what you'd wish for from Power Point. Limitations and choice points refined to give you a basic template  - you can't go wrong. 

 

Memory research: How and why we remember. Author, Charan Ranganath

Will write more about this later...

A podcast/interview that I think is worth a listen: link
Topic: How and why we remember.
The author, Charan Ranganath, has a new book, 'Why We Remember'
- this promotional Waterstones interview includes some really interesting conversation around learning. *If you don't use Spotify you'll be able to find it on any Waterstones related social media.

Educational Design

Sketching and thinking - making sense

Creating the conditions

 

Miro board

Links and tools

Drop of tools pertaining to LD

Investigating Vyond (animation tool for LD) - You can do a 2 week free trial.



Vyond looks like a useful LD tool. Maybe comparible to Powtoon?

For quality animation:
Adobe Character Animator has a great motion capture aspect - free trial
Moho Debut is a one off payment - $60
In combination with Garageband and/or Audacity you could create something great - probably even motion graphic intros for educator led clips.




Here are some useful links (lots pertaining to visual design).

When I was doing more User Interface design I would grab easy icons from here:icons8
SVGrepo
I believe Canva has dominated the market (free to a point) with a good array of icons now.

Free photo images for your course design: UnSplash (RISE 360 uses these images)
Shutterstock is not free but really worth it for quality images for a course build (if that is what you need)

LMS:
I use Moodle at work but used to use the LMS Canvas when I was teaching. I much prefer it. I subscribe to Instructure to tap into 'Canvas goss' when I can.

Other links:
ACMI has game lessons that may be a good resource for some.

Excerpt from Toots or Need a Miracle film clip - by me ^^)

First Principles of Instruction

Book First Principles of Instruction M. David Merrill. (2012).

M. David Merrill. (2012). First Principles of Instruction. John Wiley & Sons.

Thinking about principles.

Merril's First Principles of Instruction

Before he defines his first principles, Merrill clarifies his terms (based on Reigeluth (1999) defining basic and variable methods). 

Merrill quote:

"A principle (basic method) is a relationship that is always true under appropriate conditions regardless of program or practice (variable method). A practice is a specific instructional activity. A program is an approach consisting of a set of prescribed practices." (M. David Merrill, 2012)

Google 'research' ☺💪 states

Effective, efficient, and engaging instruction. What promotes effective, efficient, and engaging instruction? First Principles of Instruction: Activation, Demonstration, Application, Integration, and Problem-centered.

Link to book for further reading

https://www.google.com.au/books/edition/First_Principles_of_Instruction/6PQBV4LUMF0C?hl=en&gbpv=0

Experiential Learning

Experiential Learning - what is the Experiential Learning cycle? Kolb's theory and model and how has it been developed in a contemporary context?

Experiential Learning - brainstorming in MIRO

Would like to investigate this article more...

 

Some thoughts: Does a contemporary Experiential Learning approach aim to better prepare students for the world of work? - link