[💬] UI 방식 어떤 게 나아보임

[dryrain(dryrain1025)]

카드 팝업이 다른 UI 요소 가리는 게 싫어서

이런 식으로 캐릭터 필드에서 보여주려고 함 (연결선 색상이나 뭐 자잘한 건 바뀔거임)

근데 이렇게 할지

아니면 이렇게 중앙에 고정시킬지 고민중..

이렇게 보니까 1번이 더 나은 것 같긴 하네

2번을 하려면 현재 상호작용중인 카드만 밝게 보이고 나머지는 어둡게 보이는 식으로 바꿔야겠고

추가

이게 3번

선택중인 카드 바로 위에 나오는 건데

음... 다른 걸 가려서 좀 고민중

[능소화.(room0448)]

설명글이 마우스 커서와 가까이 있는 편이 제일 보기 편하네

[dryrain(dryrain1025)]

1번? 아니면 슬롯 바로 위에 떠서 UI 가리는 걸 말하는 건가

[능소화.(room0448)]

@dryrain 아 그러니까 저 두개 말고 마우스 커서를 갖다댄 카드 바로 위에 설명글이 떴으면 좋겠다고 생각함

[dryrain(dryrain1025)]

@능소화. 사실 이전이 그랬었는데 체력 바라든지 나머지를 너무 가려서 그걸 해결하려고...

[능소화.(room0448)]

[능소화.(room0448)]

@dryrain 지금 3번 봤는데 이거 개좋다

[하루카남편(darkalex0)]

@능소화. ㅇㅇ 3번이 ux 1황임..

[획기자(curve4140)]

2번이 가장 좋을듯 눈 피곤해져 1번처럼 하면

[Indie 1(112.153)]

22222222

[Indie 2(125.133)]

2가 좋네

[익명(218.157)]

1이 좀더 익숙하고 자연스러운거같음 2방식은 주로 하단쪽에 따로 ui정보창을 배치했던거같음

[익명(218.157)]

아니면 카드가 확대되면서 설명이 붙어있는게 가장 좋은듯 익숙하기도하고

[익명(remote0709)]

2번이 나은듯 1번은 내 마우스위치와 봐야하는 시선거리가 너무 멀어

[익명(112.151)]

카드를 선택할 때 눈이 카드에 가있으니까 선택한 카드(커서) 근처에 설명이 나오는 데 한표 던집니다.

[익명(112.151)]

너무 위아래로 눈이 왔다갔다 해서 불편함.

[익명(112.151)]

@ㅇㅇ(112.151) 확실히 3번이 눈이 편한 듯

[김메가(scw973108)]

카드가 위로 가고 나머지 ui가 밑으로 내려오면 안됨?

[dryrain(dryrain1025)]

체력 바가 캐릭터랑 가까운 게 나음. 체력 바를 아예 상단으로 올릴까도 생각했는데, 이러면 결국 전체 그림이 많이 안예뻐지고...

[Indie 3(124.52)]

커서랑 설명 부분이 멀리 떨어져 있는거 구린거 같은데... 체력바 등이 가리는건 다른 방법으로 해결하는게 어떨까 싶음 마우스오버를 해서 해당 카드의 정보를 보고자 하는건데, 그 정보에 대한 UX가 가장 우선시 되어야 하지 않을까 싶음

[Indie 3(124.52)]

3번이 나은 것 같음 오히려 3번으로 할 때도 보고자 하는 정보가 섞여서 잘 안보이는 것 같으니 팝업 뒤에 살짝 딤이라도 깔아주면 더 좋지 않을까 싶음.

[Indie 3(124.52)]

지금도 있는 것 같긴한데 해다 정보와 나머지 뒷 정보가 더 명확히 구분되도록 더 강하게

[dryrain(dryrain1025)]

사실 3번도 크게 불편하다는 피드백이 없었던걸 보면 그냥 냅두는 게 맞을수도...

[퀼트(mok9181)]

2로 하고 상단 ui 하단이 계속 변화할때 체력바를 가리는 경우가 가끔있는듯

[Indie 4(220.78)]

그냥 카드 설명이 나올 자리 공간을 따로 배치하는 것도 방법임 유희왕 마스터 듀얼 처럼

[dryrain(dryrain1025)]

그게 2번 형태지 머

[Indie 4(220.78)]

@dryrain 약간 결이 다르긴해 그리고 왜 생각보다 이 게임은 요소가 그리 많지 않은데 빈공간으로 사용될 곳이 적게 느껴지나

[dryrain(dryrain1025)]

@Indie4(220.78) 아무래도 보드판이 아니라 그럴지도..

[아침빵(lobster7304)]

@Indie4(220.78) 정보를 제공하는 모든 것이 화면 하단에 몰려있기 때문인 듯.

[하루카남편(darkalex0)]

닥 3

[Fallen(kore2759)]

난 갼적으로 3번인데 팝업창이 뒤쪽 ui 가리는 느낌+뒤쪽 ui랑 겹치는 느낌이 싫으면 아예 하단부 팝업창 띄울 때 뒤쪽 ui 살짝 어두워지면서 팝업창에만 눈이 가도록 해도 좋을 것 같기두? 근데 보통은 팝업창 자체에다가 외부 그림자 효과 넣어서 해결하는 것 같았음. 닼던 같은 경우가 10픽셀 정도 외부 그림자 넣었던 것 같은데.

[Fallen(kore2759)]

아 근데 장르는 다르지만 다른 대기업 겜들 보니까 커서 바로 뒤에 팝업창 따라다니는데도 외부 그림자 효과 같은 거 없이도 딱히 안 거슬리는 게임들도 많네... ui 어렵구만

