혁신의 부재에서 혁신을 추구 하는 웹-교육 기관의 인터랙티브 디자인에 대 한 연구

중간 거래 SEO 진단 Taobao 게스트 클라우드 호스트 기술 홀

장 Dio (그물의 CEO)

이것은 문서, 온라인 네트워크 최종 사용자 교류와 동시에 많은 모델의 교육 기관의 국내 네트워크의 연구, 제품 디자인의 구현에 많은, 일부 디자인 경험을 축적. 오늘, 웹 기반 교육 제품 디자인의 중요성 제 3 자 플랫폼의 운영자로 서 업계의 합의 되고있다 사람들과 논의 하기 위해 업계와 몇 가지 감정을 공유 하 고 싶습니다.

특히,이 기사만 온라인 교육 사이트와 웹 기반 교육 기관으로 존재 하는 웹 사이트 (예: 암기 단어, 교과 과정, 운동)을 학습에서의 단일 지점에 따라 그 거래.

NET 홈 디자인

혁신의 부재에서 혁신을 추구

아마도이 기사를 읽고 친구를 많이 만든 모습, 그래서 난 정말 인터넷의 패턴을 설명 하는 그물에서이 문서의 경험 요약, 디자인 때문에 그물에 볼 것 이다. 며칠 전 작가 친구 날 인터뷰. 그 문제를 언급 했다: "학교 네트워크 위치 학습 자폐증 커뮤니티, 학습 네트워크를 해결 하기 위해 하지만 왜 홈 페이지에서 볼 수 없습니다." "

이건 정말 매우 유익한 질문, 및 다음 친구 쓴 원고, 이름은 "에서 창조적인 창의력", 사실, 이것은 내가 가장 큰 경험을 공유 하 고 싶습니다 즉, "일부 제품 디자인 수 완전히 파괴 혁신, 사용자 습관으로 인해 일부 산업 수 있지만 정말 시작, 습관을 사용 하 여 기존 사용자 그룹을 준수 해야 경우에 그것은 보인다 더 소박."

중국의 교육, 산업 교육 서비스 제품, 교육, 교육 및 교육 산업은 아직도 표준화 하기가 그래서 높은 사전 판매 의존도, 낮은, 항목 임계값의 판매 과정의 넓은 범위를 포함 하는 분야의 낮은 학위의 표준화는 특별 한 분야 등 이다. 산업 개발, 기관 및 사용자 사이 게임의 10 년 동안, 업계의 지속적인 조정 뿌리 깊은 사용자 인식 형성, 즉, "아마도 사용자 믿습니다만 같은 모델 교육 기관."

그건 바로이 이유 때문에 현재 전통적인 네트워크 교육 기관 겉보기 "페이지는 매우 토양", 하지만 여전히 사업 호황을 누리고 있다. 또한 이러한 이유 때문에 많은 개정 적응 후 net 여전히 현재 홈 페이지 스타일을 반환 합니다. 비록이 디자인 "보이지 않는 특별 한 아무것도", 하지만 홈 페이지 반송 률은 20%만.

온라인 교육 업계에서 기업가, 내 가장 큰 경험입니다: 우리 사용자를 교육 하는 능력을 필요가 없습니다, 파괴적 혁신의 위험에 더, 마이크로-혁신의 기존 모드에서 시작 하는 것이 좋습니다. 그리고 전문가 볼 수 있는 교육 기관의 기존 웹 페이지 여전히 "마이크로-혁신" 범위를 개선 하기 위해 많이 있다. 이 때 중요 한 아이디어 경험 인터랙티브 디자인을 공유 것 같아요. 그렇지 않으면 확인 제품 언론에 의해 박수 갈 채 것 이지만 사용자 수 반드시 인식 되지 않을.

제 2 차 세계 모델과 긍정적인 보장 모드, 학습 모드

많은 온라인 교육 토론에 우리는 거의 기존 웹 기반 교육 기관의 언급을 참조 하십시오 그리고 우리는 매우 혁신적인 모델에 관심이 있는 참으로 재미 있는 현상이. 사실, 전통적인 네트워크 교육 기관 수 년 동안, 학생 들이 제공 하는 웹 기반 과정은 확실히 합리적인 그들의 세대에 주요 소득의 분야에서 교육의 현재 네트워크의 수백만에 매년 시장에서 될 수 있습니다. 그리고 경우에 업그레이드 교육 기관의 전통적인 디자인 하지만 그들은 사용자 습관의 사용을 촉진을 몇 년 동안 시장에 있다,이 힘 과소평가 될 수 없습니다. 따라서, 학교의 UE에 걸쳐 법은 매우 중요 한 세 가지 범주에서 매크로-유도, 기존 교육 기관의 웹 사이트 구조를 요약할 수 있습니다:

