Presentation from an invited speaker in a Webinar arranged by Institution of Informatization of Education - Moscow State Humanitarian University: Theme: "Features of the interaction of the teacher and student in distance learning" (PRESENTATION FILE) Topic: "Distance Learning Experience: UI Design that works in Thailand and ASEAN Economics Community (AEC)" By: Asst. Prof. Dr. Jintavee Khlaisang More info: http://ininfo.mggu-sh.ru/news/221-features-of-the-interaction-of-the-teacher-and-student-in-distance-learning-2013

1. Distance Learning Experience: UI Design that works
in Thailand and ASEAN Economics Community (AEC)
Opportunity and New Challenge
Jintavee Khlaisang, Ed.D.
Assistant Professor, Department of Educational Technology and
Communications, Chulalongkorn University, Bangkok, Thailand
Thailand Cyber University Project, Bangkok, Thailand
jintavee.m@chula.ac.th

2. ASEAN
• Association of Southeast Asian Nations
• The 'ASEAN way’ : Unity in Diversity through the
ASEAN Way of Life
• Diversity towards Strengthening
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 2
Economics Community (AEC)

3. ASEAN Community
Three regional cooperation or
“three pillars”, including
• ASEAN Economic Community : AEC
• ASEAN Security Community : ASC
• ASEAN Socio-Cultural Community :
ASCC
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 3
Economics Community (AEC)

4. So what would you think of when
we mention about CULTURE?
What about ASEAN Culture?

5. Distance Learning Experience: UI Design that works in
Thailand and ASEAN Economics Community (AEC)
Opportunity and New Challenge
• Introduction
• SIMILARITY as an OPPORTUNITY!
• DIFFERENCE as a CHALLENGE!!
• Proposed of UI Design for AEC
• Summary
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 5
Economics Community (AEC)

6. INTRODUCTION
The viewpoints shared in this presentation were based on the two research studies
titled :
• “Proposed Models of Appropriate Website and Courseware for
E-Learning In Higher Education: Research Based Design Models”
• “Analysis of the Cultural Factors Affecting the Proper Design of
Website & Electronic Courseware for e-Learning in ASEAN”
which were conducted by the author of this paper in 2010 and 2012 respectively.
Also, the two research studies were funded by Thailand University Project, Office of
Higher Education Commission, Ministry of Education.
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 6
Economics Community (AEC)

7. SIMILARITY as an OPPORTUNITY!
1. We all (AEC) extensively use of social
media.
2. The User interface (UI) Design customized to
the same group of learners with similar
characteristic of 21st century learners.
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 7
Economics Community (AEC)

8. OPPORTUNITY: Extensive use of
various types of social media
Commonly presented in
two types:
1. Social web application.
2. Social interactive
streaming video.
Figure 1: Example of Chulalongkorn
University homepage that incorporate
various types of social media
Figure 2: Example of
Multimedia University
homepage that using various
types of social media
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 8
Economics Community (AEC)

