[💬] UI 배치 어느 방향이 나은지 골라주삼

[dryrain(dryrain1025)]

대충 배치해놓은거라 크기나 위치는 좀 더 정렬해야 한다

UI 배경도 따로 깔아야할듯

1번 텍스트 중앙

예쁘진 않은데 게임플레이적으론 가장 좋은 느낌.

서로의 다음 행동을 비교하기 쉽다.

다만 조작은 조금 불편해질 수 있음

2번 텍스트 사이드

예쁘긴 한데 개인적으론 좀 혼란스러움

정보가 왼쪽 끝에서 오른쪽 끝까지 전부 섞여서...

카드들이 가운데 몰려있어서 조작감은 좋음

실행될 카드와 텍스트 위치가 멀기 때문에

아마 어떤 카드의 정보가 나오는지 강조를 빡세게 해야할 것 같음

나는 이게 불편하다고 생각하는데 생각보다 주변에서 이걸 제안하는 사람들이 꽤 있다...

이건 기존인데 그냥 카드 위로 팝업이 나오는 방식

그래서 다른 정보를 가리거나 하는 게 문제.

우클릭 홀드하면 그동안 팝업이 사라지지만, 좀 답답한 방식의 UX

+추가

기존 방식에서 팝업을 항상 체력바 위로 나오게 하는 방법도 있다. 카드 위치와 무관하게..

이러면 UI를 가릴 일은 없음

[Ray.(choxu0826)]

게임에 익숙하지 않으면 중앙 텍스트, 익숙하면 분할 텍스트가 나을거같은데 위치 교환하는 옵션같은건 안되나? ㅋㅋㅋ...

[dryrain(dryrain1025)]

[Ray.(choxu0826)]

근데 하나만 해야한다면, 처음 하는 사람도 정보 얻기 편하도록 조작감은 좀 희생하더라도 1번이 나을거같음. 마우스 움직이는게 너무 불편하다 싶으면, 각 액션에 대해 키보드 입력을 할당하는 방향도 있으니

[Ray.(choxu0826)]

@Ray. 슬더스 카드를 숫자키로 선택할 수 있는 것 처럼...

[dryrain(dryrain1025)]

@Ray. 으음 사실 2번과 기존 방식은 서로 옵션으로 처리할 수도 있다고 생각.. 1번이 좀 공사를 요구하는 부분인데 확실히 텍스트가 서로 나란히 떠있으니까 비교하긴 쉬운듯

[211214(tomatoss)]

1번이 나은듯 왼쪽부터 그림 -> 글로 읽는 게 자연스럽지 않나? 나라, 사람마다 다르겠지만.. 추가로 화면을 9등분하고.. 인게임 화면을 윗쪽 6칸을 차지하게끔 확대하는 건 어떰.. 화면이 가로로 반 잘린 느낌이 드는..

[dryrain(dryrain1025)]

지금 UI 들어가야하는 하단이 포화상태라 더 줄이긴 힘들덧..

[Indie 1(27.35)]

2번 사이드 텍스트가 좋음 읽을때 시야가 좌우를 횡단한다는 건 불편요소일수도 있지만 오히려 내 행동과 적의 행동을 명확하게 인지할 수 있는 편의요소일수도 있음 팝업은 지금 예정된 카드와 비교 기능 넣을 거 아니면 그냥 카드 바로 위에 나오게 하거나 팝업을 없애고 (우클릭 시 상세) 이런 텍스트만 남겨서 보고싶을때만 체력바 위에 나오게 하는게 좋을 거 같음

[Indie 1(27.35)]

2번 사이드 텍스트가 좋은 건 중앙의 행동 요약과 카드 이미지들이 직관적으로 중앙에서 부딪히고 있다는 느낌을 전달하고 사이드 텍스트가 그 행동에 대한 부가설명으로 옆에 빠져있다는 느낌을 줌 카드가 그냥 카드인게 아니라 순서대로 적과 부딪히는 행동이라는 느낌

[Indie 1(27.35)]

팝업이 '지금 선택된 카드가 무엇인지' 더 명확히 표시하는 표시자의 역할을 하고 있는 면도 있어서 팝업을 옮길 때는 지금 커서를 올린 카드에 더 명확한 하이라이트를 주는 게 좋아보임

[dryrain(dryrain1025)]

2번이 원래 의도에서 팝업만 사이드로 분리한거라 그게 맞긴함. 아마 1번으로 한다면 중앙 행동 요약은 따로 빼버리고, 좀 더 오밀조밀하게 해야할 것 같고.. 다만 현상태에서 2번의 문제는, 실행 카드 목록이 중앙에서부터 사라져나가야 하는데 카드 설명은 정작 거기서 가장 멀리 있으니 좀 비직관적인 면도 있음

[Indie 1(27.35)]