글로벌 홈 디자인

1. 글로벌 모델

몇 년 동안, "글로벌 직업 교육의 경우에 온라인" 작업은 포괄적인 네트워크 훈련 기관 직업 교육을 지향 합니다. 그것은 다양 한 과목의 가르침에 의해 특징은, 더 많은 정보 콘텐츠를 제공 하는 사이트. 우리가 많은 학교 페이지를 본다면, 우리는 많은 기관 온라인 교육의 글로벌 웹 사이트 구조를 모방은,이 패턴 특징 이다 볼 수 있습니다.

1-1 첫 번째 페이지는 큰 주제 카탈로그, 고 탐색은 또한 분야의 많은 수를 나열 합니다.

1-2 첫 번째 페이지는 사용자의 독서 포커스, 사용자의 초점은 각 과목의 2 단계 채널.

1-3 과목 2 단계 채널의 재료, 테스트 역학, 텍스트 구름, 프로 모션 광고 및 등록 일정에 포함 된 학습의 큰 숫자를 표시.

1-4-반지 그물 학교 모델 형태 클래스 시간표 표준, 즉, 상품 정보 수평 배열에 따라 경도 배열에 따라 교과 과정, 2 차원 교과 과정을 형성 한다. 사용자가 더 이해 하 고 다음 클래스를 선택 해야 합니다.

1-5 학교 프로 모션 정보는 시간표, 거의 모두는 텍스트 설명에 포함 됩니다.

1-6 클릭 코스와 지불 페이지로 직접 이동 합니다.

중국 회계 학교 홈

2. 보안 모드

장거리 교육, 뉴욕 증권 거래소 상장 기업, 거리 교육 해외 명부 작성 기관에 업계의 자존심을 가치가 있는 유일한 것 이다. 거리 교육 중국 회계 학교에 따라, 동시에 10 개 이상의 서로 다른 방향으로 캠퍼스의 모델, 기본 및 보조 교육 네트워크, 건설 엔지니어링 교육 네트워크 등에 제공 합니다. 따라서, 정통 거리 교육 자체는 또한 멀티-징계 포괄 학교 그리고 글로벌 학교에서 다른, 분기, 그리고 상대 초점의 내용의 각 지점으로 주요 범주에 의해 다른 분야. 중국 그물 회계 업계에서 가장 일반적인 패턴입니다.

2-1 각 분기에 관련 된 과목의 수는 크게 감소, 그래서 주제 카탈로그는 더 이상 페이징 페이지의 주요 콘텐츠.

2-2 분기는 모델의 구조, 탐색, 사이트 전체에 주제 디렉터리 및 정보 분류 정보는 정보 형 사이트 형태로 여전히.

2-3 코스 시간표 스타일, 그리고 물론, 지불 페이지로 직접 이동을 클릭 한 후에 여전히 표시 됩니다.

홈 생각 하는 배우

3. 학습 모드를 생각 하 고

주제 스케일 모드는 비슷합니다-정통 학교의 분기 역을 생각 하 고 학습의 특성 즉, 주제 방향은 상대적으로 집중입니다. 그리고 긍정적인 모드는 다른, 살아있는 학습 및 생각 학교 코스 정보 페이지를 사용 하 여,이 모델은 더 사용 하 K12 또는 영어 클래스.

3-1 학습 학교의 교과 과정은 목록, 시간표, 글로벌 보안 보다 선, 코스 정보의 각 라인은 더 큰,

3-2와 글로벌 모델, 긍정적인 모드, 학습 사이트의 생각 모드는 제품 정보 세부 정보 페이지가 있습니다.

3-3 제품 정보 세부 정보 페이지에 자동으로 듣는 콘텐츠를 재생합니다.

위의 세 가지 종류의 일반적인 패턴의 웹사이트 구조 보기에서 이러한 다른 모델 기업에 대 한 강한 참조 값 있는 탐험의 많은 년의 결과. 그러나, 그것은, UI 관점에서 전통적인 학교는 최신의 기회를 그냥 개선 위한 큰 방 할 언급할 가치가 있다.

