심미적 사용성 효과: 좋아 보임과 쓰기 쉬움을 구분하기

같은 목록의 두 분위기

듣던 이야기를 다시 찾으려고 오디오 서비스에 돌아왔습니다. 아래는 가상의 서비스 ‘느린 파장’을 서로 다른 분위기로 표현한 두 화면입니다. 먼저 어느 쪽이 더 마음에 드는지, 또 어느 쪽에서 듣던 회차를 찾기 쉬울 것 같은지 따로 생각해보세요. 시각적 선호에 답하기 어렵거나 답하고 싶지 않다면, 같은 정보가 어떻게 놓였는지만 살펴봐도 됩니다.

두 분위기에서 좋아함과 찾기를 따로 묻기

색과 곡선에서 느끼는 인상은 다를 수 있어도 두 목록의 항목과 순서는 같습니다. 어느 쪽이 마음에 드는지와 원하는 회차를 정확히 찾았는지를 다른 질문으로 남깁니다. 사진 속 표정만으로 선호나 사용성을 판정하지 않습니다.

이제 한 화면에서 어제 듣던 ‘도시의 밤’을 찾아보세요. 마지막 위치는 몇 분 몇 초로 표시되어 있나요? 답을 찾은 뒤, 찾는 과정이 얼마나 편했는지 돌아보세요. 여기서는 목록을 읽는 데까지 해보며, 실제 음원을 재생하지는 않습니다.

좋아함과 쉬움에 이름 붙이기

‘도시의 밤’은 두 화면 모두 두 번째에 있고, 마지막 위치는 12분 40초로 표시되어 있습니다. 어느 분위기를 좋아하는지에는 정해진 답이 없지만, 회차와 표시된 위치를 제대로 찾았는지는 화면의 정보와 대조할 수 있습니다. “A가 마음에 든다”와 “A에서 찾기 쉬울 것 같다”가 같은 선택이어도, 그 이유가 꼭 같지는 않습니다.

심미성은 화면에서 느끼는 시각적 매력이나 완성도를 말합니다. 심미적 사용성 효과(Aesthetic–Usability Effect)는 더 매력적으로 느낀 화면을 더 쓰기 쉽다고 평가하는 경향입니다. 여기서 쉽다는 평가는 사용 전의 예상일 수도 있고, 사용 뒤의 주관적 경험일 수도 있습니다. 이를 지각된 사용성이라고 하며, 심미성과의 관계는 과제와 조건에 따라 달라집니다.

방금의 관찰을 나누면 차이가 선명해집니다. 처음의 “마음에 든다”는 시각적 인상입니다. “찾기 쉬울 것 같다”는 사용 전의 예상이고, 목록을 읽은 뒤의 “찾기 편했다”는 그 탐색 경험에 대한 주관적 평가입니다. ‘도시의 밤’과 12분 40초를 맞게 짚었다는 것은 이번 읽기 과제의 수행 결과입니다. 실제 제품에서는 원하는 회차가 열렸는지, 요청한 위치에서 재생이 시작했는지까지 따로 확인합니다.

같은 목록이어도 청록색 곡선과 산호색 도형에서 느끼는 분위기는 다를 수 있습니다. 어떤 사람은 한쪽 표현이 이야기의 성격과 잘 어울린다고 느끼고, 다른 사람은 다른 쪽을 더 즐길 수 있습니다. 이런 반응도 제품 경험에서 살필 가치가 있습니다. 다만 색과 형태의 조화에 대한 좋은 반응을 찾기 성공으로 바꾸어 기록하면, 무엇이 좋았는지 설명할 기회를 잃습니다. 반대로 항목을 맞게 찾았다는 사실만으로 화면이 주는 즐거움이나 불편한 인상을 지울 필요도 없습니다.

이어 듣기는 어디서 시작했을까

이번에는 실제 앱에서 다음과 같은 화면을 보았다고 가정해봅시다. ‘도시의 밤’에서 이어 듣기를 누르기 전과 누른 뒤의 표시입니다. 두 화면을 읽고 무엇이 맞지 않는지, 무엇을 더 확인해야 하는지 생각해보세요.

다시 시작한 위치를 실제로 확인하기

예상한 이어 듣기 위치와 실행 뒤 표시를 대조할 이유가 있는 장면입니다. 본문에서는 12:40과 00:00이 다르지만 실제 음원이 어디서 시작했는지는 미확인입니다. 사진의 작은 화면을 정확한 타임코드로 읽지 않고 본문의 고정 자료로 표시 차이를 확인합니다.

이어 듣기를 누르기 전에는 12분 40초에서 시작할 것으로 예상했지만, 누른 뒤 화면은 0분 0초를 표시합니다. 표시가 다르다는 사실은 읽을 수 있습니다. 다만 음원도 처음부터 재생됐는지, 음원은 맞게 시작했는데 화면만 초기값인지까지는 알 수 없습니다. 저장된 위치와 실제 재생 시작을 대조해야 동작을 고칠지 표시를 고칠지 정할 수 있습니다.

