[💬] 어젠가 썼다가 지운 글 - ui와 피로도에 대해서

[Indie(119.198)]

게임개발보다는 웹이나 앱을 만들던 플머임

이쪽은 ui의 비중이 게임보다 더 높은데

ui를 만들때 신경쓰는 것은 결국 그거임

1. 예쁘냐? (ui)

2. 편하냐? (ux)

예쁘냐는 각자 아니까 거르고

편하냐 측면에서 보자이거임

프로그래머들은 알고리즘에서 말하는 휴리스틱 비용함수라는 걸 알거임

어떤 작업, 어떤 단계를 할때 비용이 얼마나 걸리는지 계산을 하는거지

ux를 막연하게 남들의 것은 좋다로 보지말고

비용의 표로 보셈

예를 들면 드래그다

포인트를 누른뒤 이동 그다음 떼는 것 3동작으로 끝남

손가락을  오래 누르고 있으므로 피로도가 강함

고로 피로도 10임

페이지, 혹은 게임내 씬에서 드래그가 자주 나오면 손가락이 피곤해짐

그럼 손가락이 튼튼하지 않거나 아주 어리거나 한 경우는 피로감을 느끼고 게임을 끄게됨

그러면 실적에 안좋음

고로 오브젝트를 선택 후 이동하여 놓는 경우는

드래그를 쓰면 안됨

클릭 하면 오브젝트가 마우스 커서를 따라가며 재 클릭시 놓는 방식을 써야

오브젝트를 들고 있는동안 사용자가 피로감을 안느낄 수 있음.

클릭, 정확한 이동, 목표점에서 놓기, 3분할로

피로도 3쯤이라고 볼 수 있음

요즘은 인크리멘탈 게임에 보면 마우스 오버시 주기적으로 자동 클릭을 하는 경우가 있음

이 경우 클릭 자체를 안쓰고 상대적으로 크고 튼튼한 관절인 손목으로 이동만 하므로

피로도 0.5 정도라고 볼 수 있음

만약 무언가를 눌렀을때 화면이 전환되거나 페이지가 전환되면서

로딩이나 화면전환을 0.5초 기다려야 된다고 해보셈

그럼 클릭으로 인한 피로 1에 대기시간에 의한 불쾌가 0.5초가 발생함

고로 그 부분의 불쾌감을 완화해주기 위해 트렌지션이나

반응하는 사운드/그래픽 이펙트를 넣기도 함

만약 사운드나/이펙트가 훌륭하다면 불쾌감이 아니라 쾌감이 되서  

피로 1에 쾌감 점수 -0.5를 넣어서 0.5로 수습할수도 있음

하지만 이런 조작에서 한페이지 더 들어가거나, 새 창이 하나 더 켜지거나 하는식으로

조작이 '깊어지는' 쪽은 지양하는게 좋음. 깊은 것보다는 넓게 만들어야되고

기능이 많아서 깊어질수밖에 없다면 이 조작의 편의성을 업그레이드 하는 쪽으로 가야됨

고전게임 프린세스메이커2, 대항해시대 2, 영웅전설 3-4, 삼국지 4이후에는 특징이 있음

프린세스 메이커의 YES, No 확인문

대항해시대의 YES, No, 화물 물량 선택

영웅전설의 세이브 로드, 게임 재개

삼국지 4이후의 금, 식량 분량 조정창은

뜰때 고정된 위치가 아닌 현재 유저가 가리키고 있는 마우스의 근처로 뜨며

특히 YES/NO의 경우 YES를 누르는 경우가 많으므로 마우스 이동없이 YES를 바로 누를 수 있게 창의 위치 자체를

현재 마우스 포인터가 YES버튼의 중앙에 오도록 세팅되어있음

고로 사용자는 6시간이 넘는 게임 플레이 타임중에도 피로감을 안느끼고 지속 진행할 수 있음

조작의 횟수가 많다? 그럼 그 부분은 편의성 증대를 해줘야됨

같은 이유로

ui 컨트롤의 위치도 정해야됨

프린세스 메이커, 삼국지의 특징은

게임의 주요 컨트롤은 우측 상단 혹은 우측 중단 정도에 위치한다는 것임

그리고 메인 그림은 좌측에 위치함 그게 편하기도 하고