다진 3 코스

여기에 대해 이야기 하는 방법을 알고 있는 산업은 미소,이 비밀을 해서는 안. 왜 내가이 문서에서 언급 한는 이유 뿐만 아니라 교육의 각도에서 하지만 UE에서 우리가이 문제에 보고 한다.

절단 과정, 즉 소위 완전 한 교육 비디오, 지식에 따라 하 고, 작은 세그먼트의 숫자를 조합으로 목표를 교육. 예를 들어 교사에 게 영어 텍스트 비디오 2 시간에 대 한 기록, 현재 보다 전문적인 연습이입니다, 텍스트 섹션, 운동 섹션, 어휘 부분, 검토 부분에 교육의 내용에 따라 2 시간 코스 등. 그 결과, 우리 n 동영상 보다 더가지고 있고 이러한 다양 한 코스에 대 한 비디오의 여러 조합. 즉, 통합, 운동 클래스 통합, 모든 텍스트의 어휘 형성의 텍스트에서 모든 연습 어휘 클래스 형성... 그래서 우리는 다양 한 클래스, 다른 학습자 맛에 적합 했습니다.

이것은 교육 및 연구 노력 뿐만 아니라 인터랙티브 디자인의 아이디어입니다. 즉, 많은 수 표준화, 맞춤 코스의 공간의 선택 셀프 서비스 사용자에 게 제공 하는 과정을 절단. 이 아이디어는 실제로 기업 무시할 수 없는 시작 네트워크 교육.

4 전기 딜러 가까이, 교육 맛을가지고 있고

학습자의 주제, 그들은 첫 번째 일반 인터넷 사용자, 가장 접촉에 그들의 생활은 확실히 Taobao, Jingdong, Fank 전기 비즈니스 플랫폼 등 합니다. 따라서, 지불 사람으로 서 웹사이트를 사용 하 여 사용자의 생각 모드 먼저 전기 몫 플랫폼에 의해 강화 된다. 따라서, 네트워크 교육에서 기관 제품 디자인의 안 하 고 UE 차이의 전기 몫 너무 멀리, 그렇지 않으면 그것은 이어질 것입니다 사용자의 혼동. 대 한 예를 들어, 시간표-스타일 디스플레이, 하지만 더 직관적인, 하지만 사용자가 시간표는이 방법 텍스트 링크의 많은 수에 포함 된 경우 아무 제품 정보 페이지를 찾을 수 교육과정에서 과정은 사용자의 눈을 통과 하 게 쉽게 하는 경우는 시간표의 의미를 이해 하는 그들의 마음 들을 보낼 것입니다, 아마도 사용자의 인 내를이 큰 시험 이다. 다른 프로 모션 정보 디스플레이, 복사 디자인, 버튼 디자인 등.

그러나 단순히 전기 비즈니스 서식 파일을 사용 하 여 또한이 질문은, 만약 수 있습니다 하자 사용자 느낌 잃는다 교육 느낌, 페이지 전문적인 경험 제기 질문. 이 둘 사이의 적절 한 균형 하는 방법 정말는 쿵푸, UE에 대 한 필요성을 작업에 참여 하는 전문가입니다. 사실, 이것은 이전에 언급 한 "혁신 없는 혁신에서"에서 문서는 소위 "혁신", 참조 사이트의 교육 풍미를 변경할 수 없습니다, 소위 "혁신", 사실에서, UE 모델 도입의 일반적인 사용자 성공 이다.

Pinterest 폭포 스트리밍 웹 디자인

5 폭포 스트림, 사진 및 텍스트

그림 쇼의 많은 사용자의 관심을 끌 것입니다 때문에 폭포 스트림 사이트 정말 유혹 적 이다. 그러나, 네트워크 교육 기관에 대 한 폭포 흐름 디자인 문제를 발생할 것입니다, 그리고 즉, 폭포 교류 방법 학습자의 콘텐츠 요구의 모든 과목에 적응 하기 어려운. 클래스 하나 건축 업자의 학습자 클래스 한 건축 업자의 과정의 폭포를 보고 싶어을 경우에, 전용된 학교 않는 다른 과목을 많이 잃게됩니다. 하지만 만약 우리가 균등 하 게 모든 과목 교과 과정의 폭포, 그것은 사용자를 만들 것입니다 전문가 덜 느낌. 교육 사이트로 사용 될 수 있다 폭포 사진 콘텐츠를 스트리밍하는 상대적으로 단일, 따라서 개인적인 경험 않으면, 전문 교육 기관, 폭포 교류를 사용 하 여 조심 해야 한다. 그건 그렇고, 코스 정보 페이지 흐르는 폭포를 본 적이 있다는 느낌은도 서 프로, 난 이해할 수 없다.

