RX/XE 기능개발 내역 - krzip (새주소)
RX/XE 기능개발 내역
의뢰 전에 실제 구현가부가 걱정되시는 경우
또는 XE로 이런게 구현가능한지 의구심이 드는 경우들을 위해
실제로 XE 기반으로 제작한 기능들을 간단히 소개합니다.

단, 기재한 모든 기능들은 전부 의뢰자들의 요청에 의해 제작된 유료자료들입니다.
( 타사이트들처럼 템플렛형태로 다량 판매 자료로 만들어진 자료들이 아닙니다. )

따라서 가격대가 저가는 아님을 미리 알려드립니다. ( 기존 의뢰자와의 형평성을 감안해 비용측정됩니다)
구매 및 제작 원하시면 XE 제작의뢰 게시판에 글을 남겨주시면 됩니다.

[krzip (새주소)] postify 주소 검색하는 부분의 UI 변경 - 보다 사용에 더 직관적으로..

sejin7940 조회:1145 2014.09.17 13:38

현재 이 모듈을 순수하게 그대로 썼을때 조금 헷갈리는 부분이

인터페이스 쪽이다.

 

 

krzip1.gif


 

원본모듈에서는,  위에 도로명주소/상세주소/참고항목/우편번호가 기본적으로 전부 노출이 되어있다.

그리고 주소 검색 버튼은 우측 하단에 따로 있는데...

 

사람 심리상 위에서부터 기재를 하게 되어있다.

물론 도로명주소를 직접 넣고, 검색을 안 누른체 사용하는 경우도 분명 있을 수 있기에  (도로명주소DB에 없는 경우 때문에) 위해서는 이런 구조가 맞는데..

자칫하다가는 우편번호 값이 저장이 안 된 채로 넘어오는경우가 많을 수 있기에.. 꼭 검색을 필수화 시켜야하는 경우가 있다

 

그렇다고 도로명주소에 값을 넣은 후 검색을 눌렀을때,  검색창 쪽으로 그 이전에 기재해뒀던 값이 넘어가는 구조도 아니다.

(차라리 이 부분이 자동으로 넘어갔으면 나았을 수도 있는데..  jquery 고치면 어렵지 않게 가능할듯은 하지만..)

 

결국 위에서부터 다 입력하고, 검색을 누르면 다시 주소검색창이 떠서 거기에 다시 값을 입력해서 검색하고

위에 입력한걸 그에 맞춰 재수정해야하는 상황이 발생하게 된다

 

 

 

그래서, 아예 검색버튼을 위에 먼저 두는 구조로 변경을 생각해봤다.

 

 

그리고, 이렇게 4줄이 되면서, 너무 입력공간을 많이 차지하게 되는데

상황에 따라서는 이 주소 항목이 필수 입력값이 아닌 경우 일 수도 있다.

꼭 입력 안 해도 되는 항목인데, 4줄이나 차지한다는게 또 하나의 불편을 야기할 수도 있다.

 

그런 점들을 다 보완하기 위해서 생각한게

 

아예 주소검색 버튼만 보이고..  나머지 항목을 실제 주소검색이 되어 선택되었을때

그 때 나타나면서 자동 기재되도록 하는게 나을듯 하다는 생각이 들었다.

 

 

처음에는..  아래 처럼 주소 검색 버튼만 나오고...

 

krzip2.gif


이를 클릭시,

krzip3.gif


 

주소 검색 창이 나타나고  (팝업으로도 가능하고..  바로 아래에 뜨게도 된다.. 이건 기본 지원되는 기능)

참고로,  주소검색 버튼없이 바로 이 검색창을 노출할 수도 있지만..  하단의  주소검색 안내문이 꽤 긴편이여서..  버튼 클릭시 나타나게 해두었다

(안내문을 없애면 되지만.. 정확한 검색을 제공하는게 더 중요하니..)

 

그래서 검색한 목록에서 결과를 클릭하고 나면

 

 

krzip4.gif



 

이렇게  나머지 항목이 나타나면서 해당 값들이 자동으로 기재되는 구조가 되도록 구현을 했다.

보다 더 직관적이고  사용하기 편한 구조가 아닌가 싶다.

 

 

목록
전체 5건
카테고리
XE Login