티스토리 뷰
최근에 사이드 프로젝트로 사이트를 제작하면서 도메인 구입의 필요성을 느꼈다. 보통은 .com이나 .net 까지만 보고 넘겼는데, 최근에 .co, .io, .so 같은 다양한 최상위 도메인이 활성화 되었고 내가 등록하려던 .com 도메인은 이미 선점되어 있어서 다른 최상위 도메인까지 방대하게 뒤져봐야 할 필요가 생겼다. 그래서 새삼 검색기능이 눈에 들어오게 되었다.
비교 사이트는 호스팅케이알과 고대디이다. 호스팅케이알은 .com 도메인을 국내 최저가인 9천원대로 판매하는 곳이라 몇년 째 애용하고 있다. 고대디는 해외에서 가장 유명한 도메인 등록 사이트로 국내사에서는 취급하지 않는 다양한 최상위 도메인을 취급하고 있고 프로모션을 많이 해서 할인가로 구매할 수 있는 장점이 있다.
분석에는 두 사이트 모두 'daily' 라는 키워드로 검색을 진행하였다.
1. 호스팅케이알 (https://hosting.kr/)
| 기본 검색 살펴보기
도메인을 검색하면 .com, .co.kr 같은 인기 도메인의 결과가 최상단에 출력된다. 등록 불가한 도메인도 전부 보여준다. .com과 .co.kr 같은 인기 도메인이 이미 등록되었다고 해서 감춰버리면 사용자는 "그래서 사용중이라는 거야 아니란 거야?" 싶어서 확인하기 위해 또 검색을 해야 하기 때문에 처음부터 보여주는 것이 더 명료한 것 같다.
👍 장점 1 - 편리한 자동완성 기능
호스팅케이알의 가장 훌륭한 점은 자동완성 기능이다. 가격도 함께 노출된다. 사용자가 도메인 가격 페이지를 찾아다니며 비교해야 했던 번거로움을 줄여준다. 검색창은 한 눈에 들어오는 270px 폭에 11개 도메인이 노출되는 높이이다. Y축 스크롤을 넣어서 마우스를 많이 움직이지 않고 많은 후보군을 확인할 수 있다. 마지막 타이핑 위치에 검색창이 나오는 것도 디테일한 UI 포인트이다.
daily. 다음에 아무것도 입력하지 않으면 .com 같은 인기 도메인이 추천 되고 (좌) 원하는 키워드를 입력하면 해당 키워드로 시작하는 도메인 리스트를 보여준다(우). 2단계 도메인뿐만 아니라 3단계 도메인까지 검색된다.
👍 장점 2 - 검색 히스토리 제공
오른쪽 검색 히스토리 창이 배치되어 있다. 도메인 검색은 숲속에서 길 잃은듯 이것저것 한꺼번에 대량의 키워드를 검색하기 때문에 이제까지 무엇을 검색 했었는지 까먹기 쉬운데 히스토리 기능은 매우 유용하다. 저장을 원하지 않으면 끌 수 있고 키워드 낱개 삭제, 전체삭제 할 수 있다.
🚫 문제점 1 - 이미 등록된 도메인 추천
daily.work라는 도메인을 검색했는데 이미 등록된 도메인임에도 버젓이 추천되고 있다. 이 다음 고대디 파트에서 설명하겠지만 daily.work를 구입하려면 200만원대가 예상되는데 .work의 기본 가격인 9,800원을 붙여서 추천하는 것은 사용자에게 큰 혼동을 준다.
🚫 문제점 2 - 마이너한 등록불가 도메인까지 출력
도메인 검색은 출력되는 정보량이 많다. 리스트를 상하 스크롤하며 비교해야 하기 때문에 페이지내이션보다는 무한 스크롤로 많이 제작된다. 이것은 스크롤 노가다가 많아지는 단점이 있으며, 소팅 기능 제공이 중요하다는 뜻이다.
호스팅케이알은 검색결과에 등록 불가한 도메인과 마이너한 도메인까지 나와 검색결과가 방대하다. 장점 부분에서 .com 같은 인기 도메인은 등록 불가여도 검색결과에 보여주는 게 좋다고 꼽았는데 .com .net .co.kr 같은 인기 도메인만 보여주고 .space 같은 마이너한 도메인은 필터링해서 감추는게 좋지 않을까.
🚫 문제점 3 - 소팅 기능 중복
기본적인 몇 개의 정렬 기능을 기능을 제공한다. 그런데 [등록가능 순]이 셀렉트 박스에도 있고 체크박스로도 있어서 중복된다.
[개선 예시]
3번 내용을 정리해서 컴포넌트 순서만 살짝 바꾸면 아래와 같이 된다. [등록가능] 체크박스와 [0개 / 전체 499개] 위치를 바꾸었다. 정렬 기능은 정렬끼리, 개수는 [장바구니 담기] 버튼 옆에 넣어서 연관 기능끼리 인접한 위치에 배치했다. 컴포넌트는 같은 기능끼리 모아놓으면 인지하기 훨씬 쉬워진다.
🚫 문제점 4 - Disabled의 오용, 맥락이 다른 버튼 혼재
Disabled는 사용이 불가능한 경우에만 사용해야 한다. 그러나 위 검색결과에서는 disabled 된 체크박스도 체크가 된다. 등록 가능한 도메인을 체크하면 [장바구니 담기]와 [바로 등록] 버튼이 활성화되고 등록불가한 도메인을 체크하면 [예약 등록] 버튼이 활성화된다. 그리고 전혀 다른 두 개의 맥락을 가진 버튼이 일직선상에 섞여 있어서 혼동스럽다. [예약 등록] 버튼은 disabled와 enabled 상태가 모두 회색을 사용해서 구별이 어렵다.
2. 고대디 (https://kr.godaddy.com/)
| 기본 검색 살펴보기
알파벳 하나만 입력해도 추천 도메인을 보여준다. 총 7개의 도메인이 표시된다. 고대디는 이미 등록된 인기 도메인은 검색 결과에서 제외한다. 어차피 못 쓰니 포기하고 다른 것을 찾아보라는 뜻인데 호스팅케이알처럼 확인사살을 해주는게 더 좋은 것 같다. 대신 이미 등록된 도메인이더라도 .me 나 .xyz 같은 비인기 도메인은 나오는게 미스테리이다.
.com 이 등록 불가인지 아닌지 일일히 daily.com을 검색해서 보아야 사용 여부를 알 수 있다. 등록할 수 없다는 표시는 disabled된 아이콘과 컬러로 구분 지었다.
👍 장점 1 - 키워드 맞춤형 자동완성 기능
자동완성 기능으로 키워드에 어울리는 도메인을 추천한다. 가령 shop 키워드로 검색을 하면 쇼핑에 어울릴만한 .buy나 .markets를 추천해준다. 사용자는 어떤 최상위 도메인이 있는지 전부 알지 못하고 그냥 .com 정도를 떠올리며 검색을 시작할 것이다. 그러나 고대디의 알고리즘이 키워드에 맞는 다양한 도메인을 추천해준다. .pet이나 .book 같이 구체적이고 직관적인 도메인을 추천 받는다면 해당 서비스 사업자에게는 큰 도움이 될 것 같다.
👍 장점 2 - 유효한 가격 정보 제공
도메인 등록 사이트들은 365일 세일을 하기 때문에 가격 변동폭이 널뛰기이다. 2,900원이란 말을 믿고 등록했는데 1년 뒤엔 정가로 갱신해야 되어서 수 만원을 내야 하는 상황이 생기기도 한다. 그런 애매모호함을 방지하기 위해 고대디는 가격의 유효기간을 표시한다. 소비자가 이해하기 쉬운 용어로 '최초 1년 동안' 이나 '다음 해에도 동일한 가격'이라는 문구를 사용하고 있다.
👍 장점 3 - 도메인 구입 장려 UX
이미 등록되어 있는 도메인을 구입시키기 위해 고객을 적극적으로 설득한다. 호스팅케이알은 단순하게 '추천' 이란 라벨만 붙였으나 고대디는 '프리미엄 도메인'이란 이름으로 구분 짓고 구입해야 하는 이유까지 설명한다. '등록불가'라는 부정적인 단어 대신 프리미엄 도메인, 최고의 서비스인 이유, 오퍼하기 같은 단어를 사용하였다.
이미 등록된 도메인의 경우 [예상가] 버튼을 클릭하면 데이터를 기반으로 예상 가격을 계산해준다. 딜을 시도할지 말지 가격대를 알 수 없을 때 유용한 기능이다. 또한 문의 전화번호를 적극적으로 노출하고 있고 사이트 전체적으로 활기차고 긍정적인 말투를 사용하고 있다. 이는 고객을 위해 발로 뛰는 적극적인 이미지를 심어준다.
🚫 문제점 1) 강매식 추천
장점 2번에서 언급한 키워드 분석 추천기능이 과해져서, 굳이 필요없거나 호감도가 떨어지는 도메인(.bet, .adult) 까지 상단에 추천한다. 성인용 온라인 오락 서비스는 도메인을 자주 바꾸기 때문에 수요가 많기야 하겠지만, 자칫 일반 구매자에게 부정적인 인상을 줄 수 있다.
🚫 문제점 2) 정렬, 소팅 기능 미비
고대디는 정렬 기능 없이 정렬된 리스트를 탭으로 분류해 놓았다. 안타깝게도 유의미한 기능은 하지 않는다. [모든 추천 항목]과 [확장자 기준]은 똑같은 리스트를 출력하고 있다. [확장자 기준] 이라는 단어는 무슨 뜻인지 정렬 기준을 알 수 없다.
보통 정렬은 버튼이나 셀렉트박스로 [최저가 순, 추천 순] 등으로 분류하는 것이 일반적인데, 탭 2개만 넣은 이유도 불명확하다. 탭은 이미 정렬이 끝난 리스트를 보여줄 때 사용하는데 그렇다면 사용자에게 더이상의 옵션은 주어지지 않는 셈이다. 결과적으로 고대디는 소팅 기능이 없는 것과 같다. 또한 1만원대부터 300만원대까지 도메인 별 가격차가 큰데 뒤죽박죽 섞여서 정렬 기준도 알 수 없다.
종합 비교
구분 | 호스팅케이알 | 고대디 |
Good | - 자동완성 기능에 가격 출력 - 최근 검색 히스토리 제공 |
- 키워드 맞춤 도메인 추천 - 도메인 가격 감정 시스템 제공 - 적극적인 도메인 구입 독려 UX |
Bad | - 이미 등록된 도메인 추천 - 잘못된 가격 표시 - Disabled 버튼 오용 - 맥락이 다른 버튼 혼재 |
- 강매식 추천 - 검색결과 소팅 기능 미흡 |
끝.
'디자인 > UXUI디자인' 카테고리의 다른 글
이커머스 상품 페이지의 UX가이드라인 (0) | 2022.08.05 |
---|---|
UIUX디자이너의 개발자와 협업 방법 (0) | 2021.11.07 |
UIUX디자이너를 위한 플로우차트 작성 규칙 5개 (0) | 2021.04.30 |
디자이너가 개발을 배우면 취업에 도움이 될까 (0) | 2021.04.10 |
정보구조설계 IA (Infromation Architecture) (0) | 2020.10.01 |