포럼


s22.jpg



안녕하세요, XE 자료실에 최근에서야 처음 자료 등록을 해봤네요 ㅎㅎ

개발자가 아닌 디자이너라서 개발이라고 하긴 뭣하지만 마지막으로 XE로 개발을 해본게 1.4 버젼대였는데 벌써 1.7 버젼대라니... 세월 참 빠릅니다.


제가 이번에 공개한 레이아웃의 가장 큰 특징은 게시판 가로 보기 레이아웃입니다.

일단은 Scape 모드라고 명명했습니다만 사실 Scape 모드라고 써놓은 것도 아니니 아무래도 좋은 부분이고...

이 레이아웃은 제가 2001년부터 운영중인 커뮤니티 사이트에서 2004년에 처음 도입했던 일명 '멀티프레임 모드'를 기반으로 합니다.

그때는 모니터 해상도가 1024x768 정도가 주류인 때라, 가로 1024(스크롤 빼면 사실상 1000)에 가로 보기를 구현하느라 게시물 가로 크기 수동/자동 확장 기능을 탑재하는 등의 꼼수를 부려 봤습니다만...

결과적으로는 당시 모니터 사이즈로는 제가 원하는 수준의 유용성을 제공할 수 없어 결국 2년 뒤 리뉴얼 때 폐지할 수 밖에 없었습니다.

마지막으로 멀티프레임 레이아웃을 유지했던 2005년 리뉴얼 시의 모습은 아래와 같습니다.

게시판 목록을 원활히 표시하기 위한 최소 폭이 있기 때문에, 그에 맞추어 본문 영역의 폭이 매우 좁았습니다.

저 당시엔 참 열정적으로 공부하던 때라... 1년에 한번씩 사이트 리뉴얼 하고 그랬는데... ㅎㅎㅎ



site_5_s.gif



이때의 멀티프레임 레이아웃은 나중에 PC의 평균 해상도가 커지면 반드시 다시 부활시키리라 마음먹은지 어언 10년여가 되었습니다.

그리고 드디어 그 개념을 XE를 통해서 Scape 모드로 부활시켜, 올해 8년만의 리뉴얼 때 실제로 사이트에 적용하여 운용할 예정입니다.

10년간 웹 개발 환경도 참 많이 바뀌어서, 이젠 예전처럼 iframe을 사용하지 않고도 상당히 자유도 높은 레이아웃을 제작할 수 있어서 그냥 혼자 기분이 좋았습니다.



아직 사이트 개발이 덜 끝나서 실제 운영은 아니지만, 샘플 페이지는 http://tordm.net/xe 입니다.

현재 샘플 페이지는 아직 자료실에 등록 승인이 되지 않은 v1.1이 적용되어, 게시물 목록 가로보기일 때 고정 기능이 추가되었습니다.

가로보기 고정 기능은 호환성 문제를 예상해서 v1.0때는 제외했었습니다만, 제가 생각한 Scape 모드의 완성형을 제시하기 위해서는 필수불가결한 기능이라 v1.1에서 추가를 결정했습니다.


실제 커뮤니티 사이트 적용 전에, XE 포럼에 오시는 분들의 의견들을 여쭙고 싶습니다.

그냥 어떤 의견이라도 괜찮습니다.

좋다 나쁘다라는 평가라던가 이랬으면 좋겠다던가...

행여나 오해를 방지하기 위해 미리 말씀드립니다만 특별히 레이아웃을 홍보한다던가(어차피 유료도 아니지만...) 좋은 평가를 받고 싶다던가 하는게 아니라, 정말로 솔직한 의견들을 여쭙고 싶습니다.


과거에 사실상 미완으로 남은 멀티프레임 모드의 경우엔 유용하다와 불편하다의 평가가 약 6:4 정도였었는데...

많이 부족했던 당시의 레이아웃으로도 반수 이상의 반응을 이끌어낸 부분에서 10년 전에 이미 가능성을 발견했었습니다.

그런 의미에서, 과거의 멀티프레임 모드보다 훨씬 개선된 현재의 Scape 모드가 과연 얼마나 많은 분들에게 긍정적인 반응을 얻을 수 있을지도 궁금하네요.



의견을 구하기 전에 저도 의견을 내는게 인지상정(?)이니 가로 보기 레이아웃에 대한 제 생각은...

