웹 디자이너의 눈으로 본 온라인 학교

게시 됨: 2020-09-28

전 세계의 많은 가족과 마찬가지로 우리도 COVID-19 전염병 동안 몇 가지 어려운 결정을 내려야 했습니다. 가장 괴로운 것 중 하나는 학교에서 무엇을 해야 하는지였습니다. 딸을 다시 전통적인 학교로 보내야 할까요, 아니면 온라인 학교를 선택해야 할까요?

안전과 일관성에 대한 두 가지 우려 중에서 우리는 지역 학군에서 제공하는 온라인 프로그램을 선택했습니다. 그것은 우리 모두의 약간의 조정이 필요하지만 적어도 지금으로서는 그것이 올바른 길이라고 느꼈습니다.

그러나 이 가상 학교가 어떻게 작동하는지에 관해서는 우리가 모르는 것이 많았습니다. 부모는 어떻게 루프에 유지됩니까? 우리 딸아이가 사용하기 쉽겠죠? 수업은 어땠을까요?

우리는 이제 이 학습 방법에 대해 약간의 경험을 갖고 있으며 천천히 익숙해지고 있습니다. 그걸로 웹디자이너의 입장, 즉 부모이기도 한 사람의 입장에서 바라보는 것이 재미있을 것 같다는 생각이 들었습니다.

다음은 우리 학군이 사용하는 특정 제공자를 기반으로 한 몇 가지 관찰 결과입니다. 이것은 결코 온라인 교육에 대한 완전한 검토가 아닙니다. 이 단일 시스템의 디자인과 기능을 살펴보십시오. 그리고 나는 특정 결정이 내려진 이유나 관련된 제한 사항에 대해 잘 알지 못하기 때문에 모든 비판은 그저 그렇습니다.

그럼 경험치는 어떻게 쌓이나요? 지금까지 약간 혼합 된 가방입니다.

배경 정보

저희가 사용하고 있는 가상 학원에는 라이브 수업이 없습니다. 오히려 웹 브라우저를 통해 실행되는 비디오, 테스트 및 대화형 기능이 혼합되어 있습니다.

이론상으로는 언제든지 수업을 들을 수 있지만 학생들은 정규 수업 시간에 일을 하는 것이 좋습니다. 이는 부분적으로 채팅 응용 프로그램을 통한 실시간 튜터링 도움의 가용성 때문입니다.

학생과 학부모 모두 포털을 통해 진행 상황, 성적 및 액세스 과정을 추적할 수 있습니다. 자세한 학생 활동 보고서와 함께 메시징 시스템이 포함되어 있습니다.

컴퓨터 화면을 보고 있는 아이.

구식의 직관적이지 않은 포털

포털에 처음 들어갔을 때 저는 WordPress 이전과 같이 과거의 콘텐츠 관리 시스템이 떠올랐습니다. 디자인은 2000년대 초중반이며 3D 아이콘이 전체적으로 퍼져 있습니다.

물론 매력적인 디자인은 여기에서 핵심이 아닙니다. 학부모와 학생이 함께하는 공간입니다. 두 그룹 모두 활동 로그, 성적을 보고 교사와 메시지를 교환할 수 있습니다. 학생들은 또한 이를 개별 코스로 가는 관문으로도 ​​사용합니다.

이러한 작업의 경우 포털이 작업을 완료합니다. 그러나 특히 탐색과 관련하여 몇 가지 사용성 문제가 있습니다. 콘텐츠 영역 내에서 일련의 모호한 링크로 인해 서클에서 클릭하는 자신을 발견할 수 있습니다. 항상 예상한 결과로 이어지는 것은 아닙니다.

이것은 경험에 대한 나의 가장 큰 애완 동물이 될 수 있습니다. 디자인이 최첨단으로 보일 필요는 없지만 최소한 직관적이어야 합니다. 이렇게 오래된 것처럼 보이는 항목의 경우 이러한 종류의 버그가 오래전에 해결되었을 것이라고 생각할 수 있습니다.

온라인 학교 대시보드 화면입니다.

코스는 잘 보이고 기능합니다.

디자인과 기능 측면에서 가장 인상적인 부분은 온라인 과정이 일류입니다. 모양은 훨씬 더 현대적이며 포털보다 훨씬 더 유용합니다.

학생들은 그날 완료해야 하는 활동(및 향후 활동)이 나열된 코스 "지도"를 볼 수 있습니다. 여기에는 퀴즈와 테스트, 표준 수업 자료가 포함됩니다.

