#interface #web #workpattern #Individual | 🗓️ | 2023년 11월 - 2023년 12월 | | --- | --------------------------------------------------------------------------------------------------------------- | | 담당 | 기획, 사용자 리서치, UX 디자인, 프로토타이핑. | | 소개 | 작업 패턴에 따라 AI가 동작하는 웹 인터페이스 프로젝트. 단기 프로젝트였으며, 시각적인 표현 방식보다는 이론에 기반한 인지(cognition) 개념을 어떻게 적용할 수 있을지에 더 집중하고자 했다. | **AI가 일상에 점점 더 깊숙이 들어오고 있는데, 왜 우리의 PC는 여전히 그대로일까?** 어느 날 나의 PC 데스크톱이 수많은 이미지와 파일들로 어지럽게 가득 찬 것을 발견했다. ChatGPT를 시작으로 AI는 우리의 일상에 점점 더 통합되고 있음에도, 여전히 정리되지 않은 폴더에서 파일을 찾는데 시간을 허비하고 업무를 하는 동안에도 10개 넘게 열려 있는 브라우저 탭을 오가며 PC를 사용하고 있다. 이 문제를 가지고, 사람들의 PC 사용 패턴을 살펴보고자 했다. 업무에서 PC 의존도가 높은 사용자들을 대상으로 데스크톱 스크린샷을 요청하여 수집하여 개인 별 PC사용 패턴의 차이를 이해하기 위해 리서치를 진행했다. <BR> ![](https://imgur.com/I7LCpga.png) > Mac 유저의 경우 Dock 에는 사용빈도가 높은 앱과 낮은 앱이 뒤섞여 있었다. 매일 사용하는 항목과 사용 주기가 짧은 항목이 나란히 놓여 있는데도, 그것을 인지하지 못하고 있음을 발견했다. <br> ![](https://imgur.com/E0giSpE.png) >직무와 개인에 따라 약간의 차이는 있지만, 특정 앱은 주로 하단에 배치되어 있고, 폴더와 파일이 데스크톱에 뒤섞여 있음을 확인할 수 있다. 또한 필요에 따라 여러 화면을 전환하며 작업을 하고 있었다. <br> ### Research 다양한 직군의 근로자들을 대상으로 PC 사용 습관과 행동 패턴을 이해하기 위해 심층 인터뷰를 진행했다. 그 결과, PC 사용 습관과 행동 패턴은 업무와 가장 연관이 높으며 일과 관련된 기능만 주로 사용하고 있었다. 또한 자주 사용하는 기능과 사용 순서는 대체로 정해져 있었다. ##### 업무 시간 동안 주로 하는 행동 - 이메일 답장 및 발송 - 동료와의 커뮤니케이션 - 캘린더 확인 - 다른 애플리케이션으로 전환 - 알림 확인 - 업무 미팅 진행 - 문서 검색 - 웹 브라우징 - ChatGPT 사용 - 파일 정리 .... 업무 중에는 여러 작업이 동시에 처리되며, 목적에 따라 애플리케이션이 전환된다. 때문에 멀티태스킹이 끊임없이 이루어지면서 주의와 집중이 분산될 수 있다. 또한 ==**다양한 요인들이 집중을 방해할 수 있으며, 흐트러진 집중을 다시 회복하는 데 평균 약 25분이 소요된다.== 이는 우리 모두가 일상에서 흔히 경험하는 문제이며, 집중을 유지하고 주의가 흩어지지 않도록 도와주는 PC환경에 대한 고민을 시작했다. 그래서 이 경험이 ==**인터랙티브 인터페이스의 개념을 업무 방식과 인지 변화에 적용해보면 어떨까 하는 아이디어로 이어졌다. 사용자와 시스템 간의 상호작용이 끊김 없이 자연스럽게 흐르는 인터페이스를 의미한다**== 이를 통해 사용자는 작업 흐름을 끊지 않고 유연하게 업무를 전환할 수 있으며, 방해 요소를 최소화하고 집중을 강화하는 환경을 제공할 수 있다. <br> <br> ##### 인지 변화에 따른 세 가지 단계 업무를 하는 시간동안 사람의 인지에 영향을 미치는 요소는 감정 상태, 업무 강도, 반복 작업, 휴식 등이 있다. 업무 중 변화하는 인지 상태: - 초기 집중 - 중간 단계의 피로와 산만함 - 휴식 후의 재충전 - 마감 임박에 따른 긴장과 집중 - 업무 완료 후의 만족감 - 장기적 번아웃 업무를 할 때, 인지 상태는 **==과업의 난이도와 창의성 유무를 기준으로 세 가지 단계==**로 분류했다. - 준비 단계 (Preparation stage) - 집중 단계 (Concentraion stage) - 마무리 단계 (Completion stage) ![](https://imgur.com/9Bt0djK.png) >**준비 단계.** >반복적인 업무에 소요되는 시간을 줄여 업무 효율을 높이고자 한다. <BR> ![](https://imgur.com/JFk5pXG.png) >**집중 단계** >많은 정보를 찾는 것은 쉽지만 여기저기 흩어져 있는 정보를 한 곳에 잘 정리하고 기억될 수 있다면 좋겠다. <br> ![](https://imgur.com/D7hccSk.png) >**마무리 단계** >불필요한 데이터를 정리하고 싶지만 부담스럽게 느껴진다. 파일들이 폴더별로 잘 정리되어 있으면 좋겠다. <br> ## Key features 업무 중 행동과 인지 변화에 기반한 문제점을 반영하였다. - **멀티 브라우저 스위칭으로 인한 주의 분산을 줄일 수 있는 유동적인 인터페이스 설계** - 준비 단계: 메신저, 이메일, 할 일 목록의 알림을 한곳에서 확인하고, 앱을 전환하지 않고도 인터페이스 내에서 바로 응답할 수 있다. - 집중 단계: 사용자가 온라인에서 자료를 탐색하는 동안 유연한 인터페이스를 통해 중요한 리소스를 손쉽게 저장할 수 있습니다. 시스템은 수집된 자료를 유사한 내용을 기반으로 자동 정리하고, 기억과 회상을 돕기 위한 리마인더를 제공한다. - 완료 단계: 지정된 기간 동안 사용되지 않은 파일을 자동으로 정리한다. ![|650](https://imgur.com/iHxO0Fz.png) - **사용 빈도에 따른 어플리케이션 자동 배치** - 사용 빈도가 높은 앱은 빠른 접근을 위해 눈에 보이는 영역에 배치하는 반면, 낮은 빈도수의 앱은 시각적 혼란을 줄이기 위해 보이지 않는 대기줄에 위치시킨다. <br> ## Wire frame #### 준비 단계 ![](https://imgur.com/39BM4sm.png) >1. 사용자의 업무 패턴을 기반으로 업무 도구만을 보여주는 영역. > 우선 순위가 낮은 앱은 숨겨지고, 사용자가 스크롤을 내리면 보여진다. >2. 다양한 기능 인터랙션을 위해 AI와 소통할 수 있는 채팅 채널. <br> ![](https://imgur.com/CVJn9De.png) > **알림(Notification) 드래그 앤 드롭** > 1. 멘션이 포함된 알림 리스트. > 2. 각 앱으로 전환할 필요 없이, 채팅창으로 드래그 앤 드롭하여 바로 커뮤니케이션 가능. <br> #### 집중 단계 ![](https://imgur.com/PbPDHro.png) > **방해 금지 모드(Do not disturb)** > 1. 집중 모드를 활성화하면, 본 업무와 관련 없는 방해 요소를 차단하여 업무 효율을 높일 수 있다. 사용자는 긴급 알림 ON/OFF 여부를 선택할 수 있습니다. AI가 긴급도를 판단하기 어렵기 때문에, 방해 금지 모드가 켜져 있을 때 상대방이 긴급함을 표시할 수 있는 방법을 제공. > 2. 해야 할 작업의 우선순위를 정하고, 그에 따른 위젯을 자유롭게 설정 가능. <br> ![](https://imgur.com/8M25PY5.png) > **자료 저장** > 1. 해당 기능을 웹 탐색을 할 때 간단한 드래그로 쉽게 정보를 모을 수 있게 돕니다. 추가적으로 내가 모은 정보들이 산발적으로 흩어지는 것을 방지한다. > 2. 나의 메모에 자료를 저장. <br> ![](https://imgur.com/Wz7rFKA.png) > **나의 메모장** > 유사한 정보는 분류되고 폴더로 그룹화 된다. 추가적으로 사용자가 AI에게 질문을 하면 나의 메모에 저장되어 있는 유용한 정보를 다시 불러온다. 이는 내가 저장했던 정보를 다시 상기시켜 기억을 강화하는데 도움을 준다. ![](https://imgur.com/rz39vgn.png) >**프로젝트 저장** >1.만약 저장하고 싶은 업무가 있다면 "+" 버튼은 유저가 언제든 스크린샷을 할 수 있는 기능을 제공한다. 이는 나의 프로젝가 쌓이는 스토리지에 저장된다. >2. 해당 프로젝트에 대한 부연 설명을 자동적으로 만들어준다. <br> ![](https://imgur.com/defq8fJ.png) > **Work History** > 1. 설명이 추가된 프로젝트로, 자유롭게 편집 가능. > 2. 리스트를 공개로 설정하여 다른 동료들로부터 피드백을 받을 수도 있으며, 이는 서로의 업무를 더 잘 이해하는 데 도움을 주고 동기부여를 얻을 수 있다. > 3. 언제든지 AI 채팅 가능. <BR> #### 마무리 단계 ![](https://imgur.com/YDU5s71.png) ![](https://imgur.com/u6GIqJu.png) ![](https://imgur.com/BSNVuAA.png) >**파일 정리(File organize)** >업무의 마지막 단계에서, 사용자가 파일을 정리하고 싶다면, 특정 기간을 설정하고 그 기간 동안 사용되지 않은 파일을 삭제함으로써 PC 환경을 최적화한다. 이를 통해 더 이상 어수선한 폴더와 파일들을 신경 쓸 필요가 없다. <br> --- 프로젝트를 마치며. 석사 과정 중 진행한 단기 프로젝트로, 업무 중 쉽게 분산되는 주의에 대한 실제 경험에서 시작했다. 정보와 콘텐츠가 쏟아지는 요즘, 우리의 집중력을 흐트리는 것은 무엇인지, 우리가 매일 사용하는 디바이스의 환경과 경험을 어떻게 정리할 수 있을 지 고민해볼 필요가 있다. 해당 프로젝트를 고도화 한다면 멀티 채팅 인터페이스를 더 자세하게 설계하여 더 매끄러운 사용자 경험을 제공할 수 있고, AI를 활용하여 PC의 기능을 잘 활용할 수 있는 방안을 깊이 모색해볼 필요가 있다. 이를 AI 기반 OS 프로젝트로 확장한다면, 흥미로운 프로젝트가 될 것 같다.