절대 ui를 화면 전체로 분산하지 않음

유저는 모니터 전체를 눌러서 컨트롤 하는게 아니라

'조금만 움직여도 되는'

모니터 화면상에 가로 1/4폭, 세로 1/3폭의 좁은 공간에서 모든 ui조작을 하고

딸의 상태, 전국지도 같은 자주 볼 필요 없는 주변시야로도 확인 가능한 것은 넓고 큰 좌측에 그려놨음.

절대 컨트롤은 좌측에 있지 않음 우측공간안에서만 움직임

그것이 마우스 이동거리를 짧게 만들고 플레이어 피로도를 줄이니까

같은 이유로 날짜와 딸의 상태 정보, 현재 성의 태수와 병력정보 같은 것은 우측에 놓여있음

왜냐

그것은 플레이어가 선택하는 마우스 포인터로부터의 초점을 이동하는것을 아주 적게 해도 될 정도로 가까운 영역에 있어야

시선이 분산되지 않고

안구 피로도가 적기 때문에

정보성 데이터는 두게임 모두 우측에 위치함

시야의 경우 마우스보다 피로도가 덜하며

화면 끝에서 끝까지 시야 이동시 피로도가 1정도라고 치면 됨

이 이동이 짧으면 짧을수록 피로가 덜함.  창이나 ui가 분산되어있어서 시야를 자주 분산해야된다면

플레이어는 난잡하다고 느끼고 '뭔가 짜친다'고 느끼고 접을거임

왜냐 잘 만든게임에서는 없는 시선이동을 반복해서 눈을 움직이는 안구조작하는 근육의 피로도가 생기기 때문임.

사람은 피곤함은 싫어하고 쾌락은 좋아하거든.

보는 것 자체로 쾌락이 발생하지 않는 안구이동이 많아지는 것을 좋아할 이유가 없음.

( 반면 보는 것 자체로 쾌락 발생 - 뱀서의 상자 열기 이펙트라던가, 미연시의 예쁜 캐릭 중요 cg라던가, 야숨의 공중 뷰 같은게 있겠지 )

영웅전설의 패배후 불러오기의 경우

메뉴의 첫번째 항목이 불러오기로 미리 커서가 가있음

유저의 경우 엔터 한번을 치거나

이동없이 현상태에서 클릭 한번으로 바로 해당 액션을 취할수 있게 만듬.

마우스 조작은 키보드보다는 비용이 싸다고 보면됨

키입력은 적절한 위치에 손을 가져다 대는 준비과정이 필요하고

그 이후에 키 입력을 하게 되어있음

대충 키보드로 손 옮기기에 비용 10점, 매 키입력마다 1점씩이라고 보면 됨, 키보드에서 손 떼고 마우스로 옮기기 5점 정도

1키 입력 = 최소 피로도 16점

조작성 버튼 ( 키보드의 방향키나 공격, 점프 키나 조이스틱의 버튼들 )은

손의 위치를 이동하지 않을수록, 버튼을 세게 자주 누르지 않을수록 편함

키 배열이 넓게 배치되면 에러가 발생할 확률이 높고

에러가 발생하지 않더라도 게임 플레이랑은 상관없은

조작적인 측면에서 피로도나 불쾌감이 발생할수 있음

오타는 불쾌감이니까.

고로 마우스 전용 게임이 키보드 게임보다는 더 체력을 덜 소모한다는 걸 알수 있음

20대 때는 열광했던 조작성게임이 나이먹고는 어려워지는 경험을 한 적이 있을거임

냉정하게 말해서 체력적으로 힘들게 된 거라고 봄

경쟁적, 조작성 게임은 버튼 클릭을 훨씬 자주하고 경쟁적이기 때문에 버튼 클릭을 평소보다 더 세게 누르는 경향이 있음 ( 그게 의미가 없더라도 감정적으로... )

그럼 피로도가 급증함. 

반면에 전략성 게임은 턴을 대기할 수 있는 휴지기 시간을 주고 조작 자체도 많지 않음. 고로 조작 이후에 캐릭터 이펙트나 애니메이션을 보거나

진행 상황을 보는 동안 손가락이나 눈이 쉴수가 있음. 

SRPG의 턴 종료후 대기 시간같은걸 생각하면 됨

