웹 디자인 비평 # 43 : 직장 복부
매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.
오늘날의 비판은 아이폰 애플리케이션 웹 사이트 인 Abdominals at Work입니다.
디자인 리소스 살펴보기
향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 34 달러가 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.
직장 복부 앱 정보
“아이소 메트릭 수축의 수동적 방법. 컴퓨터 나 텔레비전 앞에서 많은 시간을 보낸 경우이 방법을 사용하여 다른 작업을 수행하는 동안 복근을 운동 할 수 있습니다. 시간과 장소를 선택하면이 응용 프로그램은 운동을하는 방법, 리듬과 강도를 진동이나 멜로디로 구분하여 표시합니다.”
다음은 홈페이지의 스크린 샷입니다.
첫 인상
이 페이지에 대한 나의 초기 생각은 상당히 긍정적이었습니다. 나는 사이트의 전체적인 모습과 그것이 앱의 모습을 어떻게 반영 하는지를 좋아한다. 흐린 하늘 장면은 나에게 운동을 제안하지는 않지만 앱은 편안한 방식으로 운동하는 것에 관한 것이므로 모든 것이 잘 어울린다고 가정합니다.
색상과 그래픽은 매우 친숙하고 환영하는 환경을 만듭니다. 내가 가장 좋아하는 부분은 전체 내용이 얼마나 간결한 지입니다. 스크린 샷이있는 iPhone, 간단한 설명, 공유 방법 및 iTunes 스토어에 대한 눈에 띄는 링크를 통해 자세한 내용을 확인하고 앱을 다운로드 할 수 있습니다. 당신을 압도하지 않고 관심을 갖기에 충분합니다.
항상 앱의 일반적인 방향을 좋아하지만 항상 개선을위한 제안이 많이 있습니다. 긍정적 인 변화가 무엇인지 알아볼 수 있도록 몇 가지 특정 영역을 분류 해 봅시다.
소리
사운드가 포함 된 사이트에 대한 디자인 비평 요청을 제출 한 사람은 모두 동일한 조언을받습니다. 나는 항상 사이트 개발자가 방문자에게 소리를 없애기보다는 처음에 소리를 추가하는 옵션을 제공하는 것을 선호합니다. 웹 브라우징은 일반적으로 조용한 환경이며 갑자기 큰 소음이 들려도 방문자에게 화를 내지는 않습니다.
이 사이트는이 영역에서 대부분의 사이트보다 훨씬 더 나은 성능을 제공합니다. 소리가 자동으로 시작 되기는하지만 조류와 파도가있는 조용하고 편안한 바다 테마입니다. 페이지 하단 근처의 chi 소리가 나는 새 이미지를 클릭하여 소리를 끌 수도 있습니다.
이것에 대해 몇 가지 생각이 있습니다. 첫째, 나는 그것을 찾기 위해 스크롤해야했습니다 (작은 MacBook 화면에 있음에도 불구하고). 직장, 도서관 또는 기타 공공 장소에서 누군가가 귀하의 사이트를 방문하는 경우, 사이트를 끄는 방법을 찾기 위해 부끄러워 할 때 사이트를 방문하지 않아도됩니다. 사용자는 음소거 버튼을 누르는 것으로 생각하지만, 가능한 한 빨리 창을 닫을 것입니다.
또한 음악 노트가 나오는 새가 사운드 컨트롤을 제안하는 방법을 확실히 알 수 있지만 웹의 모든 사이트에서 볼 수 있듯이 트위터 새 링크와 불행한 유사점이 있습니다. 메시지를 강화할 텍스트가 없기 때문에 새가 사운드 컨트롤임을 즉시 알 수 없습니다.
여기서 간단한 조언은 자동 재생 오디오를 사용하려는 경우 컨트롤을 페이지 상단 근처에 배치하고 작동을 명확하게하는 것입니다. 갈매기 그래픽 (트위터 새가 바다 테마와 일치하지 않음)과 새 근처의 "소리 켜기 / 끄기"메시지를 제안합니다. 또한 사이트가 음소거되면 음악 노트 애니메이션이 중지되고 전체 시간이 계속되는 것이 아니라 사운드가 켜져있을 때 시작됩니다.
생기
사운드 외에도 페이지에는 콘텐츠 앞뒤로 떠 다니는 떠 다니는 구름이 여러 개 있습니다. 이것은 페이지에 약간의 재미를 더 해주고 정적 그래픽보다 더 흥미 롭습니다.
대부분의 경우 구름은 사용성을 방해하지 않지만 때로는 텍스트의 가독성을 방해합니다. 또한 루프 애니메이션과 마찬가지로 사이트를 응시하는 것보다 많은 시간을 보내면 약간 단조로울 수 있습니다! ToonyTuts Critique에서 본 확실한 아이디어는 음악 및 / 또는 애니메이션 클라우드를 중지하기위한 간단한 2 개 아이콘 제어 시스템이었습니다. 이 사이트의 테마는 오늘날의 사이트와 매우 유사하므로 비슷한 컨트롤이 여기서 완벽하게 작동한다고 생각합니다.
메시징 및 텍스트
우리는 복부 운동에 대해 논의하고 있음을 분명히하는이 사이트가 훌륭하다고 생각합니다. 그러나 재미 있고 재미있는 페이지의 경우 기술적 인 측면에 약간의 영향을 줄 수 있습니다. 주요 헤드 라인“일시적인 수축 수축 방법”을 고려하십시오. 멋지고 고상하지만 실제로 친근한 반지가 없습니까?
이 메시지를 버릴 필요는 없지만“TV를 보면서 6 개 팩을 만드십시오!”와 같은보다 흥미로운 헤드 라인을 위해 단락에 메시지를 포함시키는 것을 고려하십시오. 이것은 결코 최고의 예는 아니지만 제 제안의 핵심입니다. 이와 같은 헤드 라인은 어리석게 느끼고 동의어 사전이 없기 때문에 당신을 끄는 것보다 더 배우고 싶어합니다.
아마도 전체 페이지에서 가장 큰 문제는 파란색 배경의 노란색 텍스트 일 것입니다. 이 두 가지 색상은 작은 텍스트에서 큰 시간을 허비하며이 정보를 읽기가 매우 어렵습니다.
문제는 고전적인 갈등 대 색 이론의 보완입니다. 두 가지 색상이 충분히 다르지 않을 때, 특히 하나가 다른 하나 위에 놓일 때 서로 충돌하는 경향이 있습니다. 아래의 예와 그보다 더 가볍고 채도가 낮은 노랑색 텍스트가 그 앞의 버전보다 얼마나 더 읽기 쉬운 지 고려하십시오.
이제는 이것이 실제로 앱의 색상이므로 사이트에서 색상을 변경하는 것이 논리적이지 않다는 것을 알고 있습니다. 따라서 내 텍스트는 단순히 노란색 강조 텍스트를 긁어 내고 가독성을 방해하지 않는 다른 텍스트, 굵은 텍스트, 밑줄 등을 사용하는 것입니다.
아이폰
슬라이드 쇼가 포함 된 iPhone 그래픽은 iPhone 앱 웹 사이트에서 매우 인기가 있으며, 그럴만한 이유가 있습니다. 그것은 사이트의 모든 내용을 즉시 명확하게합니다. 그러나 나는 이것이 조금 세련 될 수 있다고 생각합니다.
우선 슬라이드 쇼 내비게이션 역할을하는 작은 점들은 그 옆에 회전하는 로딩 원을 가지고 있습니다. 이 작은 애니메이션은 멈추지 않습니다. 어떤 용도로 사용됩니까? 회전하는 것을 볼 때, 이것은 페이지 로딩이 완료되지 않았 음을 나타냅니다 (이 그래픽이 의미하는 바라고 배웠습니다). 결론적으로, 이 그래픽은 혼란스럽고 혼란스럽고 실용적인 목적을 제공하지 않습니다.
또한 작은 성가심으로 저의 Apple 괴짜는 iPhone 이미지가 오래되었다는 것을 알 수는 없습니다. iPhone 5가 거의 다 왔고이 사이트에는 아직 iPhone 4의 그래픽이 없습니다. 나는 이것을 유지하는 것이 우스운 일이지만, 사이트는 실제로 iPhone 앱을위한 것이므로 이것이 중요 할 수 있습니다. 오래된 이미지가 있으면 앱 자체가 오래되고 오래되었다고 느끼므로 구매하기 전에 두 번 생각하게됩니다!
항해
사이트에 대한 마지막 생각 중 하나는 탐색이 실제로는 사후 생각처럼 보인다는 것입니다. 여기에는 방문자와 관련된 정보로 페이지의 텍스트 내용을 변경하는 링크가 포함되어 있지만 어떤 이유로 바닥 글에 숨겨져 있습니다.
이것이 실제로 사소한 것이면 나는 신경 쓰지 않을 것이지만 실제로 디자이너가 인정한 것보다 더 중요하게 보입니다. 간단한 해결책은 페이지 맨 위에있는 일반적인 위치에 텍스트를 던져 텍스트를 약간 확대하는 것입니다.
네 차례 야!
이제 내 의견을 읽었으며 디자이너에게 추가 조언을 제공하여 의견을 제시하고 도움을주었습니다. 디자인에 대해 좋은 점과 더 강하다고 생각되는 점을 알려주십시오. 항상 그렇듯이 사이트의 디자이너를 존중하고 가혹한 모욕이없는 명확한 건설적인 조언을 제공하십시오.
