퀄리티 자가 점검

👀시안 체크 리스트

👌디자인 측면

1. 확실한 컨셉이 있는지?
2. 트렌드를 반영하는지?
3. 사용된 컬러는 주위의 컬러들과 조화를 이루는가?(튀는 톤이 없는지,채도의 높고 낮음이 적당한지,명도 등 너무 과한 곳이 없는지)
4. 눈에 피로를 주거나 산만해 보이지는 않는가?
5. 선정된 컬러가 탁하거나 너무 어두워 보이지 않는가?
6. 현재 화면의 키 컬러의 사용빈도는 적당한가?
7. 키컬러와 포인트컬러가 있는지?
8. 오브젝트 또는 텍스트의 전체적인 벨런스가 맞는지
9. ui디자인은 잘 정제되어 심플함을 유지하는가?
10. 레이아웃이 적당한 공간 배분을 갖는가?
11. 각 요소들의 배치가 적절한 공간과 위치를 갖는가?
12. 디자인이 전체적인 통일성을 갖는가?
13. 시인성과 인지적 명확성을 확보하는가?
14. 사용된 투명도나 그림자 등은 동일 계층에 사용된 포맷과 동일하게 적용되었나
15. 텍스트의 시인성 및 가독성 좋은지?
16. 텍스트 간 위계는 이루어져있는가?
17. 각 특성에 맞는 폰트가 사용되었는가?
18. 구현에 적합한 텍스트 효과가 사용 되었는가?

👌 UI측면

1. UX적으로 이상이 없는지( UX가 편한지? 참신한지?)
2. 버튼 크기들이 적절한지
3. 컨텐츠 사이 여백들이 적정한지
4. 스크롤을 많이 하지 않고 구성 할 수 있는 방법 고민이 이뤄렸는지 (예: 카드이미지 >캐러샐배너형식)
5. 메인과 서브가 통일성이 있는지?
6. 사진들의 이미지의 톤이 통일성이 있는지
7. 각 UI들 간의 계층은 구별 되는가?

 

세부사항
- 현재 화면의 키 컬러의 사용빈도는 적당한가?
- 사용된 컬러는 주위의 컬러들과 조화를 이루는가?
- 눈에 피로를 주거나 산만해 보이지는 않는가?
- 선정된 컬러가 탁하거나 너무 어두워 보이지 않는가?
- 화면에 보이는 색상의 개수가 너무 많지 않은가?
- 색감이 적절한지? 칙칙하지 않은지?
- 키컬러와 포인트컬러가 있는지?
- 시인성 및 가독성 좋은지?
- 우선순위가 잘 표현되어있는지?

텍스트
-텍스트사이즈와 가독성은 확보되는가?
-텍스트 간 위계는 이루어져있는가?
-각 특성에 맞는 폰트가 사용되었는가?
-구현에 적합한 텍스트 효과가 사용 되었는가?
- 텍스트의 컬러가 주위 컬러들과 잘 조화되는가?

오브젝트
- 오브젝트 크기가 적당한지?
- 오브젝트들이 리듬감이 있는지?
- 정렬이 잘 맞는지?
- 오브젝트간 간격이 적당한지?
- 아이콘등 이미지가 통일성(컨셉 및 볼륨감) 있는지?
- 이펙트나 터치시의 반응유무? UX
-현재 페이지에서 가장 먼저 해야할 것이 보이는가?
-시선과 동선의 유도는 자연스러운가?
-현재 위치한 곳이 어디인지 파악할 수잇는가?
-명확한 인터렉션을 전달하는가?

- 고객이 돈을 지불할 가치가 느껴지는지?