슬더스의 카드 제출 이후의 이펙트 보기 같은것 포함임.

고로 휴지기가 있으므로 체력이 회복됨 = 유저가 육체적 탈진 ( 운동에서 말하는 탈진보다는 약하겠지만 )을 경험하지 않게 함으로서

불쾌감을 줄이고 피로도를 줄여서 오래 플레이를 가능하게 할 수 있음.

고로 경쟁적/조작성 게임은 그 승리에 대한 심리적 보상이 커야됨 그래야 재미가 유지됨, 대다수 경쟁적 게임에서는 명예 같은 상위 단계의 쾌감으로 제공함

반면에 전략성 게임은 이번 한판이 지더라도 투입한 비용 체력이 적기 때문에 재도전이 쉬워짐. 그리고 상대적으로 적은 보상인 한스테이지의 승리, 아이템의 획득 정도로 마쳐도

크게 불쾌하지가 않음

여튼 요약하자면 이거임

1. 키보드 > 마우스 > 안구 순으로 피로도가 발생하, 이 피로도를 줄일수록 이탈하는 걸 막을 수 있다.

2. 명작에는 이런게 고려되어 만들어져 있더라.

[익명(remote0709)]

ux는 결국 유저층의 학습상태와도 연결됨 개나소나 원신ui구조 가져오는 이유와 같음 바퀴를 새로만들지말라 요즘 갤에서 자주보이는듯

[글쓴 Indie(119.198)]

같은 기능이면 익숙한거를 따르는게 대다수의 경우 옳지 학습비용(피로도)가 없으니 ㅋㅋ

[Indie 1(211.250)]

ux 개념에 관해 공돌이들한테 잘 설명하는 글 같은데 문단마다 예시 스샷이 있으면 훨씬 좋을듯

[Indie 1(211.250)]

피로도에 관해 논하는 글이 읽기가 너무 피로해..

[Indie 2(211.48)]

길게 쓴 글이라 태클 걸고 싶지는 않은데 뇌피셜이 좀 많은거아님..?

[글쓴 Indie(119.198)]

ㅋㅋㅋ

[글쓴 Indie(119.198)]

뭐 개인 기준이니

[하압은어딨죠(625353gtw)]

휴 짧은요약 없으면 내손가락이 너무 피로할뻔했어 - dc App

[아침빵(lobster7304)]

괜찮은 인사이트이긴 한 듯.

[211214(tomatoss)]

[211214(tomatoss)]

나 긴 글 안 읽는 사람인데 이 글은 술술 읽힘

[dryrain(dryrain1025)]

ui와 ux가 충돌할때 개발자에게 탈모가 오더라

[글쓴 Indie(119.198)]

ㅋㅋㅋ 골치 아프지

[익명(med300)]

키마와 게임패드 조작을 둘다 지원해야 되는 게임 생태계에선 뭔가 희생하는 경우가 생기긴 할듯

[글쓴 Indie(119.198)]

하나 모양으로 내면 그렇긴 한데 뷰를 쪼개서 다른 조작으로 넣으면 괜찮을거 같기도 함, 대신 품이 더 들겠지

[익명(dbehehd)]

재밌게 읽었음 UX를 비용점수로 환산하는게 흥미로움

[글쓴 Indie(119.198)]

ㄳ

[애플빠(working8477)]

[비월(lunar1228)]

[채썰기고양이(miners11)]

[로망바드(kong1659)]

개인적으로 되게 좋은 내용이라고 생각함. 개발하면서 감각적으로는 많이 신경쓰던 부분이었는데, 이를 이론적으로 접근할 수 있는 시야를 가지게 된 것 같아서 좋았어. UX적으로 가독성/ 편의성 측면의 피로도는 꽤 신경을 썼음에도 연계되는 입력에서 포인터의 이동까진 생각 못했던 터라 앞으로의 개발에 도움이 많이 될 거 같아. 좋은 정보 공유해줘서 고마워.

[GQ(mate3266)]

개인적으로 UX는 본문 내용을 베이스로 '유저가 학습하는데 걸리는 시간'이 중요한 것 같음. 조금 복잡하고 길어도 친숙하거나 이미 아는거면 가산점이 붙는 느낌. - dc App