실제 재생도 처음으로 돌아갔다면 이어 듣기 동작을 고칩니다. 실제로는 12분 40초에서 시작했는데 화면만 0분 0초라면 표시를 고칩니다. 둘 다 어긋났다면 둘 다 고쳐야 합니다. 수정 뒤에는 원하는 회차, 실제 재생 시작 위치, 화면의 위치 표시가 함께 맞는지 확인합니다. 이 사례에서 시각적인 분위기를 바꾸는 것만으로는 그 불일치가 해결됐다고 판단할 수 없습니다.

그렇다고 시각 디자인을 나중의 장식으로 밀어둘 이유는 없습니다. 이어 듣기 위치가 콘텐츠 제목과 어떻게 이어져 보이는지, 재생 중인 상태가 화면 전체의 표현과 어울리는지 다듬을 수 있습니다. 이때 글자를 흐리게 만들거나 정보를 그림 위에 겹치지 않아야 합니다. 기능을 확인하며 시각적 완성도를 유지하는 일이 이 사례의 설계 과제입니다. 아직 수정안의 효과를 측정한 결과는 없습니다.

연구가 같은 답을 주지 않는 이유

Kurosu와 Kashimura의 1995년 연구에서는 사람들이 ATM 화면 배치의 출력물을 보고 아름다움과 보기상 쉬움을 평가했습니다. 아름답다고 평가된 화면일수록 보기에도 쉽다는 평정이 높았지만, 참가자가 그 ATM으로 현금을 인출하며 시간을 잰 연구는 아닙니다. 논문의 ‘내재적 사용성’도 배치와 거리 같은 설계상 지표이므로 실제 과제 성능으로 읽으면 안 됩니다. 1995년 원문

Tractinsky와 동료들의 2000년 연구는 ATM 모의 시스템을 직접 사용하게 했습니다. 참가자가 미리 평가한 화면을 바탕으로 미적 수준을 달리하고, 지연이나 버튼 반응 같은 사용성 조건도 달리했습니다. 사용 전후 모두 더 아름답다는 평정은 더 쉽다는 평정과 관련되어 있었습니다. 또 미적 수준이 높은 화면을 쓴 집단은 사용 뒤의 쉬움 평가도 더 높았습니다. 그러나 미적 수준에 따른 완료 시간이나 오류의 차이는 통계 분석에서 확인되지 않았습니다. 2000년 원문

“완료 시간에 대한 미적 수준의 효과는 없었다”는 이 글의 번역입니다. 이 실험에서 시간 차이를 뒷받침할 통계적 근거를 얻지 못했다는 뜻입니다. 지각된 쉬움과 행동 결과를 따로 읽어야 합니다. 공학 전공 학생의 짧은 사용 직후를 살핀 결과이므로 모든 사람이나 장기 사용까지 넓힐 수는 없습니다.

Tuch와 동료들의 2012년 연구는 의류 온라인 상점에서 상품을 찾고 장바구니에 담는 과제를 사용했습니다. 화면의 배경과 장식은 바꾸되 조작 요소의 위치와 글자 배경은 유지했고, 별도로 메뉴 이름과 상품 분류를 바꿔 사용성 조건을 만들었습니다. 이 실험에서는 미적 조작이 사용 전후의 지각된 사용성을 높이는 효과가 관찰되지 않았습니다. 반대로 사용성이 낮은 조건에서는 사용 뒤 고전적 미학의 평가가 내려갔습니다. 2012년 원문

고전적 미학(classical aesthetics)은 이 연구에서 정돈됨·깔끔함 같은 평가를 포함합니다. 표현적 미학(expressive aesthetics)은 창의성이나 독특한 표현 같은 측면을 다룹니다. 목록을 정돈되어 있다고 느끼는 것과 장식을 독창적이라고 느끼는 것을 떠올려보면 차이를 이해하기 쉽습니다. 낮은 사용성의 영향은 특히 고전적 미학의 정돈됨·깔끔함 항목에서 나타났고, 표현적 미학이나 ‘아름답다’라는 단일 항목까지 똑같이 내려간 것은 아니었습니다. 연구에서 한 미학 평가가 바뀌었다는 말을 아름다움 전체의 변화로 넓히지 않는 이유입니다.

Tuch 연구에서는 사용성 조작이 비교적 강했고 과제도 정해진 상품을 찾는 성과 중심이었습니다. 표현적 미학은 미적 조작에 따른 차이도 확인되지 않았습니다. 두 연구를 읽을 때에는 어떤 외형을 바꿨고 무엇을 언제 물었는지 살펴야 합니다. 확인되지 않은 효과를 모든 상황에서 없다고 결론내릴 수는 없습니다.

디자인 리뷰에서 따로 남길 기록