[슈퍼썸(invasion8050)]

2번 중앙. 1번 3번은 장시간하면 눈이 피곤하지않을까 싶음

[아르칸(elminster1400)]

3번이 처음 선택지에 없었나? 3번이 가장 좋은듯

[아르칸(elminster1400)]

이게 시선의 동선도 신경써야하는게 1번이나 3번은 커서로 지정한 곳 바로 위로 올리면 바로 보이지만, 2번은 커서 시선을 따라갔다가 다시 시선이 중앙에 모여야하기 때문에 시선의 동선이 훨씬 길어져. 물론 커서와 시선의 동선을 따로 둘 수 있는 사람은 2번이 편할 순 있겠지만 대다수는 그렇지 않거든.

[아르칸(elminster1400)]

@아르칸 대부분의 대기업 게임들이 선택한 창 근처에 창을 띄우는걸 선택하는 이유가 있어. 그리고 팝업이 다른 카드를 가리는건 걱정하지 않아도 되는게 어차피 카드의 설명 보려는 사람은 그 설명만 보이는게 눈이 덜 피곤해. 아예 나머지 부분 그림자 처리하는게 훨씬 좋은 방법이고. 그리고 3번이 여기서 시선의 동선이 가장 짧아서 눈이 편해.

[dryrain(dryrain1025)]

원래 3번이었슴. 걍 냅두는 게 낫겠네

[아르칸(elminster1400)]

@dryrain 그리고 이건 내가 카드류 게임을 안해봐서 확신은 못하는데 캐릭터가 화면 중앙에 위치했으면 좋겠어. 캐릭터가 화면 최상단에 위치하는거 보기 좀 불편하네. 대충 다키스트던전처럼? 캐릭터 크기를 좀 줄여도 되고, 아니면 하단 레이어의 선택된 카드와 선택할 카드 간격을 줄이는 방법이라던지. 물론 이쪽은 잘 모르니까 걸러들으셈.

[아르칸(elminster1400)]

@dryrain 글구 같은 라인의 카드 팝업 height 위치는 통일시키는게 보기 편할거 같아. 카드 설명의 길이에 따라 팝업 상단 높이가 휙휙 바뀌는게 생각보다 보기 불편한거 가틈. 이거땜시 2번 좋다고 생각하는 사람 있을듯? 2번은 중앙기준이라 상단 텍스트 높이가 절반만 바뀌니까. 대신 높이에 따라 텍스트가 카드 가려버리는 것도 감안해야해서 작업량 늘어나겠지만.

[dryrain(dryrain1025)]

@아르칸 카드 텍스트 분량이 차이가 크게 나서, 고정 크기로 하면 빈 칸이 많아질 수도 있음. 이거는 어느정도 텍스트 분량이 정리되면 최소값을 생각해보려고

[dryrain(dryrain1025)]

@아르칸 이거는 지금 첨부한 이미지가 크롭되어서 그렇게 느낀듯 캐릭터는 실제로 중간에 있음

[아르칸(elminster1400)]

@dryrain 아 내 말은 고정크기를 쓰란 말이 아니라, 상단 텍스트의 위치가 일정했으면 좋겠다는 말이었어. 물론 고정크기 쓰는것도 방법이 될 거 같긴하네. 설명 읽는 사람은 항상 첫줄부터 읽으니까, 옆으로 카드를 바꿀때마다 첫줄의 위치가 크게 바뀌면 눈이 피로할거같더라구.

[아르칸(elminster1400)]

@dryrain ㅇㅎ 글쿠만 나중에 풀 스크린도 기대되네 ㅎㅎ

[dryrain(dryrain1025)]

@아르칸 하단에 있는 슬롯의 윗방향으로 나오는거라서, 상단 텍스트 위치가 정해지면 짧은 텍스트들은 그만큼 슬롯과의 거리가 멀어질거임. 아마 1번 비슷하게 될듯? 어느정도 조정할 수는 있겠지만

[211214(tomatoss)]

위 레이어, 아래 레이어 위치를 바꾸면 안 되나

[익명(label3290)]

1번은 일단 좀 아닌듯

[볼렌더(hiking8826)]

3번이 걍 압도적 정배같아요 만약 다른 요소를 가리는게 고민이면, 헤비 유저를 위한 쿼지모드를 고려해보세요. '카드를 확인하는 동안 Tap키를 누르면, 카드 정보가 반투명하게 보여 전투 상황을 더 매끄럽게 확인할 수 있습니다' 같은 기능을 추가하면 어떨까요?

[dryrain(dryrain1025)]

구현할때 우클릭하면 사라지도록 설계했슴. 일단 만들어진대로 냅두고 유저 반응 확인 후 대응해야겠다...

[Indie 5(121.165)]

3번하고 호버링된 ui가 화면 가리는 게 불편하면 alt 키 같은 걸로 호버링 ui 끄는 걸로 하셈.

[MakGa(lucky1434)]

ux 측면에서 보면 마우스 가져다 댄 데에서 플로팅 된 텍스트가 멀리 떨어져있으면 눈의 초점을 많이 이동해야 되서 번거로울수 있음 쌓이면 스트레스가 됨. 마우스 가져다 댄데랑 보이는 거랑 가까워야 좋을듯 슬더스나 다키스트 던전 전투 ui참고하면 좋을듯 비슷한 요소가 있으니

[Indie 6(59.11)]

캐릭터가 보여지는 부분이 상단에 쏠려서 게임의 화면보다 UI가 더 중앙으로 가버린것 같음, 체력바를 최상단에 배치하고 카드들을 조금씩 내리면 여유 공간이 생기지 않을까요? 이렇게 하면 3번방식도 거슬려보이지 않을듯