9. OPPORTUNITY: Extensive use of
various types of social media
Commonly presented in
two types:
1. Social web application.
2. Social interactive
streaming video.
Figure 4: Sharing photos via Pinterest
created by Duke University
(https://pinterest.com/dukeuniversity)
Figure 3: Social media on Cambridge University
homepage (http://www.cam.ac.uk)
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 9
Economics Community (AEC)

10. OPPORTUNITY: Same target group
(21st century learners)
• From digital generation and had
high networking skills
• The characteristics of this group
of learners :
– like technology, Internet,
communication and
interaction,
– like to do several tasks at the
same time
– were creative and good at
information searching.
• Such changing has prompted
instructors to change their
teaching methods.
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 10
Economics Community (AEC)

11. OPPORTUNITY: Same target group
(21st century learners)
• From digital generation and had
high networking skills
• The characteristics of this group
of learners :
– like technology, Internet,
communication and
interaction,
– like to do several tasks at the
same time
– were creative and good at
information searching.
• Such changing has prompted
instructors to change their
teaching methods. When I asked you to read a
book, I didn’t mean
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN FACEBOOK!!! 11
Economics Community (AEC)

12. OPPORTUNITY: Same target group
(21st century learners)
• From digital generation and had
high networking skills
• The characteristics of this group
of learners :
– like technology, Internet,
communication and
interaction,
– like to do several tasks at the Good job! Must improve
same time speed of text messaging
– were creative and good at
information searching.
• Such changing has prompted
instructors to change their
teaching methods.
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 12
Economics Community (AEC)

13. OPPORTUNITY: Same target group
(21st century learners)
• From digital generation and had
high networking skills
• The characteristics of this group
of learners :
– like technology, Internet,
communication and
interaction,
– like to do several tasks at the
same time
– were creative and good at
information searching.
• Such changing has prompted There are not any
instructors to change their icons to click!!!
teaching methods.
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 13
Economics Community (AEC)

14. OPPORTUNITY: Same target group
(21st century learners)
• From digital generation and had
high networking skills
• The characteristics of this group
of learners :
– like technology, Internet,
communication and
interaction,
– like to do several tasks at the
same time
– were creative and good at
information searching.
• Such changing has prompted You forgot to load
instructors to change their my apps!
teaching methods.
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 14
Economics Community (AEC)

15. OPPORTUNITY: Same target group
(21st century learners)
• 21st century skills for
Learning (Schrumand
Levin, 2009) consisting of 4
outcomes:
– Core Subjects
– Life and Career Skills
– Learning and Innovation
Skills
– Information, Media and
Technology Skills
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 15
Economics Community (AEC)

16. Forthcoming OPPORTUNITY:
commonly promise towards the Open Education
Figure 7: 2012 Paris OER Declaration by UNESCO
(http://www.unescobkk.org) and was translated into
Figure 5: International Creative Common Thai Language by Office of Online Education,
on http://creativecommons.org Sripatum University, Thailand
Concept of public knowledge
which users were allowed to use
contents and, sometimes,
adapted contents to
Distance Learning Experience: UI Design
19/02/56 6: Thailand’s Creative Common on
Figure
their own context.
that works in Thailand and ASEAN
http://creativecommons.org/licenses/by/3.0/th Community (AEC)
Economics
16

17. Forthcoming OPPORTUNITY:
commonly promise towards the Open Education
Figure 8: MIT OpenCourseware
(http://ocw.mit.edu/index.htm)
Figure 10: MERLOT Open Educational
Resource: OER (http://www.merlot.org)
Figure 9: Creative Common License of MIT
OpenCourseware, meaning anyone can create a
new version of this work and you mist license
the new work under a Non-Commercial
Distance Learning Experience: UI Design
19/02/56 Share Alike license that works in Thailand and ASEAN 17
Economics Community (AEC)

18. SIMILARITY as an DIFFERENCE as a
OPPORTUNITY! CHALLENGE!!
1. UI is extensively used of • Diversity and difference
various types of social in culture in ASEAN
media learning community
2. The UI customized to the cannot be ignored.
same group of learners
with similar
characteristic of 21st • The different features
century learners focusing particularly on
3. The contents share the the influenced cultural
commonly promise factors : (1) Ethnicity &
towards the concept of local wisdoms, (2)
open education Aesthetics & Art, and
(Forthcoming) (3) languages
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 18
Economics Community (AEC)

19. The proper design model of website should include the following
9 cultural factors which comprised of 6 direct factors
and 3 indirect factors totaled of 56 variables.
Detail is provided in the 10 pages article (attached PDF)
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 19
Economics Community (AEC)

20. Proposed of UI for
ASEAN Open Education
• DF 1 = Ethnicity and local wisdoms
(direct factor) 8 variables
• DF 2 = Aesthetics and Art (direct
factor) 3 variables
• DF 3 = Language (direct factor) 1
variables
• DF 4 = Religion (direct factor) 4
variables
• DF 5 = Politics direct factor) 2
variables
• DF 6 = Law (direct factor) 3 variables
• IF 1 = Screen and multimedia design
(indirect factor) 23 variables
• IF 2 = Content design (indirect factor)
3 variables
• IF 3 = Characteristics of new media
Figure 11: Proper design of UI for e-Learning in
(indirect factor) 9 variables Distance Learning Experience: UI Design
19/02/56 ASEAN and the cultural factors affecting
that works in Thailand and ASEAN 20
Economics Community (AEC) the design of UI

21. Proposed of UI for
ASEAN Open Education
• DF 1 = Ethnicity and local wisdoms
• DF 2 = Aesthetics and Art
• DF 5 = Politics
Emphasize should be on
multi-cultural
Figure 11: Proper design of UI for e-Learning in
Distance Learning Experience: UI Design
19/02/56 ASEAN and
that works in Thailand and ASEAN
the cultural factors affecting 21
Economics Community (AEC) the design of UI

22. Proposed of UI for
•
ASEAN Open Education
DF 1 = Ethnicity and local wisdoms
• DF 2 = Aesthetics and Art
• DF 3 = Language
• DF 4 = Religion Social Network &
• DF 5 = Politics Semantic web technology
• DF 6 = Law
• IF 1 = Screen and multimedia design
• Community Influencer
• IF 2 = Content design • Semantic Technology
• IF 3 = Characteristics of new media • Location
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 22
Economics Community (AEC)

23. Proposed of UI for
ASEAN Open Education
• DF 1 = Ethnicity and local wisdoms
• DF 2 = Aesthetics and Art Personalized Learning
• DF 3 = Language Environment
• DF 4 = Religion
• DF 5 = Politics
• DF 6 = Law
• IF 1 = Screen and multimedia design
• IF 2 = Content design
• IF 3 = Characteristics of new media
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 23
Economics Community (AEC)

24. SUMMARY : Proposed of UI for
ASEAN Open Education
• ASEAN UI with the compliment of
social media and web 3.0
technologies, i.e. ASEAN wiki, ASEAN
virtual lab, and ASEAN virtual
learning environment
• Motivation and collaboration in this
UI through activity-based learning
with meaningful cultural contents
reflecting ASEAN identity.
• Various types of e-Learning tools
towards policy making, the
frameworks, and the contents, i.e.
Portal Web for ASEAN OCW, ASEAN
OER.
Distance Learning Experience: UI Design
19/02/56 that works in Thailand and ASEAN 24
Economics Community (AEC)

25. Distance Learning Experience: UI Design that works
in Thailand and ASEAN Economics Community (AEC)
Opportunity and New Challenge
Jintavee Khlaisang, Ed.D.
Assistant Professor, Department of Educational Technology and
Communications, Chulalongkorn University, Bangkok, Thailand
Thailand Cyber University Project, Bangkok, Thailand
jintavee.m@chula.ac.th