‘느린 파장’의 두 스타일을 실제로 검토한다면 다음 기록을 나누어 남길 수 있습니다. 질문을 만들 때에는 무엇을 평가하는지와 시점을 분명히 하세요. 아래 문장은 조사 설계의 예이며, 참가자가 실제로 한 말이나 검증된 설문 척도가 아닙니다.

• 사용 전 시각적 인상: 화면을 보여준 뒤 “어떤 인상이 드나요?”라고 묻고 이유를 듣습니다. 좋아하는 색 하나만의 효과인지 단정하지 않고, 구체적으로 무엇을 가리켰는지 남깁니다.
• 쉬움에 대한 예상과 경험: 찾기 전에 “듣던 회차를 찾기 쉬울 것 같나요?”, 찾은 뒤에는 “찾는 과정은 어땠나요?”라고 따로 묻습니다. 두 답이 달라졌다면 그때의 행동과 함께 살핍니다.
• 실제 수행: 원하는 회차와 위치를 찾았는지, 다른 항목으로 들어갔는지, 도움을 요청했는지 기록합니다. 이어 듣기까지 시험한다면 실제로 시작한 회차와 위치를 확인합니다. 시간을 잴 경우 시작과 끝을 무엇으로 정했는지도 함께 적습니다.

스타일의 영향을 알아보려면 제목, 순서, 글자 크기, 정보의 위치, 기능을 가능한 한 같게 두고 표현을 바꿔 비교합니다. 앞의 A/B도 이를 지키려 한 교육용 비교이지만, 색·모서리·장식을 한꺼번에 바꿨습니다. 서로 다른 대비나 눈에 띄는 정도까지 완전히 같다고 보장하지도 않습니다. 한쪽을 좋아했다는 답만으로 특정 색이나 곡선의 효과를 분리할 수 없습니다. 실제 연구라면 참가자가 두 외형을 정말 다르게 평가하는지부터 확인해야 합니다.

시각 평가가 좋아지고 찾기 결과는 비슷하다면, 적어도 시각 경험이 좋아졌다는 가치를 살필 수 있습니다. 정확한 탐색이 유지되는지, 다른 사람이나 확대 화면에서도 같은지 더 확인합니다. 좋아한다는 반응과 반복되는 찾기 실패가 함께 보인다면 두 사실을 함께 남기고 실패한 경로를 고칩니다. 두 결과를 하나의 점수로 합쳐버리면 유지할 표현과 수정할 동작을 구별하기 어려워집니다.

누구에게 어떤 화면인가

오디오 이야기를 둘러볼 때 좋은 분위기가 급하게 정보를 확인하는 업무 화면에도 그대로 어울린다고 볼 수는 없습니다. 사용자에게 익숙한 표현, 이용 목적, 보는 환경을 함께 살피세요. 나이나 문화만으로 취향을 미리 정하지 말고, 실제로 누가 무엇을 좋다고 했는지 확인하는 편이 정확합니다.

한 사람이 A를 본 뒤 B를 보면 첫 화면에서 익힌 제목과 위치를 두 번째에서도 쓸 수 있습니다. 이번 읽기 활동은 스스로 개념을 구분하는 데 목적이 있으므로 시간이나 점수로 두 스타일의 우열을 정하지 않았습니다. 실제 비교에서는 순서를 나누거나 기록하고 익숙함도 살펴야 합니다. 미리 “쉬워 보이나요?”라고 물은 일이 무엇에 주목할지에 영향을 줄 수 있다는 점도 고려하세요.

시각적인 표현을 바꾸는 동안 읽을 수 있는 글자와 대비, 확대했을 때의 정보 흐름, 키보드로 찾을 수 있는 조작부를 함께 지킵니다. 빈 화면과 오류에서도 현재 상태와 다음 행동이 분명해야 합니다. 유료 여부, 중요한 제한, 개인정보 공개 범위를 작게 밀어내며 세련된 화면이라고 정당화하지 마세요. 신뢰할 만한 인상을 주려면 실제로 판단에 필요한 내용도 같은 자리에서 읽을 수 있어야 합니다.

확인해볼 질문

• 처음에 마음에 든 화면, 찾기 쉬울 것 같던 화면, 실제로 회차와 위치를 찾은 결과를 각각 어떻게 설명할 수 있나요?
• 이어 듣기 뒤 00:00이 표시됐을 때, 동작을 고칠지 표시를 고칠지 결정하려면 무엇을 더 확인해야 하나요?
• 전시 앱에서 이번 토요일에 갈 무료 사진전을 찾는다고 해봅시다. 같은 전시 목록의 두 스타일 중 B가 더 마음에 든다는 가상 조사 결론만 있다면 어디까지 말할 수 있나요? 추가로 관찰할 행동과 성공 기준, 같게 둘 조건을 정해보세요.
• 우리 화면에서 좋아한다는 반응과 찾기 실패가 함께 나타났다면, 무엇을 유지하고 무엇을 확인하거나 고칠까요?