@dryrain 지금 '사이드 텍스트가 비직관적이다'는 확증에 내심 사로잡힌 것 같음 행동의 설명은 일단 해당 행동을 고를 때 플레이어가 이미 숙지한 내용임 거기에 행동에다 마우스 올려도 다시 팝업이 나올 거고 플레이어가 숙련될수록 아예 행동의 설명을 안 보는 경우도 많아질 것임 그걸 굳이 '제발 좀 읽어라'를 위해 중앙에서 또 강조하겠다는 건 본말전도라고 보임

[dryrain(dryrain1025)]

@Indie1(27.35) 콤보로 등록한 카드 중 플레이어의 카드는 가장 오른쪽에서부터, 상대의 카드는 가장 왼쪽에서부터 처리되게 됨. 근데 카드 설명은 처리에서 가장 먼 카드와 가깝게 붙어있으니 좀 혼란스럽다고 생각. 강조를 빡세게 주면 해결될 문제 같아서, 2번도 계속 연구해보려고함. 어쨌든 2번이 원본의 콤보끼리 꽝 붙는 느낌이 살아있어서 이걸 살리는 게 맞긴해

[Indie 1(27.35)]

@dryrain ㅇㅇ 그니까 카드의 설명이 동작과 멀리 떨어져 있는 게 문제라고 생각하면 해당 카드에서 얇은 실이 이어져서 설명까지 닿는다던가 하는 연출적인 부분으로 해결해도 되는데 정작 설명 자체는 플레이가 이어질수록 점점 중요도가 떨어지는 정보고 중앙에서 행동끼리 서로 부딪히는 연출은 게임 내내 같은 중요도로 이어질 코어적인 연출임 행동의 세로비를 줄이고 1:1 아이콘으로 만든 다음 밑에 설명을 깔아주는 한이 있어도 이 중앙에서 부딪히는 감각을 희생하는게 더 이상한 UX라고 생각함

[Indie 2(121.157)]

아래 카드를 드래그 해서 4칸 안에 넣는거야? 이러면 1번은 좀 별로인듯. 왜 이렇게 배치했지 소리 무조건 나올듯한데 4는 이상하고, 2, 3이 가장 낫다.

[Indie 2(121.157)]

3번이 젤 나은듯한데 답답한 이유는 뒤가 안보이기 때문이다. 알파를 줘서 뒤를 약간이라도 뚫어주면 훨씬 좋을듯 내용 구분은 안되어도 되고 색만 비추기만해도 훨씬 시원하고 좋을것 같음.

[dryrain(dryrain1025)]

클릭해도 들어감 다만 4칸 내에서 순서를 바꾸고 싶다면 거기서 드래그

[Indie 2(121.157)]

@dryrain 프로젝트 수정해서 확인하지말고 포토샵으로 3번 이미지에서 팝업 뒤가 보이게 실루엣만 겹쳐봐~

[익명(221.147)]

카드가 뭐하는 카드인지 한눈에 알아보기 힘든게 원인 같으 마법사다보니 마법 표현한다고 그런거 같은데 이미지도 작은데다가 둘다 손 뻗는 동작이라 이건 왜 방어고 이건 왜 공격이지 하는 느낌

[익명(221.147)]

걍 카드 위에 label 올리고 거기에 스킬 이름을 넣는게 낫지 않을까? 마우스 올리거나 선택하면 설명이 표시되고

[익명(seed3117)]

추가된 체력바 위로가 젤 나아보임

[익명(121.191)]

나는 2번이 더 나은듯 시각적으로 2번이 더 집중됨

[익명(remote0709)]

1번처럼 사용할 스킨 설명이 대비되는 느낌이 좋은듯 2번은 내가 사용할지 안할지도 모르는게 매치된 느낌이라 별로

[익명(remote0709)]

일단 3,4는 화면을 너무 비워서 꽉차는 느낌이 없음 시간을 더 투자한다면 1번을 디벨롭하는게 좋아보임

[퀼트(mok9181)]

1하고 패를 왼쪽으로, 왼쪽아래 버튼들을 오른쪽 아래로 옮기면 될듯? 내가 알기론 이 겜이 서로 행동이나 사거리 차이로 효과가 발동하는 구조라 상대 효과는 계속 보이는게 좋을꺼 같아서

[DI(tidy5030)]

이쪽 장르 이해도 0이라 플레이 편의성은 전혀 모르는데 개인적으로 그냥 딱 보기엔 1번이 좋음

[비월(lunar1228)]

게임 시작하는 입장에선 1번인데 카드 효과들 숙지하고 나서는 2번이 편할거 같음

[Deceiver(mock0032)]

조작 방식을 포함해야 알 수 있을 듯. 저 카드(?)들과 상호작용할 일이 있는지 없는지 등.