UI 변경 주기를 늘렸으면 합니다.
페이지 정보
작성일
2025.06.21 15:30
본문
안녕하세요. plasticbox 입니다.
SDK님과 지원해주시는 개발자 분들 덕분에 좋은곳에서 커뮤니티를 즐기고 있습니다.
열정을 가지고 노력해주고 계셔서 참 감사할 뿐입니다. ( _ _)
다른게 아니라 열심히 해주셔서 개선을 빠르게 해주시는건 좋은데요.
적응할만한하면 너무 자주 많은게 바뀌는듯 합니다.
바뀌면서 버그도 생기는듯 하구오.
크리티컬한 버그가 아니라면 앞으로 어느정도 일관된 인터페이스를 유지해주시면 좋겠습니다.
리텐션에도 영향이 갈거라고 생각이 됩니다.
감사합니다.
3명
추천인 목록보기
댓글 8
기적님의 댓글
작성일
06.21 16:18
@SDK
지금 다모앙 UI에서 가장 시급한 것은 메뉴가 4개인 것을 하나로 통합하는 거라고 생각해요.
제가 추천드리는 형태는 이토랜드의 플로팅 메뉴입니다.
스마트폰에서 아래 링크의 이토랜드로 가 보시면, 스크롤을 내려도 언제나 메뉴에 접근할 수 있도록 되어 있어서 아주 편합니다.
https://www.etoland.co.kr/bbs/board.php?bo_table=sisabbs01&wr_id=2211801
글을 읽으면서 세로로 스크롤을 계속 넘기다보면 맨 아래는 전체 메뉴를 볼 수 있게 해놨죠. 아주 효율적인 UI입니다.
다만 이토랜드의 플로팅 메뉴는 가로 스크롤이 너무 길다는 단점이 있는데요,
다모앙은 가로 스크롤을 활용하되 이번에 새로 도입한 탭 UI를 융합해서 이토랜드보다 더 효율적인 UI를 만들 수 있습니다.
1.
탭 이름을 '커뮤, 정보, 리뷰, 운영' 이런식으로 단순화하여 스크롤의 길이를 줄이고 더 많은 탭을 보여줄 수 있도록 합니다. (이건 어제 말씀드리자마자 빠르게 적용해 주셨네요. 감사합니다.
지금 보면 탭의 height가 원래 두줄 높이만큼 차지하고 있었는데 메뉴 이름이 한줄이 되었으므로 이제는 탭의 height를 줄여서 공간을 절약할 필요가 있습니다.)
모바일에서 메뉴 버튼을 누르지 않아도 탭이 보이도록 항상 모든 페이지의 맨 위에 탭을 이토랜드처럼 플로팅합니다.
그리고 탭을 누르기 전에는 메뉴를 미리 펼치지 않습니다.
즉 가로 1줄의 공간만 차지하는 것입니다.
이걸 PC에서도 그대로 사용할 수 있습니다.
지금 다모앙은 맨 위에 검은색 바가 나타났다 사라졌다 하는데 이것을 항상 보이게 플로팅하고 세로폭을 조금 줄이면 되겠죠.
다만 이 공간을 메뉴로 채우려면 왼쪽에 다모앙 로고랑 오른쪽에 아이콘들을 아래의 프로필 사진 위로 빼서 최대한 여러개의 탭 제목을 보여줄 수 있어야 합니다.
2.
원터치로 서브메뉴에 접근할 수 있게 하는 방법이 있습니다.
스마트폰에서 손가락으로 탭을 눌렀을 때 메뉴가 즉시 펼쳐져서 드래그로 게시판을 선택할 수 있게 합니다.
지금은 손가락을 눌렀다가 때어낸 뒤에 메뉴가 펼쳐지지만, 때어내기 전에 미리 펼쳐지도록 하는 것입니다.
이렇게 하면 손가락을 때어내는 위치의 게시판으로 한번에 이동할 수 있습니다.
결과적으로 다모앙 플로팅 메뉴에서 여러개의 서브메뉴에 원터치로 접근할 수 있게 됩니다.
3.
탭을 드래그하기도 귀찮은 사람들을 위해서 탭을 그냥 단순 클릭했을 때에도 보여줄 게시판이 있어야 합니다.
이때에는 선택한 탭의 하위 게시판들을 모아놓은 게시판을 보여주면 됩니다. 예를 들어 소모임 탭을 누르면 전체 소모임 글을 보여주는 것이죠.
참고로 탭에서 손가락을 땠을 때 펼쳐진 메뉴가 천천히 서랍처럼 들어가도록 애니메이션을 줍니다. 서브 메뉴가 너무 빨리 사라지면 드래그가 되는지 모를 수 있으니까요.
그리고 서브메뉴의 게시판으로 들어갔을 때는 플로팅 메뉴 아래에 해당 탭에 속하는 다른 서브메뉴들을 같이 보여줍니다. 이 상태에서 스크롤을 하면 다시 상위 탭만 플로팅 하고요.
4.
탭 4개 뿐만 아니라 가로 스크롤으로 추천글, 즐겨찾기, 소모임 등 다른 탭을 계속 추가할 수 있습니다.
탭을 스크롤 할 때 맨 오른쪽 구석에 있는 탭들은 상대적으로 잘 안 보이는 문제를 해결하기 위해서 중간에 있는 탭을 선택하면 탭위치를 왼쪽으로 오도록 스크롤해서 더 오른쪽에 위치한 다른 탭들을 보여주는 방법으로 다른 탭들의 존재를 알릴 수 있습니다.
5.
각 페이지의 맨 아래쪽에는 공간을 많이 차지해도 되므로 이토랜드처럼 전체 메뉴를 펼쳐서 보여주면 됩니다. 전체 메뉴를 2열~4열로 다 펼쳐서 보여줄 수 있죠. 메뉴 뿐만 아니라 톺아보기 최신글도 함께 보여주면 더 좋을 것입니다.
개인적으로 '톺아보기'보다 '전체글'이 훨씬 더 직관적인 명칭이라 생각합니다.
이렇게 하면 아주 강력하고 사용자 친화적인 UI가 되리라 생각합니다.
지금 다모앙 UI에서 가장 시급한 것은 메뉴가 4개인 것을 하나로 통합하는 거라고 생각해요.
제가 추천드리는 형태는 이토랜드의 플로팅 메뉴입니다.
스마트폰에서 아래 링크의 이토랜드로 가 보시면, 스크롤을 내려도 언제나 메뉴에 접근할 수 있도록 되어 있어서 아주 편합니다.
https://www.etoland.co.kr/bbs/board.php?bo_table=sisabbs01&wr_id=2211801
글을 읽으면서 세로로 스크롤을 계속 넘기다보면 맨 아래는 전체 메뉴를 볼 수 있게 해놨죠. 아주 효율적인 UI입니다.
다만 이토랜드의 플로팅 메뉴는 가로 스크롤이 너무 길다는 단점이 있는데요,
다모앙은 가로 스크롤을 활용하되 이번에 새로 도입한 탭 UI를 융합해서 이토랜드보다 더 효율적인 UI를 만들 수 있습니다.
1.
탭 이름을 '커뮤, 정보, 리뷰, 운영' 이런식으로 단순화하여 스크롤의 길이를 줄이고 더 많은 탭을 보여줄 수 있도록 합니다. (이건 어제 말씀드리자마자 빠르게 적용해 주셨네요. 감사합니다.
지금 보면 탭의 height가 원래 두줄 높이만큼 차지하고 있었는데 메뉴 이름이 한줄이 되었으므로 이제는 탭의 height를 줄여서 공간을 절약할 필요가 있습니다.)
모바일에서 메뉴 버튼을 누르지 않아도 탭이 보이도록 항상 모든 페이지의 맨 위에 탭을 이토랜드처럼 플로팅합니다.
그리고 탭을 누르기 전에는 메뉴를 미리 펼치지 않습니다.
즉 가로 1줄의 공간만 차지하는 것입니다.
이걸 PC에서도 그대로 사용할 수 있습니다.
지금 다모앙은 맨 위에 검은색 바가 나타났다 사라졌다 하는데 이것을 항상 보이게 플로팅하고 세로폭을 조금 줄이면 되겠죠.
다만 이 공간을 메뉴로 채우려면 왼쪽에 다모앙 로고랑 오른쪽에 아이콘들을 아래의 프로필 사진 위로 빼서 최대한 여러개의 탭 제목을 보여줄 수 있어야 합니다.
2.
원터치로 서브메뉴에 접근할 수 있게 하는 방법이 있습니다.
스마트폰에서 손가락으로 탭을 눌렀을 때 메뉴가 즉시 펼쳐져서 드래그로 게시판을 선택할 수 있게 합니다.
지금은 손가락을 눌렀다가 때어낸 뒤에 메뉴가 펼쳐지지만, 때어내기 전에 미리 펼쳐지도록 하는 것입니다.
이렇게 하면 손가락을 때어내는 위치의 게시판으로 한번에 이동할 수 있습니다.
결과적으로 다모앙 플로팅 메뉴에서 여러개의 서브메뉴에 원터치로 접근할 수 있게 됩니다.
3.
탭을 드래그하기도 귀찮은 사람들을 위해서 탭을 그냥 단순 클릭했을 때에도 보여줄 게시판이 있어야 합니다.
이때에는 선택한 탭의 하위 게시판들을 모아놓은 게시판을 보여주면 됩니다. 예를 들어 소모임 탭을 누르면 전체 소모임 글을 보여주는 것이죠.
참고로 탭에서 손가락을 땠을 때 펼쳐진 메뉴가 천천히 서랍처럼 들어가도록 애니메이션을 줍니다. 서브 메뉴가 너무 빨리 사라지면 드래그가 되는지 모를 수 있으니까요.
그리고 서브메뉴의 게시판으로 들어갔을 때는 플로팅 메뉴 아래에 해당 탭에 속하는 다른 서브메뉴들을 같이 보여줍니다. 이 상태에서 스크롤을 하면 다시 상위 탭만 플로팅 하고요.
4.
탭 4개 뿐만 아니라 가로 스크롤으로 추천글, 즐겨찾기, 소모임 등 다른 탭을 계속 추가할 수 있습니다.
탭을 스크롤 할 때 맨 오른쪽 구석에 있는 탭들은 상대적으로 잘 안 보이는 문제를 해결하기 위해서 중간에 있는 탭을 선택하면 탭위치를 왼쪽으로 오도록 스크롤해서 더 오른쪽에 위치한 다른 탭들을 보여주는 방법으로 다른 탭들의 존재를 알릴 수 있습니다.
5.
각 페이지의 맨 아래쪽에는 공간을 많이 차지해도 되므로 이토랜드처럼 전체 메뉴를 펼쳐서 보여주면 됩니다. 전체 메뉴를 2열~4열로 다 펼쳐서 보여줄 수 있죠. 메뉴 뿐만 아니라 톺아보기 최신글도 함께 보여주면 더 좋을 것입니다.
개인적으로 '톺아보기'보다 '전체글'이 훨씬 더 직관적인 명칭이라 생각합니다.
이렇게 하면 아주 강력하고 사용자 친화적인 UI가 되리라 생각합니다.
기적님의 댓글
작성일
06.21 16:51
@SDK
그리고 배너 또한 플로팅 배너를 적극적으로 사용해야 합니다.
지금 데스크톱 웹을 기준으로 왼쪽과 오른쪽에는 배너가 플로팅 되어 있어서 스크롤을 내려도 계속 보이지만 왼쪽 메뉴 아래에 있는 여러개의 배너들은 스크롤을 하면 그냥 지나가버립니다.
저는 이 배너들도 반드시 플로팅을 걸어야 한다고 생각합니다. 광고 수익에 큰 변화가 있을 거예요.
제가 지금 이 댓글을 쓰고 있는 위치에서도 왼쪽에 배너 없는 빈 공간이 보이는데요, 다모앙은 댓글이 많이 달리기 때문에 이 빈 공간이 너무나 아깝습니다.
플로팅 배너는 너무 중요한 문제라서 제가 예전에도 어떻게 구현해야 하는지 따로 글을 올렸었는데 다시 한번 링크합니다.
https://damoang.net/free/1371343
(내글 목록에 검색 기능 필요합니다. 이 글을 한참 찾았네요 ㅜㅜ)
그리고 배너 또한 플로팅 배너를 적극적으로 사용해야 합니다.
지금 데스크톱 웹을 기준으로 왼쪽과 오른쪽에는 배너가 플로팅 되어 있어서 스크롤을 내려도 계속 보이지만 왼쪽 메뉴 아래에 있는 여러개의 배너들은 스크롤을 하면 그냥 지나가버립니다.
저는 이 배너들도 반드시 플로팅을 걸어야 한다고 생각합니다. 광고 수익에 큰 변화가 있을 거예요.
제가 지금 이 댓글을 쓰고 있는 위치에서도 왼쪽에 배너 없는 빈 공간이 보이는데요, 다모앙은 댓글이 많이 달리기 때문에 이 빈 공간이 너무나 아깝습니다.
플로팅 배너는 너무 중요한 문제라서 제가 예전에도 어떻게 구현해야 하는지 따로 글을 올렸었는데 다시 한번 링크합니다.
https://damoang.net/free/1371343
(내글 목록에 검색 기능 필요합니다. 이 글을 한참 찾았네요 ㅜㅜ)
기적님의 댓글
작성일
06.21 17:23
@SDK
광고 중에 수익이 큰 것은 리워드 광고입니다.
이것을 적극 활용하면 후원금을 받지 않고도 안정적인 수익을 낼 수 있을 것 같습니다.
예를 들어 아래의 페이지를 보시면 대표적인 리워드 광고 수단들이 나열되어 있는데 광고를 보고 포인트를 모아서 계급을 올리는 시스템입니다.
https://www.etoland.co.kr/pages/points.php
그런데 계급 아이콘은 위화감 등의 이유로 다모앙에서 하지 않기로 했으니 게임과 리워드 광고를 접목하면 좋겠다는 생각이 듭니다.
장기, 오목을 예로 들면 첫판은 바로 가능하고 다음판부터는 리워드 광고를 봐야 1회 플레이 할 수 있는 포인트를 주는 것입니다.
다만 이것으로 수익을 내려면 게임이 더 재미있어야하고 한판에 걸리는 시간이 짧아야겠죠.
예전에 유행했던 총알피하기, 똥피하기 같은 게임을 웹게임으로 구현하는 건 AI 가 뚝딱 만들 것 같은데, 이런 것도 좋고 아니면 아예 게임공급업 사업자를 추가하고 본격적으로 고도화해서 앙님들과 온라인으로 여러가지 게임을 하거나 오픈월드에서 여러가지 아이템을 구매할 때 광고를 보거나 결제할 수 있도록 하는 방법도 있습니다.
광고 중에 수익이 큰 것은 리워드 광고입니다.
이것을 적극 활용하면 후원금을 받지 않고도 안정적인 수익을 낼 수 있을 것 같습니다.
예를 들어 아래의 페이지를 보시면 대표적인 리워드 광고 수단들이 나열되어 있는데 광고를 보고 포인트를 모아서 계급을 올리는 시스템입니다.
https://www.etoland.co.kr/pages/points.php
그런데 계급 아이콘은 위화감 등의 이유로 다모앙에서 하지 않기로 했으니 게임과 리워드 광고를 접목하면 좋겠다는 생각이 듭니다.
장기, 오목을 예로 들면 첫판은 바로 가능하고 다음판부터는 리워드 광고를 봐야 1회 플레이 할 수 있는 포인트를 주는 것입니다.
다만 이것으로 수익을 내려면 게임이 더 재미있어야하고 한판에 걸리는 시간이 짧아야겠죠.
예전에 유행했던 총알피하기, 똥피하기 같은 게임을 웹게임으로 구현하는 건 AI 가 뚝딱 만들 것 같은데, 이런 것도 좋고 아니면 아예 게임공급업 사업자를 추가하고 본격적으로 고도화해서 앙님들과 온라인으로 여러가지 게임을 하거나 오픈월드에서 여러가지 아이템을 구매할 때 광고를 보거나 결제할 수 있도록 하는 방법도 있습니다.
SDK님의 댓글의 댓글
작성일
06.21 17:35
@기적님에게 답글
지난 번 말씀을 해주셔서 알아봤는데, adMob 여기는 애플리케이션만 가능하더라고요.
여러가지로 고민을 해보고 빠르게 적용할 수 있는 것들을 적용하겠습니다.
구글 광고수익이 다시 30% 이상 떨어졌습니다.
감사합니다.
여러가지로 고민을 해보고 빠르게 적용할 수 있는 것들을 적용하겠습니다.
구글 광고수익이 다시 30% 이상 떨어졌습니다.
감사합니다.
기적님의 댓글의 댓글
작성일
06.21 17:55
@SDK님에게 답글
네 감사합니다.
아래 링크는 리워드 광고를 웹에서 구현한 샘플입니다.
참고해 보세요~
https://developers.google.com/publisher-tag/samples/display-rewarded-ad?hl=ko
아래 링크는 리워드 광고를 웹에서 구현한 샘플입니다.
참고해 보세요~
https://developers.google.com/publisher-tag/samples/display-rewarded-ad?hl=ko
기적님의 댓글의 댓글
작성일
06.21 18:01
@SDK님에게 답글
딴지일보는 구글 대신 이 배너를 쓰더라고요.
https://info.ad.daum.net/optout.do#none
구글 배너가 표시되지 않을 때 이를 실시간으로 감지해서 동적으로 다른 배너를 표시하도록 해야 할 것 같습니다.
우선 페이지를 로드할 때 모든 구글 배너가 성공적으로 로딩이 되었는지 확인하는 코드가 필요하겠고,
배너가 표시되지 않았다면 다른 업체의 배너를 불러오도록 조건을 추가해야겠죠.
https://info.ad.daum.net/optout.do#none
구글 배너가 표시되지 않을 때 이를 실시간으로 감지해서 동적으로 다른 배너를 표시하도록 해야 할 것 같습니다.
우선 페이지를 로드할 때 모든 구글 배너가 성공적으로 로딩이 되었는지 확인하는 코드가 필요하겠고,
배너가 표시되지 않았다면 다른 업체의 배너를 불러오도록 조건을 추가해야겠죠.
기적님의 댓글
특히 자유게시판 등 주요 게시판의 위치와 순서는 맨 위에 고정할 필요가 있습니다.
세부적인 메뉴 순서의 선호도는 앙님 전체 투표로 결정하면 좋겠죠.
이외에 신설 게시판은 그 아래에서 위치를 정하고요.
이렇게 하면 혼란을 최소화할 수 있습니다.