주요 뉴스

뉴스

디자인·AI·제품·개발·인테리어의 소식과 ARCH.B 에디토리얼을 함께 읽습니다.

Smashing Magazine의 이야기모든 기사43편

폴더와 문서 안에서 돕는 AI… 새 도구보다 기존 업무의 연결을 설계하다

비탈리 프리드먼은 AI 도구를 추가하기보다 기존 문서·폴더 맥락에 기능을 통합하는 설계를 제안했다. 폴더 지침은 출시 기능으로 확정할 수 없는 아이디어이며, 실제 Office 통합 사례와 비교하면 작업 범위·권한·확인 경로가 함께 드러나야 한다는 과제가 보인다.

채팅창에 갇힌 AI 인터페이스를 넘어 사용자의 작업 환경과 의도에 맞춘 입력과 출력을 설계하다

AI 기능을 획일적인 대화창에 넣는 관행 대신, 사용자가 처한 물리적 제약과 인지 부담을 바탕으로 입력 방식과 결과 형식을 분리해 결정해야 한다. 실제 일상 환경을 관찰하여 과업의 맥락을 파악하고, 장소가 바뀌더라도 판단의 근거와 연속성이 온전히 유지되도록 설계하는 접근이 필요하다.

접근성을 일회성 감사에서 개발과 운영의 반복 체계로 전환하는 방법

미하일 프로스미츠키는 접근성을 정기 감사를 넘어 디자인 시스템, 코드 검토, 배포 점검에 연결되는 지속적 운영 역량으로 다루자고 제안했다. WebAIM과 GOV.UK 자료는 자동 검사와 공통 컴포넌트가 출발점일 뿐 실제 과업 완성을 보장하지 않음을 보여 준다.

스매싱 매거진의 2026년 7월 월페이퍼, 여름의 작은 순간을 여러 창작자의 언어로

스매싱 매거진은 커뮤니티가 만든 7월 배경화면과 과거 여름 작품을 함께 공개했다. 반복되는 형태의 고요함과 종이 공예 해바라기 등 창작 의도가 소개되며, 달력 유무와 해상도는 작품마다 다르다. 월간 편집은 결과 이미지와 제작자의 이야기를 함께 살펴볼 기회를 제공한다.

AI의 성공 확률을 그대로 믿기 전에… 불확실성을 드러내는 제품 설계의 조건

프라틱 조글레카는 AI 예측을 확정된 답으로 다루지 않고 가설·실험·수정으로 연결하는 설계를 제안했다. 언어모델 자기 평가 연구를 함께 살펴보면, 모델이 적은 신뢰도와 실제 정답률의 관계를 확인해야 하며 설명·검토·복구 경로가 수치만큼 중요하다.

휴머노이드의 사회적 영향을 묻는 칼럼… 사람다운 외형과 검증된 작업 능력을 구분하다

캐리 웹스터는 휴머노이드가 사람과 비슷해질 때 관계·신뢰·일에 어떤 변화가 생길지 질문했다. BMW와 피규어 AI의 공식 배치 기록은 특정 공정에서의 성과를 보여 주지만 가정용 만능 로봇이나 인간과 구별할 수 없는 외형의 보급을 입증하지 않는다.

AI가 읽는 디자인 시스템, 화면 결과보다 명세·토큰·검사 체계 전달하기

스매싱 매거진이 AI 프로토타입 제작에 명시적 설계 지침과 토큰, 검사 절차를 함께 제공하자고 제안했다. 아틀라시안은 흩어진 정보를 코드 옆 단일 구조화 원천으로 통합해 여러 형식을 파생한 사례를 발표했다. 문서의 양보다 현재 구현과의 일치를 지속 점검하는 운영 체계가 핵심이다.

튜브 탄 오리와 부엌의 춤, 스매싱 6월 월페이퍼가 담은 여름의 기억

스매싱 매거진의 2026년 6월 배경화면은 개인의 기억과 일상에서 출발한 작업을 모았다. 작가의 설명과 달력 유무·해상도를 함께 제공하고 과거 작품도 다시 소개한다. 지난 회차를 모두 신작이나 현재 달력으로 읽지 않는 구분이 필요하다.

CSS contrast-color의 검정·흰색 선택과 남겨진 가독성 확인

CSS contrast-color는 단색 배경에 맞춰 검정과 흰색 중 하나를 브라우저가 선택한다. 스타일 내 자동 계산으로 코드를 줄일 수 있지만 이미지 배경과 색 혼합, 접근성 검토는 별도로 다뤄야 한다.

로그인 시제품 실패 경로 제작과 프로토파이 검증 범위

프로토파이가 입력값 비교와 조건문, 오류 표시를 갖춘 금융 앱 로그인 시제품 사례를 공개했다. 고정 문자열 대조와 Face ID 연출은 상호작용 시험 장치이며 실제 계정 인증이나 생체 보안을 구현한 것은 아니다.

말한 필요와 실제 행동을 대조해 읽는 고객 조사의 네 관점

비탈리 프리드먼이 소개한 해나 샴지의 네 가지 고객 이해 관점과 영국 정부의 서비스 매뉴얼 지침을 대조한다. 말·생각·행동·이유를 분리해 기록하고, 맥락에 맞춘 관찰과 질문을 통해 사실과 해석의 경계를 분명히 세우는 조사 설계 원칙을 살핀다.

CSS 트리 계수 함수 정의와 브라우저 지원 현황 분석

sibling-index와 sibling-count 함수는 DOM 트리의 형제 구조를 CSS 계산에 직접 활용하는 기능을 제공한다. 표준 초안 규격과 브라우저 지원 문서의 차이를 확인하고 시각적 배치와 접근성 영향을 함께 살펴야 한다.

UX 투자 수익 수치의 맥락과 다섯 명 테스트 및 기업 지표 검토

캐리 웹스터가 제시한 UX 투자 효과를 원자료와 비교해 검토했다. 널리 인용되는 다섯 명 테스트와 디자인 기업의 재무 수치는 반복 조사 절차와 퍼센트포인트 단위를 함께 살펴야 타당한 투자 근거가 된다.

로컬 우선 웹앱 개발, 빠른 반응 뒤에 남는 동기화와 저장 책임

로컬 우선 웹 개발은 기기 복제본을 활용해 빠른 반응을 얻지만 브라우저 저장소의 잠금 조건과 변경 병합의 전제를 별도로 다뤄야 한다. 즉각적인 화면 반응과 실제 업무 처리의 확정 및 데이터 보존은 동일한 보장이 아니다.

맥포 디자이너가 제안한 시스템 관리 도구 경험과 변경 확인 설계

맥포의 키릴로 레바쇼프가 시스템 도구의 언어·진행·완료 경험 설계를 제안했다. CleanMyMac 개편과 접근성 발표를 대조하면 시각적 만족감에 머무르지 않고 실제 변경 사항과 사용자 선택을 명확히 전달하는 구조가 핵심 과제로 남는다.