Preceding studies have shown that user interface (UI) designs of learning contents provided via web platforms have a positive impact on one’s learning performance (LP) and have positive interactions with their metacognition. However, since the level of learners’ metacognition varies among individuals, it is difficult to estimate the effect of UI designs on LP. Hence, here, I conducted a multiple group analysis where the metacognition factor is controlled?i.e. people are divided into two groups with higher and lower metacognition levels?using structural equation modelling (SEM) to investigate the impact of UI design factors’ satisfaction level on LP.
The impact of UI designs on LP is determined under the hypothesis that they have different effects on the LP of groups with different metacognition levels. Here, four different metacognitive skill levels?(1) planning, (2) monitoring, (3) evaluating, and (4) overall levels?are considered. LP is broken down into four categories: (1) understanding of concepts (LP-UC); (2) problem recognition and solving (LP-PRS); (3) thinking and creativity (LP-TC); and (4) sense of accomplishment and level of achievement (LP-SALA). Additionally, UI designs are discussed from the aspects of (1) step-by-step layout user interface (LUI); (2) section-by-section LUI; (3) multimedia graphic user interface (GUI); (4) text GUI; (5) graphic GUI; (6) contents-update interaction user interface (IUI); (7) navigation IUI; and (8) search IUI. The main results of the investigation are discussed below.
First, a review of metacognitive planning level shows that the step-by-step LUI and the section-by-section LUI` had a positive impact on LP-UC, PRS, and SALA, and LP-PRS, TC, and SALA, respectively when a group had a lower planning level. Additionally, both the multimedia GUI and contents-update IUI were more effective on LP-UC for the group. However, the text GUI and navigation IUI had more influence on the LP-SALA of the group with higher-level planning. Second, a review of monitoring levels indicates that the step-by-step LUI had a positive impact on the entire LP when a group had a higher monitoring level. Moreover, the graphic GUI and the contents-update and search IUI also had a positive impact on the LP-SALA and PRS for the group. On the other hand, the multimedia GUI and contents-update IUI were more effective for the LP-UC, TC, and SALA for the group with lower monitoring level. In addition, the graphic GUI had a positive influence on the LP-UC for the group with a lower monitoring level. Third, a study of level evaluations shows that the entire LP is positively affected by the step-by-step LUI and section-by-section LUI when a group has a lower evaluation level. Additionally, the search IUI was more effective for the LP-SALA of a group with a lower evaluation level. A group with a higher evaluation level, however, showed some positive effects between the multimedia GUI and the LP-TC, the text GUI and the LP-PRS, the graphic GUI and the LP-TC, the contents-update IUI and the LP-PRS and SALA, the navigation IUI and the LP-UC, and the search IUI and the LP-PRS and TC, respectively. Finally, a study of the overall metacognition level showed that the step-by-step LUI and section-by-section LUI had a positive impact on the entire LP when a group has a lower level in overall metacognition. The multimedia GUI had a positive influence on the LP-UC and PRS for the same group, while the contents-update and search IUI had a positive influence on the LP-UC and PRS, respectively. When a group has a higher level of overall metacognition, only the text GUI and the contents-update IUI had a positive impact on the LP-PRS and SALA, respectively.
These results indicate that it is only when metacognition skill levels are controlled that LUI, GUI, and IUI, which are properties of UI designs, have a meaningful impact on LP. To improve the LP-UC for learners with lower metacognitive planning levels, it is a good strategy to strengthen the functions of step-by-step LUI, multimedia GUI, and contents-update IUI among all UI design properties. In addition, strengthening the function of section-by-section LUI can lead to the enhancement of the LP-PRS, TC, and SALA for learners. Improved step-by-step LUI can also enhance the LP-PRS and SALA for the group. To improve the LP-UC and TC for learners with lower metacognitive monitoring levels, it is necessary to strengthen the graphic and multimedia GUI and the contents-update IUI while also improving the LP-SALA for learners, and the multimedia GUI and contents-update IUI need to be strengthened. For learners with lower metacognitive evaluation levels, it is necessary to strengthen the step-by-step LUI and section-by-section LUI to improve the LP-UC, PRS, and TC. Also, to improve the LP-SALA, the step-by-step LUI, section-by-section LUI, and search IUI need to be strengthened. A strategy for the UI to enhance the LP-UC for learners with lower overall metacognitive levels is to strengthen the step-by-step LUI, section-by-section LUI, multimedia GUI, and contents-update IUI. To improve the LP-PRS, step-by-step LUI, and section-by-section LUI, multimedia GUI should be strengthened. To improve the LP-TC, the step-by-step LUI and section-by-section LUI should be strengthened, improved step-by-step LUI, section-by-section LUI, and search IUI can lead to a better LP-SALA.
Finally, for leaners with higher metacognitive levels, several strategies for UI designs may be established to improve LP. First, for learners with higher metacognitive planning levels, the text GUI and search IUI should be strengthened to enhance the LP-SALA. Second, for learners with higher metacognitive monitoring levels, the step-by-step LUI, search IUI, and contents-update IUI should be strengthened to enhance the LP-UC and TC. Third, for learners with higher metacognitive evaluation levels, the navigation IUI for the LP-UC, the text GUI, search IUI, and contents-update IUI

스마트 웹 플랫폼 기반에서 제공되는 학습 콘텐츠의 UI디자인은 학습자의 학습 성과에 긍정적인 영향을 미치며, 학습자 개인의 메타인지 역시 학습 성과에 긍정적인 영향을 미칠 뿐만 아니라 UI디자인과 메타인지는 서로 긍정적 상호작용을 일으킨다는 선행연구의 조사결과에 의해, 학습자의 메타인지의 수준에 개인차가 있으므로, 학습 성과에 대한 진정한 UI디자인의 효과를 측정할 수 없다는 문제점이 제시되어, 메타인지를 통제한 후 학습 성과에 대한 UI디자인 속성 만족도의 영향력을 파악하는 구조방정식모형의 메타인지 고-저 집단 간 다중집단분석을 실시하였다.
UI디자인 속성 만족도가 학습 성과에 미치는 영향 분석에 의해 도출된 가설검증 결과는 다음과 같다.

첫째, 메타인지의 계획 수준별 UI디자인 속성 만족도가 학습 성과에 미치는 영향을 분석한 결과, 단계별LUI가 개념이해와 문제인식과 해결, 성취감과 성취도에 미치는 영향이 메타인지의 계획수준이 낮은 집단에서 더욱 효과적이었고, 섹션별LUI가 문제인식과 해결, 사고와 창의력, 성취감과 성취도에 미치는 영향도 메타인지의 계획수준이 낮은 집단에서 더욱 효과적이었다. 그리고 GUI의 multi-media가 개념이해에 미치는 영향도 메타인지의 계획수준이 낮은 집단에서 더욱 효과적이었으며, IUI의 contents up-date가 개념이해에 미치는 영향도 메타인지의 계획수준이 낮은 집단에서 더욱 효과적이었다. 그러나 GUI의 text가 성취감과 성취도에 미치는 영향과 IUI의 navigation이 성취감과 성취도에 미치는 영향은 메타인지의 계획수준이 높은 집단에서 더욱 효과적인 것으로 조사되었다.
둘째, 메타인지의 점검 수준별 UI디자인 속성 만족도가 학습 성과에 미치는 영향을 분석한 결과, GUI의 graphic이 개념이해와 사고와 창의력에 미치는 영향은 메타인지 점검수준이 낮은 집단에서 더욱 효과적이었고, multi-media가 개념이해와 사고와 창의력, 성취감과 성취도에 미치는 영향도 메타인지 점검수준이 낮은 집단에서 더욱 효과적이었으며, IUI의 contents up-date가 개념이해, 사고와 창의력, 성취감과 성취도에 미치는 영향도 메타인지 점검수준이 낮은 집단에서 더욱 효과적이었다. 그러나 단계별LUI가 개념이해, 문제인식과 해결, 사고와 창의력, 성취감과 성취도에 미치는 영향은 메타인지 점검수준이 높은 집단에서 더욱 효과적이었고, GUI의 graphic이 성취감과 성취도에 미치는 영향도 메타인지 점검수준이 높은 집단에서 더욱 효과적이었으며, IUI의 search, contents up-date가 문제인식과 해결에 미치는 영향도 메타인지 점검수준이 높은 집단에서 더욱 효과적인 것으로 조사되었다.
셋째, 메타인지의 조절 수준별 UI디자인 속성 만족도가 학습 성과에 미치는 영향을 분석한 결과, 단계별LUI, 섹션별LUI가 개념이해, 문제인식과 해결, 사고와 창의력, 성취감과 성취도에 미치는 영향은 메타인지의 조절수준이 낮은 집단에서 더욱 효과적이었고, IUI의 search가 성취감과 성취도에 미치는 영향도 메타인지의 조절수준이 낮은 집단에서 더욱 효과적이었다. 그러나 GUI의 text가 문제인식과 해결에 미치는 영향, graphic, multi-media가 사고와 창의력에 미치는 영향, IUI의 navigation이 개념이해에 미치는 영향, search가 문제인식과 해결, 사고와 창의력에 미치는 영향, contents up-date가 문제인식과 해결, 성취감과 성취도에 미치는 영향은 메타인지의 조절수준이 높은 집단에서 더욱 효과적인 것으로 조사되었다.
넷째, 메타인지의 전체 수준별 UI디자인 속성 만족도가 학습 성과에 미치는 영향을 분석한 결과, 단계별LUI와 섹션별LUI가 개념이해, 문제인식과 해결, 사고와 창의력, 성취감과 성취도에 미치는 영향은 메타인지 전체 수준이 낮은 집단에서 더욱 효과적이었으며, GUI의 multi-media가 개념이해, 문제인식과 해결에 미치는 영향, IUI의 search가 성취감과 성취도에 미치는 영향, contents up-date가 개념이해에 미치는 영향도 메타인지 전체 수준이 낮은 집단에서 더욱 효과적이었다. 그러나 GUI의 text가 문제인식과 해결에 미치는 영향과 IUI의 contents up-date가 성취감과 성취도에 미치는 영향은 메타인지 전체 수준이 높은 집단에서 더욱 효과적인 것으로 조사되었다.

그리고 가설검증 결과에 의해 도출된 시사점은 다음과 같다.

첫째, 메타인지 수준을 분리했을 경우에 한하여, UI디자인 속성인 LUI, GUI, IUI는 모두 학습 성과인 개념이해, 문제인식과 해결, 사고와 창의력, 성취감과 성취도에 유의미한 영향을 미친다.
둘째, 메타인지의 계획 수준이 낮은 학습자의 개념이해를 제고하기 위한 UI디자인 전략으로 단계별LUI와 multi-media GUI, contents up-date IUI 기능을 강화하여야 한다. 그리고 문제인식과 해결을 제고하기 위해서는 단계별LUI, 섹션별LUI 기능을 강화해야 하고, 사고와 창의력을 제고하기 위해서는 섹션별LUI를 강화하여야 하며, 성취감과 성취도를 제고하기 위해서는 단계별LUI, 섹션별LUI를 강화해야 한다.
셋째, 메타인지의 점검 수준이 낮은 학습자의 개념이해, 사고와 창의력을 제고하기 위한 UI디자인 전략으로 graphic과 multi-media GUI, contents up-date IUI를 강화해야 하고, 성취감과 성취도를 제고하