처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
테크 뉴스
Hacker News 2026.07.31 43

AI가 만들어내는 새로운 UI 미학: 반짝임, 작은 아이콘, 그리고 예측 불가능한 화면

Hacker News 원문 보기

모든 시대는 그 시대만의 디자인 관용구를 남긴다. 그중 일부는 유행이 지나면 사라지지만, 일부는 기존 소프트웨어 상호작용 방식의 깊은 곳에 뿌리내려 오래 살아남는다. 대표적인 사례가 햄버거 메뉴(≡)다. 모바일이 부상하면서 화면 크기 제약을 해결하기 위해 널리 퍼졌고, 지금은 '여기 메뉴성 콘텐츠가 더 있다'는 것을 간결하게 알리는 기호로 모바일을 넘어 여러 영역에 정착했다. 웹과 소프트웨어를 만드는 사람이라면, 지금 AI 도구들이 쏟아내는 시각적 관습 중 무엇이 이렇게 '살아남을' 패턴인지 가늠해 볼 필요가 있다.

디자이너이자 개발자인 짐 닐슨은 최근 글에서 이 질문을 던진다. 그는 AI 시대가 만들어내는 미학적 요소들을 관찰하면서, 어떤 것이 일시적 유행이고 어떤 것이 앞으로 수년, 수십 년간 통용될 상호작용 규범으로 자리 잡을지 스스로도 확신하지 못한다고 말한다. 흥미로운 것은 이 관찰이 특정 제품 비판이 아니라, 지금 우리가 겪는 시각 언어의 형성 과정을 실시간으로 기록하려는 시도라는 점이다.

기호의 재해석: 반짝임이 곧 AI가 된 순간

가장 상징적인 변화는 반짝임(✨) 이모지다. AI 이전에는 이 기호가 무엇을 뜻했는지 딱히 떠오르지 않지만, 이제는 거의 예외 없이 'AI'를 의미한다. 닐슨은 AI가 반짝임과 무지개색으로 표현되는 상황을 두고 유니콘까지 더하면 삼종 세트가 완성될 것이라고 농담을 던진다. 기호의 의미가 특정 기술과 결합해 굳어지는 과정을 보여주는 대목이다. 실무자 입장에서 보면, 어떤 기능에 반짝임 아이콘을 붙이는 순간 사용자는 그것을 자동으로 'AI 기능'으로 인식한다는 뜻이기도 하다. 이는 학습 비용 없이 의미를 전달하는 이점이 있지만, 반대로 AI가 아닌 기능에 이 기호를 쓰면 혼란을 준다.

패턴에도 층위가 있다. 스트리밍 텍스트, 즉 답변이 한 글자씩 흘러나오는 방식은 채팅 인터페이스의 본질에 맞춰 다듬어진 것이라 다른 소프트웨어로 재사용될 여지는 크지 않다. 반면 '반짝이며 흐르는 텍스트(shimmering text)'는 원래 AI가 '생각 중'임을 암시하는 표현이었지만, 지금은 데이터 가져오기, 연산 등 모든 종류의 비동기 작업 상태를 나타내는 신호로 번져 나가고 있다. 특정 맥락에서 태어난 표현이 더 일반적인 용도로 확장되는, 살아남을 가능성이 높은 유형의 패턴이다.

작은 아이콘과 예측 불가능한 화면

닐슨이 무의식적으로 감지한 또 다른 경향은 아주 작은 아이콘이다. 그는 데스크톱 Electron 앱에서 이 특징이 특히 두드러진다고 지적한다. 시스템 수준의 결과 충돌하기 때문이다. 그가 제시한 화면에서 왼쪽의 AI 데스크톱 앱(Claude, Codex, Cursor)은 오른쪽의 애플 기본 앱(Finder, Photos, Mail)에 비해 훨씬 작고 가느다란 아이콘을 쓰고 있다. 그는 이런 작은 아이콘이 앞으로 컴퓨터를 다루는 방식의 표준이 되기를 개인적으로 바라지 않는다고 덧붙인다. 여기에 더해 그는 베이지·크림 계열 색상, 주황색 강조, 세리프 서체 역시 자신의 뇌가 AI와 연관 짓는 미학이라고 말한다.

특히 눈여겨볼 표현은 '두더지 잡기(whack-a-mole) UI'다. 토글을 눌렀더니 화면 전체가 다시 그려지고, 같은 토글을 다시 누르려면 마우스를 다른 위치로 옮겨야 하는 그 경험 말이다. 닐슨은 이것을 AI 특유의 비결정성이 UI/UX에까지 스며든 결과로 해석한다. 이는 미학이라기보다 기술적 특성이 사용자 경험을 오염시키는 사례에 가깝다. 실무자라면 오히려 경계해야 할 안티패턴으로, AI 응답의 비결정성을 화면 재구성으로까지 그대로 노출하지 않도록 상태 관리와 레이아웃 안정성을 신경 써야 한다는 교훈을 준다.

한국 실무자에게 남는 질문

이 글이 유용한 이유는 명확한 결론을 제시해서가 아니라, 판단의 틀을 제공하기 때문이다. 어떤 시각 관습이든 '해당 기술의 본질에 종속된 것'인지 '다른 맥락으로 옮겨갈 수 있는 것'인지 구분해 보면, 지금 도입할지 말지를 더 냉정하게 결정할 수 있다. 반짝임 기호나 흐르는 텍스트처럼 이미 의미가 굳어진 요소는 사용자 기대에 부합하도록 따르는 편이 낫고, 작은 아이콘이나 두더지 잡기 UI처럼 아직 검증되지 않았거나 부작용이 뚜렷한 요소는 자기 제품의 맥락에서 다시 검토할 필요가 있다.

다만 이 글은 어디까지나 한 개인의 주관적 관찰이라는 한계를 분명히 안고 있다. 색상이나 서체에 대한 연관은 필자 스스로도 '내 뇌가 그렇게 느낀다'고 표현할 만큼 개인적 인상에 기댄 것이고, 정량적 사용성 데이터나 광범위한 제품 조사에 근거한 주장은 아니다. 그럼에도 새로운 기술이 만들어내는 시각 언어가 어떻게 태어나고 확산하는지를 실시간으로 포착하려는 시도로서, 지금 무언가를 만드는 사람들에게 자기 제품의 관습을 되돌아보게 하는 좋은 출발점이 된다.

이 뉴스가 유용했나요?

이 기술을 직접 배워보세요

AI 도구, 직접 활용해보세요

AI 시대, 코딩으로 수익을 만드는 방법을 배울 수 있습니다.

AI 활용 강의 보기

"비전공 직장인인데 반년 만에 수익 파이프라인을 여러 개 만들었습니다"

실제 수강생 후기
  • 비전공자도 6개월이면 첫 수익
  • 20년 경력 개발자 직강
  • 자동화 프로그램 + 소스코드 제공

매일 AI·개발 뉴스를 받아보세요

주요 테크 뉴스를 매일 아침 이메일로 전해드립니다.

스팸 없이, 언제든 구독 취소 가능합니다.