웹 디자인 비평 # 72 : 대서양 기업 인테리어
매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.
오늘의 사이트는 Atlantic Corporate Interiors입니다. 우리가 어떻게 생각하는지 봅시다!
향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 49 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.
대서양 기업 인테리어 정보
“비즈니스 소프트웨어에서 제품 솔루션, 백룸 프로세스에 이르기까지 우리가하는 모든 일은 고객의 의견을 듣고 그에 따라 대응하는 것입니다. 당연히이 아이디어는 간단하지만 여전히 시장에서 공명합니다. 비즈니스 속도가 빨라지고 시장 성과에 대한 요구가 높아짐에 따라 하나의 이정표가 꾸준히 남아 있습니다. 고객의 의견을 듣고 있습니까? 우리가 충분히 잘하면 다른 모든 것이 뒤 따릅니다. 우리의 솔루션은 예산 범위 내에서 창의적이고, 가장 중요한 것은 고객의 기대치를 능가 할 것입니다.”
다음은 홈페이지의 스크린 샷입니다.
첫 인상
나는이 사이트의 디자이너와 약간 대화를 나 and으며이 비평가가 시작되기 전에 그 사이트가 저녁에 방금 갔다고 언급했다. 최신 사이트를 평가할 수있는 흥미로운 기회입니다. 상상할 수 있듯이 수천 명의 사람들이 사이트를 볼 때까지 알지 못하는 작은 문제와 오류를 모두 완화하는 데 며칠 또는 몇 주가 걸릴 수 있습니다.
이 사이트에 대한 나의 첫인상은 그것이 매우 깨끗해 보인다는 것입니다. 디자이너가 최종 제품이 불필요한 요소와 메시지로 인해 혼잡 해지지 않도록 열심히 노력했다고 말할 수 있습니다.
페이지는 잘 구성되어 있습니다. 머리글, 내용 영역 및 바닥 글, 색상과 질감으로 구분 된 세 가지 섹션이 있습니다. 순전히 주관적인 관점에서 볼 때 사이트의 질감이 약간 무겁습니다. 나는 바닥 글의 선과 그라디언트의 중요성을 특히 좋아하지 않습니다. 나는 그것이 다른 요소에서 비롯된 시각적 주제라는 것을 알고 있지만, 그러한 넓은 지역에서는 그것이 약간 바쁘고 산만하다고 생각합니다.
다시 한 번, 이것은 논리적 비평보다 개인적인 취향에 가깝습니다. 전체적으로 새로운 디자인은 성공한 것처럼 보입니다. 이 회사를 2011 년과 그 이후로 가져 오는 현재 디자인 스타일에 대한 견고한 시도입니다. 둘러 보면 언급하고 업데이트 할 가치가있는 특정 포인트가 있습니다. 이것에 대해 논의 해 봅시다.
페이지 제목
사이트에 대해 처음 알게 된 것 중 하나는 누군가가 제목을 업데이트하는 것을 잊어 버린 것 같습니다. 이것은 현재 이전 테스트에 대한 기술 참조입니다. 사이트가 게시되었으므로 기능 및 SEO 목적을 위해 비즈니스 이름을 반영하도록 업데이트해야합니다.
막연한 목적
나는 미니멀리스트 웹 디자인 운동의 열렬한 팬이지만 때로는 원칙을 너무 멀리 가져갈 수 있습니다. 이 사이트의 홈 페이지가 이에 대한 예일 수 있습니다. 랩톱에 사이트를로드 할 때 표시되는 페이지 부분은 다음과 같습니다.
보시다시피, 사이트는 무슨 일이 일어나고 있는지에 대해 매우 모호합니다. 사용자가 즉시 대답 할 수있는 몇 가지 주요 질문이 있습니다.이 사이트의 사용자는 누구입니까? 누구를위한 것인가? 이에 대한 답으로 사이트 상단에는“ACI”라는 로고 만 표시됩니다. 회사에 대한 설명이나 회사의 기능은 전혀 없습니다. 슬라이드 쇼의 그림은 실마리이지만, 제공되는 제품이 제품 (가구), 서비스 (사무실 설치) 또는 둘 다인지 잘 모르겠습니다. ACI가 제공하는 것에 대한 최고의 지표는 탐색에서 "가구"라는 단어에서 비롯됩니다.
이런 종류의 "수수께끼를 해결하기위한 실마리를 모아서"웹 브라우징 경험은 사용자를 좌절시킬 수 있습니다. 물론, 어떤 사람들은 그것이 무엇인지 정확히 알고 있기 때문에 단지 사이트를 탐색 할 것입니다. 다른 사람들은 Google 및 기타 리소스를 통해 사이트를 우연히 발견 할 것입니다. .
수정하는 방법
여기의 수정은 생각보다 쉽습니다. 사람들에게 자신이 누구이며 무엇을하는지 알려주기 위해 텍스트의 큰 단락이 반드시 필요한 것은 아닙니다. 대신 간단한 라이너 하나를 사용해보십시오. 예를 들어 Twitter는 매우 복잡한 개념이지만 홈페이지에는 다음과 같이 표시됩니다.
"현재 관심있는 사람과 조직을 통해 현재 상황을 파악하십시오."
이것은 단지 서비스에 대한 핵심 개념을 말해줍니다. ACI 사이트의 상단 부분에 이와 같은 내용을 제시하는 것이 좋습니다.
보조 탐색
홈 페이지를 지나면 보조 페이지도 상당히 잘 디자인되어 있습니다. 이들 대부분은 아래 표시된 것과 같이 효과적이고 간단한 2 열 레이아웃을 선택합니다.
이 페이지에서 디자이너는 모든 콘텐츠를 깔끔하게 분류하고 정리하는 데 도움이되는 보조 탐색 기능을 도입했습니다. 로고에서 밝은 오렌지색을 반복하면 멋지게 터치 할 수 있으며, 색상 표를 일관되게 유지하면서 페이지에 약간의 생명을 불어 넣습니다.
보조 탐색의 문제점은 항상 사용되지는 않는다는 것입니다. 일부 페이지에는 형제가 없으므로 빈 탐색 영역이 있습니다. 이것은 의도적으로 비워 둔 것보다 우연히 보이는 디자인에서 꽤 어색한 요소를 만듭니다.
수정하는 방법
여기에 해결책은 간단합니다. 넣을 내용이 없을 때 보조 탐색을 모두 숨기십시오. 홈페이지는이 요소를 생략 한 페이지의 예이므로 여기서 다시 수행하는 것이 좋습니다.
랜덤 링크
내가 클릭했을 때 사이트에 대해 마지막으로 주목 한 것은 실제로는 아무데도 가지 않는 몇 개의 이미지 링크가 있다는 것입니다. 대신 더 큰 버전의 이미지를 엽니 다. 원칙적으로 이것은 괜찮으며 이미지 갤러리에 대한 표준 관행입니다. 그러나 이것들은이 기능을 수행 할 수없는 이미지에 나타납니다. 내가 알 수있는 한, 이것은 아래와 같은 사이드 바 이미지에 국한됩니다.
여기 우리는 키보드에있는 전화기 그림을 볼 수 있습니다. 이것은 연락처 페이지라는 점에서 완벽합니다. 그러나 전화 이미지 위로 마우스를 가져 가면 손 모양 커서가 표시되어 클릭합니다. 이것은 키보드로 전화의 큰 그림을 제공합니다. 간단한 재고 사진을 자세히 살펴보아야하는 이유는 무엇입니까? 이 불필요한 기능은 중요한 것으로부터 사용자를 방해 할 수 있습니다.
결론
요약하면, 이 사이트 재 설계는 성공했다고 생각합니다. 미적 감각은 깨끗하고 최신이며 현장에서 판매되는 세련되고 현대적인 가구와 잘 어울립니다. 전반적으로 개선에 대한 나의 제안은 주관적인 디자인 결정과 약간의 버그 수정에 달려 있습니다.
- 텍스처를 약간 완화하는 것을 고려하십시오. 아마도 노이즈 레이어를 낮추고 바닥 글을 덜 산만하게 만듭니다.
- 페이지 제목을 수정하십시오.
- 사이트 / 회사의 목적이 홈페이지에 명확하게 명시되어 있는지 확인하십시오.
- 필요하지 않은 경우 보조 탐색 표시 줄을 숨 깁니다.
- 더 큰 크기로 볼 이유가없는 임의의 재고 사진에 대한 링크를 삭제하십시오.
네 차례 야!
이제 내 의견을 읽었으며 디자이너에게 추가 조언을 제공하여 의견을 제시하고 도움을주었습니다. 디자인에 대해 좋은 점과 더 강하다고 생각되는 점을 알려주십시오. 항상 그렇듯이 사이트의 디자이너를 존중하고 가혹한 모욕이없는 명확한 건설적인 조언을 제공하십시오.