웹 디자인 비평 # 21 : Billy.com

/2016-05-13 22:31:27/
Audrie
/비평/

매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.

오늘의 사이트는 온라인 저축 클럽 인 Billy.com입니다.

디자인 리소스 살펴보기

향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 24 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.

Billy.com 정보

“내 소개를하겠습니다. 제 이름은 Billy이고 웹의 Smartest Savings Club의이면에있는 사람입니다. 저축은 저의 열정이 아니라 저의 목적입니다. 내 직업은 친구들이 다시는 전액을 지불하지 않도록하는 것입니다. 환상적인 가족의 도움으로 친구를 대신하여 소매 업체 및 서비스 제공 업체와 큰 거래를 협상합니다. 믿기 어려울 지 모르지만, 제 모습과 거친 외모 뒤에는 전력 협상가가 있습니다! 또한 다른 벤더의 제안과 견적을 비교하여 친구들이 가장 적합한 제품이나 서비스를 찾고 가능한 한 많은 돈을 벌 수 있도록합니다.

다음은 홈페이지의 스크린 샷입니다.

이제 디자인의 다양한 측면을 분석하고 작동하는 것과 작동하지 않는 것을 논의 할 것입니다.

전반적인 디자인

방금 말이야, 내 느낌은 디자인이 약간 오래된 느낌이 들었다. 여기에 내려진 결정 중 일부는 거의 10 년 전의 웹 디자인 스타일을 반영합니다. 여기에는 헤더 처리, 사용 된 글꼴 및 색상, 심지어 일요일 아침 신문 만화 일러스트 스타일까지도 포함됩니다 (아래에서 자세히 설명합니다).

그러나 전체 레이아웃은 상당히 기능적입니다. 사이드 바는 좋은 너비이며 잘 정리되어 있으며 주요 내용은 논리적으로 흐릅니다.

메시징

내가 생각하는 사이트 중 하나는 메시지입니다. “저축 클럽”이라는 용어는 꽤 모호하며 함정일 수있는 것처럼 들리지만 카피라이터는 클럽이 완전히 자유 롭다는 것을 분명히했습니다. 30 초 밖에 걸리지 않는 방법에 대한 확신이 담긴“내 친구가 되어라”는 요청이 중요합니다.

때때로 웹 서비스에 가입하는 것은 쉬운 것처럼 보이지만 사용자가 필사적으로 피하고 싶어하는 관련 프로세스로 빠르게 이어집니다. 30 초 진술은 강력한 격려이며 많은 사용자가 가입 한 주요 이유는 의심 할 여지가 없습니다.

또한이 영역 아래에는 인기있는 저축 목록이 있습니다. 이는 사이트의 목적과받을 수있는 거래의 종류를 정리하는 또 다른 단계입니다.

타이포그래피

이것은 조금 가혹하게 들리지만, 간단한 단계를 따르면 디자인이 크게 향상됩니다. 디자인의 첫 번째 규칙은 "코믹 산을 사용하지 마십시오"입니다. Billy.com은 이러한면에서 테스트를 통과했지만 매우 유사하고 덜 알려진 규칙은 "호보를 사용하지 마십시오"입니다.

말할 좋은 방법은 없습니다. Hobo는 못생긴 글꼴입니다. 특정 항목에 재미있는 글꼴을 사용하려면 스타일과 클래스가 조금 더있는 글꼴을 찾으십시오. FontSquirrel은 검색을 시작하기에 좋은 장소입니다. 사이트에 들러서 거의 무작위로 무언가를 고르면 아래 이미지 (글꼴은 일본이라고 함)가 나타났습니다. 검색에 실시간과 노력을 투자하면 훨씬 더 잘할 수있을 것입니다.

곤봉

빌리에 대해 잠시 이야기 해 봅시다. 사이트를 처음로드 할 때 Billy가 보이지 않습니다. 그런 다음 심연에서 발자국 소리와 걷기 소리가 들리며 빌리가 손을 흔들고 고개를 끄덕이며 표지판을 들으며 사업에 관한 만화 효과를 많이 내었습니다.

나를 잘못 이해하지 마십시오, 그는 재미있는 캐릭터입니다. 그는 엉뚱하고 친근 해 보이며 사이트에 개인적인 요소를 가져옵니다. 마우스로 마우스를 가져 가서 미소를 짓고 물결 치는 것을 보는 것은 재미 있습니다. 그러나 나는 그가 약간 잘못 사용했다고 생각합니다.

음향 효과가있는 모든 사이트는 사용자에게이를 끄는 방법을 제공 할 것을 거의 항상 권장합니다. 소리를 완전히 제거하는 버튼을 포함 시키십시오. 사용자가 버튼을 누르면 소리가 켜집니다 (기본적으로 소리가 나지 않음).

또한 Billy의 위치가 잘못되었다고 생각합니다. 그는 사이트에 대해 알리고주의를 기울이는 표지판을 들고 실제로 사이드 바의 내용을 다루므로 실제로 해당 내용을 읽거나 상호 작용하려고하면 사용성이 다소 떨어집니다.

BIlly를 페이지 오른쪽으로 옮기는 것이 좋습니다. 기본 상자의 내용은 왼쪽에 상당히 있기 때문에 사이트 기능에 중요한 내용은 다루지 않았습니다.

현대적인 디자인 점검

다른 사람이 사이트를 다시 디자인한다는 제안을 듣는 것은 결코 재밌지 않습니다. 그리고 모든 정직에서 Billy.com은 그대로 작동하며 위의 간단한 제안으로 많은 기능을 향상시킬 수 있습니다. 그러나 가까운 시일 내에 사이트를 시각적으로 점검하기로 결정했다면, 오늘날 웹에서 인기있는 캐릭터 중심 사이트를 살펴 보는 것이 좋습니다.

아래 사이트는 모두 훌륭한 색 구성표, 일러스트레이션, 질감 등 아름다운 현대적인 웹 디자인 스타일을 사용합니다. 이러한 사이트를 리핑하는 것이 아니라 Billy.com을 가져 오기위한 제안을 해석하는 방법에 대한 영감으로 제시하는 것이 좋습니다. 시각적으로 최신.