온라인 교육 조직 그림 선생님 사진과 프로 모션 광고의 다음이 작업을 표시할 수 있습니다. 그것은 페이지의 지루한 자연 휴식 날카로운 도구 때문에 그 게 그림을 좀 더 정확 하 게 중요 하다.

그것에 올 때 페이지 지루한, 교육 사이트 또한 피할 수 없는 문제, 즉, 경우 발생할 사용자 웹 페이지 전문성의 부족은 느낄 것입니다 우리가 텍스트 정보를 표시 되지 않습니다. 우리는 텍스트를 표시 하는 경우 텍스트의 많은 사용자를 현혹 하 고 있는 것 이다. 이것은 딜레마, 또한 SEO 수 있도록 텍스트 링크의 많은 수, 이것은 또한 네트워크 승진을 위한 필요, 많은 학교 것이 오히려 텍스트 뿐만 아니라 페이지의 가독성을 희생 하는 많은 수의 전문적인 배열 구현 하 고 있습니다. 따라서 UE 디자이너에 현재 상황은 도전,이 문제, 귀하의 사이트에 솔루션 무적 이어야 하는 경우.

6 UI 디자인, 당신은 더 잘 할 수 있습니다.

UI 디자인은 너무 민감한 것 비록 우리 보다는 더 많은 n "해야 할"는 UE에, UI 디자인 확실히 완화할 수는 "해야 할" 결함. 여기, 정말 이해가 안 교육 기관 (를 포함 하 여 오프 라인 기관)도 그라데이션 단추 및 금속 감지 탐색, 화려한 테마 색, 복잡 한 라인 세분화, 무거운 컬러 장식, 및 작은 간격을 채택 하는 이유입니다. 이것 정말 침이 있다, 난 이제 이해할 수 있는 아마도 사용자 정신이 예술 디자인에 적응 하고있다,이 교육 기관의 특성입니다. 하지만 사용자는 궁극적으로 눈의 편안 함, 이제 마이크로소프트의 우아한 검은 글꼴, 간결한 컬러 블록, 기능 영역 세분화, Web2.0 아이콘, 손으로 그린 배너 같은 사용자에 의해 유도. 네트워크의 사용자가 생각이 정말 될 수 있습니다, 그리고이 온라인 교육 기관의 창의적인 공간을 정확 하 게. 따라서, 파악 전통적인 심 혼 및 인터넷 사용자 규모의 추세를 디자인으로 크게 향상 시킬 수 제품 경험의 네트워크 교육 기관.

7 사용자 또 뭐가 필요 합니까?

이 외에도 뭐가 사용자 필요? 네트워크 및 교육, 뿐만 아니라, 느낌을 사용자의 연락처에 사용자 또한 필요가 가르쳐 조직 및 학교 서비스. 사용자 질문 페이지에서 수업 후 구매 하지 않으려는 고객 서비스 전화 태도 감기 호출 싶지 않아. 사용자 관리, 사용자에 대 한 작업을 떠나과 주기적으로 사용자 등의 감각을가지고 원하는: "그것은 시간에 대 한 클래스에가 서" 장시간 사용자에도 할 하지 클래스, 게 사용자 2 점, 이것이 사용자의 심리적 요구, 그리고 교육, 밖에 이들은 괜찮습니다 또한 네트워크 교육 기관의 시작 하드 장소.

위의 온라인 교육 제품 인터랙션 디자인에 몇 가지 관찰 이며 경험의 생각, 그물 네트워크 교육 산업의 제 3 자 사회과 선택 플랫폼 자체에서 보고 싶어 대부분 네트워크 교육 산업 개발 및 성장. 네트워크의 CEO로 서 그래서 그들의 첫 번째 줄 한쪽으로 치우친된 관점 같은 역할 또한 희망 하지 웃 기 그것을 수 있을, 피상적인 경험을 공유 하 작동 합니다.