바이브 코딩으로 만든 대시보드가 형편없어 보이는 10가지 이유가 존재한다. 인공지능에 보기 좋은 대화형 대시보드를 요청하면 차트와 필터는 생성해주지만, 사용자가 무엇을 탐색해야 하고 어디부터 시선을 두어야 할지까지 정돈해주지는 못한다.

월드컵 데이터로 구축한 대시보드는 뚜렷한 질의나 탐색 경로 없이 정보를 단순 나열하며 모든 구성 요소를 동등하게 강조하여 중요한 내용을 선별하는 부담을 사용자에게 떠넘긴다. 차트가 정돈되어 있더라도 축의 의미를 파악하기 어렵거나 핵심 지표가 단순 숫자로만 매몰되어 있으면 상호 비교가 어려워지며, 방대한 데이터를 모두 수록하는 것과 가독성 있게 시각화하는 것은 서로 다르다. 동일한 정보를 중복하고 색상, 타이포그래피 크기, 여백을 무작위로 사용하면 화면이 풍부해 보일 수는 있으나 무엇이 중요하며 각 요소가 어떻게 연계되는지 전달하기 어렵다. 진정한 의미의 디자인은 장식적 요소를 가미하는 것이 아니라 사용자를 대신하여 정보를 구조화하고 이해에 소요되는 노력을 경감하는 작업이며, 대중이 무엇을 필요로 하고 갈구하는지 규명하는 단계에서 시작된다.

CSV 파일을 활용한 대시보드 제작 실험이 수행되었다. Claude Code(Opus 5) 모델에 경기장, 기온, 고도, 베팅 배당률 정보가 담긴 2026 월드컵 결과 CSV 데이터가 입력되었다. 해당 CSV 데이터를 탐색 가능한 시각적 매력을 지닌 대화형 대시보드로 구현해 달라는 요구에 따라, 결과물에서 기초적인 바이브 코딩 대시보드가 지닌 시각적 결함 10가지가 포착되었다.

사용자 여정과 시각적 위계의 한계

페이지는 명확한 동기나 질문 없이 긴 화면에 데이터와 그래프 및 필터 옵션을 쌓아 놓아 사용자 여정이 없다. 인공지능이 일부 그래프를 상단에 배치하고 특정 비교를 기본으로 강조했으나 배치에 논리가 없어 무엇을 주시해야 할지 판단하는 부담을 사용자에게 떠넘긴다. 주요 시각 요소 6개가 동일한 테두리 두께와 배경색 및 대비를 공유하여 시각적 위계가 부재하다. 이로 인해 어디에 시선을 집중해야 할지 알 수 없으며 정보에 압도되는 감각이 심화된다.

기온과 고도의 상관관계를 보여주는 산점도가 초기 화면의 상당 부분을 점유하여 대표 그래프가 공간을 낭비한다. 데이터의 분포 특성상 그래프 내부에 공백이 많아 주목도를 높여야 할 첫 화면의 핵심 구역을 효율적으로 쓰지 못한다. 페이지 하단의 표는 전체 데이터를 수록하고 정렬 기능을 지원하지만 모든 항목이 있다고 해서 가독성이 높다는 의미는 아니다. 표의 일부 영역이 화면에서 잘려 나가 사용자는 필요한 세부 정보를 얻기 위해 과도한 노력을 기울여야 한다.

경기장별 차트에는 x축 레이블이 결여되어 0에서 9사이의 눈금이 의미하는 바를 즉각 파악하기 어렵다. 상단의 'venue workload' 문구만으로는 이해가 불충분하며 하단의 'matches hosted' 항목까지 대조해 보아야 한다. 살로니 다타니의 데이터 시각화 지침에 따르면 분리된 형태의 범례는 차트와 범례 사이를 오가며 시선을 반복 이동하게 만든다. 범주별로 차트 요소가 단 하나씩만 존재하는 경우 이러한 시선 전환은 시간 낭비이자 비효율을 초래한다.

대시보드의 핵심 수치 누락과 반복 문제

동일한 차트에서 막대의 길이는 개최 경기 수를 의미하지만 막대 끝의 수치는 각 경기장의 평균 득점을 나타낸다. 해당 값은 경기당 득점을 가리키는 듯한 'gpm' 표기로 기재되어 있다. 더욱 흥미로운 통계로 활용될 수 있음에도 숫자로만 묻혀 있어 비교가 어렵고 부차적인 정보처럼 느껴진다. 아울러 데이터셋의 총 104경기 정보는 대시보드 상단과 하단 막대 및 우측 요약 지표에서 거듭 노출된다. 이러한 정보 중복은 실질적 정보량 증대보다 공간을 채워 데이터가 풍부하다는 느낌을 주려는 의도에 가깝고, 대형 언어 모델이 텍스트 생성 시 불필요한 세부 사항을 반복하는 양상과 유사하다.

인공지능 제작 앱에서 자주 쓰이는 어두운 배경과 밝은 강조색을 채택했으나 여러 색조와 강도를 조율하는 시각적 언어가 부재하다. 이와 달리 영화 '그랜드 부다페스트 호텔' 연상시키는 색상 팔레트는 친밀감과 연속성을 부여하며, 매체의 종류와 무관하게 일관된 색상은 사용자가 단일한 경험 내에 몰입하도록 돕는다. 대시보드는 구글 폰트의 IBM Plex Mono와 산세리프 계열 Archivo를 함께 배치하는 등 대중적이고 빈번하게 쓰이는 서체를 그대로 가져왔다. 기본 서체를 여과 없이 적용하면 제작자가 기본값 변경에 무심했다는 인상을 줄 수 있고, 결과물 발표 시에도 디자인 기본값을 그대로 두었다면 청중은 분석 코드의 기본 설정마저 그대로 방치했는지 의구심을 품게 된다.

시각적 위계는 단조롭지만 개별 구성 요소의 규격은 제각각이라 간격과 크기의 정합성이 떨어진다. 구체적으로는 글자 크기 11종, 상자 모서리 둥글기 8단계가 쓰였고 거의 모든 요소의 안쪽 여백이 제각각이다. 이 같은 부조화로 인해 화면은 과도하게 빽빽하면서도 동시에 엉성해 보이며, 유연한 질감과 각진 형태가 혼재된 인상을 준다. 우수한 디자인은 사용자의 수고를 덜어주고 타인을 대신해 복잡한 과업을 수행하며, 사용자 측면에서는 인지적 부하를 낮추고 가치를 신속히 전달한다. 나아가 제작자에게는 연구나 소프트웨어 등 결과물의 일관성과 식별력을 강화해 주며, 이 두 가지 목적을 모두 달성하려면 대중의 실질적 수요와 선호를 정확히 파악해야 한다.