GR Board 2 Developer Forum

[다운로드] 새로운 UI 입니다.

이동규
  • homepage
  • 2012.06.17 05:13:23
  • hit: 2106
  • good: 10
예전엔 뭣도모르고 허접하게 그냥 막 넣었는데,
이번엔 몇달동안 고심하면서 (만들고, 지우고, 연구하고) 기본적인 뼈대(틀)을 완성했습니다.

나름대로 UX디자인과 UI, 내가 초보자/중급자/고급자인 입장에서 좀더 직관적이고 사용하기 쉽게 구성해봤습니다.
메뉴의 배치라던지, 기능은 구상해놨고 구체적이게까지 갔지만 아직 문서화는 하지 못했습니다. (껍데기 코딩하면서 가능하지 않을까 싶네요.)

기본 껍데기가 완성되면, 기술적으로 가능한가/가능하지 않는가 구분해서 수정 후에 적용이 되겠지요??

설치페이지는 이미 몇달전에 껍데기작업까지 끝났는데, 디자인이 조금 수정되고 html구조를 좀더 정리하기위해 다시 작업중입니다.
이미지를 최소화하려고하지만 (아무리 최소화해도) 기존버전만큼 최소하는 못하겠죠.. ㅠㅠ

디자인 과정입니다.
미리보기

미리보기


미리보기



[대략 설명드리자면]
1. 오류기록, 로그인실패 허용수 초과회원, 업데이트알림등은 Facebook의 '지구본아이콘' 을 참고해서 그쪽에서 다룰 예정입니다.
기존엔 별도로 사이트 전반적인 운영에대한 알림이 없었던것과 달리, 손쉽게 상단 bar에서 확인 가능합니다.
-> 쪽지기능을 이용할 예정이며, 필드하나를 추가해서 관리자와 구분할 예정입니다. (예정 강조.)
2. 메뉴를 통합했습니다.
기존에는 멤버/멤버그룹 , 게시판/게시판 그룹과 같이 특별한 구분기능도 없으며 오히려 시각적으로 많아보이고 복잡해보였습니다. 
이를 모두 한 메뉴에 통합하고 하위메뉴개념을 만들 계획입니다.
3. 픽토그램 혹은 별도의 간단한 이미지들이 사용됩니다.
시각적으로 눈에 더 띄며, 사용자가 이해하기 쉽습니다.
4. 설치페이지는 단순히 설치만 가능한것이 아니라, 설치/데이터이전/복구가 통합되어 제공됩니다.
데이터이전엔 주요사용하는 게시판들이 적용되며, 다른 추가게시판들은 플러그인식으로 추가/이용 가능합니다.
또한 자원의 낭비를 막기위해서 사용하지 않은기능은 삭제할수 있습니다.
5. 소소한 편의기능들이 제공됩니다. 메뉴의 오른쪽/왼쪽 이동가능등...
6. 텍스트도움말이 외부 url(스프링노트 메뉴얼)로 제공됩니다.
도움말버튼을 이미지화하여 보기 쉬운곳에 배치/ 클릭하면 사용자메뉴얼 url로 이동합니다.
스크린샷과 함께 제공되므로 사용자가 좀더 이해하기 쉽고, 메뉴얼 업데이트시 체계적이고 업데이트반영이 빠르며 용량도 절약됩니다.

설치화면페이지는 크게 변동이 없을것이기 때문에 기존에 코딩해뒀던것을 공개합니다.
링크#1을 누르시면 됩니다.


건의하거나 반영하고싶은 내용이 있으신분들은 댓글로 남겨주세요.
이 디자인그대로 간다는 보장은 없으며, 위에서 말씀드린대로 기술적으로 가능한가? 아닌가? 외에 다양한 변수를 고려해서 적용될 예정이며 작업기간은 오래걸릴것으로 예상됩니다. 
XKY 2012.06.17 14:35:58 reply
정말로 멋지네요~
시리니 site 2012.06.17 15:08:29 reply
이 것이야말로 혁신입니다! GR Board v2 를 향해 나아가는 데 있어 중요한 한 걸음이 될 겁니다. 동규님 최고~!