탐색하기 쉽습니다. 중요한 것은 학생들이 과거 수업으로 돌아가서 복습할 수도 있다는 것입니다. 또한 필기를 위한 별도의 패널과 채점 및 활동에 관한 시각적인 보고서를 생성할 수 있는 기능이 있습니다.

수업 중 추가 도움이 필요한 경우 학생들은 아이콘을 클릭하여 교사와 대화할 수 있는 채팅 창을 열 수 있습니다. 이는 기술 지원 설정에서 볼 수 있는 것과 매우 유사하여 학생들에게 대기열에서 자신의 자리를 제공합니다.

전반적으로 여기의 UX는 훌륭합니다. 그러나 한 가지 문제가 있다면 그것은…

예시 코스 맵.

잠깐, 그들은 여전히 ​​플래시를 사용합니까?

온라인 학교를 처음 고려할 때 기술 요구 사항 문서가 제공되었습니다. 그 요구 사항 중 하나는 Adobe Flash Player였습니다. 2020년 말에 중단될 예정입니다. 문서가 2015년부터였으므로 그 이후로 상황이 조금 발전했을 것이라고 생각했습니다.

그렇게 빠르지 않습니다. 사실 여전히 Flash에 의존하는 일부 인터랙티브 게임이 코스 전체에 걸쳐 있습니다.

그리고 딸의 노트북에 Flash가 설치되어 있어도 Google Chrome에서 특별히 활성화해야 했습니다. 보안 조치로 기본적으로 비활성화되어 있기 때문입니다.

인정합니다. 게임이 재미있고 수업을 강화하는 데 도움이 됩니다. 그러나 Flash 사용의 장기적 실행 가능성은 우려됩니다. Flash가 종료된 후에도 계속 사용할 수 있으려면 HTML5 또는 다른 기술로 이식해야 합니다.

비디오 게임을 하는 아이.

웹 디자이너를 위한 강의

이 경험에서 얻은 큰 교훈 중 하나는 웹 응용 프로그램을 계속해서 다시 방문해야 한다는 것입니다. 최상의 경험을 제공하려면 사용자 피드백을 기반으로 조정해야 합니다. 우리는 그들의 도움 없이는 그것을 바로잡을 수 없을 것입니다.

앞서 언급한 포털을 예로 들어 보겠습니다. 구식으로 보인다는 사실이 디자이너에게는 당혹스러울 수 있습니다. 그러나 탐색의 단점과 같이 사용자 경험을 해치지 않습니다.

조금 맛없더라도 웹사이트가 어제 디자인된 것처럼 보이지 않는다면 괜찮습니다. 중요한 것은 사용자가 혼란 없이 필요한 것을 얻을 수 있다는 것입니다. 여기서 약간의 정리는 놀라운 일이 될 것입니다.

이것은 레거시 시스템을 유지 관리하는 데 있어 가장 큰 과제 중 하나입니다. 다양한 요소는 시대에 발맞추기 위해 주기적으로 새로 고쳐져야 합니다. 또한 버그 및 사용성 문제는 언제든지 발생할 수 있습니다. 디자이너와 개발자는 그들 위에 있어야 합니다.

여기에서 Flash를 사용하는 것이 대표적인 예입니다. 이 온라인 학교는 수년 동안 잘 작동했지만 이제는 해결하는 것보다 더 많은 문제를 일으킬 가능성이 있습니다. 기술에 정통하지 않은 부모는 소프트웨어를 활성화해야 한다는 사실이나 소프트웨어가 제기하는 보안 문제를 인식하지 못할 수 있습니다. 접근성과 관련하여 모든 것이 의미하는 것은 말할 것도 없습니다. 이것은 모든 사람을 더 어렵게 만들고 잠재적으로 학생의 발전을 방해할 것입니다.

또한 이는 단순성에 대한 필요성을 강화합니다. 때때로 우리는 인터페이스가 충분히 직관적이지 않을 정도로 지나치게 생각할 수 있습니다. 여기에서 과정은 포털이 제공하지 않는 단순한 디자인을 제공합니다. 차이점은 밤과 낮입니다.

아니요, 완벽하지 않습니다. 그러나 전반적으로 지금까지 온라인 학교에 대해 많은 것을 찾았습니다. 웹디자이너의 눈으로 보면서 나도 한두 가지 배웠다.