| English | 의미 |
|---|---|
| information architecture/ˌɪnfəˈmeɪʃn ˈɑːkɪtektʃə/ | 정보 구조 |
| wireframe/ˈwaɪəfreɪm/ | 와이어프레임 |
| visual hierarchy/ˈvɪʒuːəl ˈhaɪərɑːki/ | 시각적 계층 |
| whitespace/ˈwaɪtspeɪs/ | 여백 |
새 멤버가 회의 장소를 찾을 수 없음
- 학교 동아리 홈페이지에는 큰 사진이 있지만, 방 번호와 회의 시간은 숨겨져 있습니다. 방문자는 가입 방법을 모른 채 나갑니다.
- 청중과 관측 가능한 과제로 시작하십시오: “이번 주 회의 시간과 장소 찾기.” 디자인이 잘 작동하는지 결정하기 전에 친구가 시도해 보게 하십시오.
어떤 과제가 참여자에게 관찰 가능한 목표를 제공합니까?
난이도 1/5 · 100 코인 + 오늘 첫 완료 시 소액 보너스
특정 정보 검색은 관측하고 검증할 수 있는 결과를 제공합니다.
웹사이트를 방문하는 신규 멤버를 위한 관측 가능한 과제를 작성
난이도 3/5 · 200 코인 + 오늘 첫 완료 시 소액 보너스
예시: “로봇 공학 동아리가 이번 목요일에 모이는 곳을 찾으세요.”
정보를 유용하게 배치하세요
- 정보 구조는 콘텐츠를 묶고 페이지를 연결합니다. 방문자가 필요한 정보를 나열한 후, 명확한 페이지 및 링크 이름을 선택하십시오.
- 짧은 경로가 도움이 되지만, 보편적인 3클릭 규칙은 없습니다. 혼란스러운 라벨이 있는 짧은 경로보다 명확한 긴 경로가 더 쉬울 수 있습니다.
검증 가능한 구조를 스케치하세요
- 와이어프레임은 간단한 페이지 스케치입니다. 레이아웃을 위한 상자를 사용하되, 파트너가 선택 사항을 이해할 수 있도록 현실적인 라벨과 핵심 내용을 포함하십시오.
- 템플릿은 작업에 적합하면 시간을 절약할 수 있습니다. 제공되는 모든 섹션을 수용하기보다는 내비게이션, 가독성, 콘텐츠 공간을 확인하십시오.
对于新成员，在清晰标记的“如何加入”链接旁放置“周四，4 pm，12 房间”。回归成员可能需要当前项目。测试两种任务，不要假设单个首页适合所有人。
유용한 초기 와이어프레임이 discussion하기 쉽게 만들어야 할 것은 무엇입니까?
난이도 1/5 · 100 코인 + 오늘 첫 완료 시 소액 보너스
와이어프레임은 구성을 테스트하며, 현실적인 레이블은 참여자가 제안된 경로를 이해하는 데 도움을 줍니다.
중요한 것을 먼저 보여주기
- 시각적 계층은 제목, 크기, 간격 및 대비를 사용하여 관계를 나타냅니다. 여백은 그룹을 분리하여 쉽게 스캔할 수 있게 합니다.
- 각 섹션에는 가독성 높은 제목을 사용하고, 각 작업에는 명확한 라벨을 부여하십시오. 색상은 구조를 지원해야 하며, 클릭 가능함을 알리는 유일한 신호가 되어서는 안 됩니다.
모든 항목에 동일한 강도로 강조를 주는 것은 항상 명확한 계층을 만듭니다.
난이도 1/5 · 100 코인 + 오늘 첫 완료 시 소액 보너스
계층은 우선순위와 관계를 전달합니다. 동일한 강조는 중요한 행동을 찾기 어렵게 만들 수 있습니다.
디자인 도구를 주요 목적과 매칭하세요.
난이도 2/5 · 140 코인 + 오늘 첫 완료 시 소액 보너스
이 도구들은 서로 다른 수준에서 작동합니다: 경로, 페이지 레이아웃 및 시각적 그룹화.
외관뿐만 아니라 작업도 테스트하기
- 파트너에게 클릭 위치를 설명하지 않고 작업을 제공하십시오. 그들이何处에서 주저하는지, 어떤 라벨을 선택하는지, 올바른 답을 찾는지 기록하십시오.
- 혼란스러운 부분을 수정하고 작업을 반복하십시오. 작업 테스트는 스크린샷으로는 드러나지 않는 문제를 발견할 수 있습니다.
예쁜 페이지가 사용 가능한 경로의 증거는 아닙니다. 사용자 인용문을 임의로 creation하거나 본인의 의견을 사용자 연구라고 주장하지 마십시오. 실제 관찰 결과와 해석을 구분하여 유지하십시오.
작업 테스트 기록에 포함되는 것은 무엇입니까? 해당되는 모든 항목을 선택하세요.
난이도 2/5 · 140 코인 + 오늘 첫 완료 시 소액 보너스
일어난 일을 기록하십시오. 해석은 이어질 수 있지만, 허구적인 관찰은 연구로 제시되어서는 안 됩니다.
findings를 디자인 결정으로 전환하기
- 페이지 목록, 원본 와이어프레임, 두 번의 작업 테스트 기록을 작성하십시오. 참가자가 실제로 행한 내용을 바탕으로 한 수정 사항을 하나 설명하십시오.
- 첫 번째 버전과 수정된 버전을 모두 보관하여 논리를 볼 수 있게 하십시오. 작업 브리프에 필요한 디자인 증거가 있는지 확인하십시오.
타겟 → 관측 가능한 작업 → 콘텐츠 구조 → 와이어프레임 → 작업 테스트 → 수정. 템플릿과 클릭 횟수는 도구일 뿐, 보장이 아닙니다.
이 첫 번째 설계-테스트 주기 단계들을 배열하십시오.
난이도 3/5 · 200 코인 + 오늘 첫 완료 시 소액 보너스
과제는 스케치에 정보를 제공하고, 스케치는 테스트를 지원하며, 관찰 결과는 수정에 반영됩니다. 후속 반복 과정에서 이전 결정 사항을 다시 검토할 수도 있습니다.
명확한 4클릭 경로는 테스트에서 작동하지만, 혼란스러운 2클릭 경로는 그렇지 않습니다. 당신은 무엇을 결론지어야 합니까?
난이도 1/5 · 100 코인 + 오늘 첫 완료 시 소액 보너스
클릭 횟수는 하나의 관찰 결과일 뿐이며, 사용성의 보편적인 판정이 아닙니다.