PC의 해상도가 커지면서 덩달아 와이드화가 진행되고 있기 때문에, 수직 방향으로의 화면 경제성은 더욱 중요해진 반면 수평 방향으로의 화면 경제성은 매우 여유가 있어졌습니다.

그러나 기존의 보편적인 게시판 레이아웃은 수직 스크롤에 최적화되어 있어, 수평 방향으로의 경제성을 매우 낭비하고 있다고 생각합니다.

그래서 변화된 환경에 맞추어 세로 스크롤을 최소화할 수 있는 레이아웃을 제공함으로써, 이용자들에게 편리를 제공하고 또한 게시판의 회전율도 높일 수 있지 않나 하고 예상하고 있습니다.


사실 개발 과정에서는 가로 2560 해상도에 맞추어 코멘트 보기까지 가로로 정렬할 수 있도록 구현했었는데, 이 부분은 아직 레이아웃 설계에 대한 연구가 덜 되어서 공개 버젼에선 제외시켰습니다.

지금은 가로 1920을 최대로 보고 설정된 레이아웃입니다만, 향후 모니터의 평균 크기가 더욱 커진다면 코멘트 가로보기와 같이 가로 방향으로의 경제성을 더욱 잘 살릴 수 있는 레이아웃도 가능하지 않을까 하고 예상하고 있습니다.

그리고 이제는 모니터들의 PPI가 매우 높아져서 절대단위인 px 단위보다는 구글에서 사용하는 dp 단위같은 상대단위의 중요성이 데스크탑에서도 부각되고 있으니, 그 부분으로도 더욱 연구가 필요한 레이아웃이기도 합니다.


멀티프레임 모드를 시도해 본 때로부터 몇년 후에 어느 사이트에서 이와 비슷한 레이아웃을 발견하고는, 역시 저만 이런 생각을 하는게 아니구나 싶더군요.

누구나 한번쯤은 생각해본 개념이라고 한다면 실제 적용사례가 거의 없는 점은 역시 익숙함의 문제일런지.. ㅎㅎ

 

 

 

글쓴이 제목 최종 글
강하레 유료 자료를 선뜻 구입하기가 힘드네요. [6] 2015.02.21 by ひりゅう.
도라미 여러분은 디렉토리 리스팅이 되는 사이트를 발견하면 어떻게 하시나요? [3] 2015.02.20 by 닉이
POSTZI 공통통합네임서버  
misol [방문기] XE Hub 에 왔습니다. [6] file 2015.02.17 by 노에르
KTK 회원가입 이용약관/개인정보취급방침 애드온 가입할때 맨트.. [2] 2015.02.16 by KTK
아기나옹이 [ 아이템 ] 지정일 이전 게시물 잠김 애드온 - 만들어 보실분 [9] 2015.02.15 by 꾸링
기진곰 세션보안 애드온 광범위한 테스트를 부탁드립니다. [10] 2015.02.15 by 기진곰
hsjaa 저만 이런지 모르겟습니다 [29] 2015.02.15 by 진사형
휘즈 spam  
댑펑 XE 업데이트에 대해서 궁금합니다. [4] 2015.02.14 by XE
銀童 XE 개발자들의 모임을 해볼까 합니다. [38] 2015.02.14 by forest535
아기나옹이 정말 오래된 염원? -->회원 가입 후 이동할 페이지 [11] 2015.02.13 by 키스투엑스이
능현 1.7.10 업데이트후 로그인 오류문제 차기 버전에서는 해결될 가능성이 있을까요? [4] file 2015.02.13 by 능현
GG 개인정보 보호 따위.... [1] 2023.11.17 by 도라미
ひりゅう. XE디렉토리내 lang.xml을 다이어트시켜주는 php소스 [3] 2015.02.13 by ひりゅう.
newi 동영상 섬네일 애드온 좀 부탁드립니다. [2] 2015.02.12 by newi
oscarmike 조금 당황스럽고 속상하네요 [12] 2015.02.12 by 세상의모든계산기
아기나옹이 아이템 - 서명(프로필) 접근 권한 애드온 만들어 보실분? [5] 2015.02.12 by 아기나옹이
다미아빠 블라인드 애드온? 모듈? [1] 2023.11.17 by KrteamENT
vAsurada 게시판 가로보기 레이아웃에 대한 여러분들의 의견이 궁금합니다 [19] file 2015.02.11 by Luatic™