Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve legend design in map view #1047

Closed
AnnieHwang opened this issue Dec 7, 2018 · 9 comments
Closed

Improve legend design in map view #1047

AnnieHwang opened this issue Dec 7, 2018 · 9 comments
Assignees
Labels
@chart Chart Component and Widget enhancement Request Change and Feature Enhancement
Milestone

Comments

@AnnieHwang
Copy link
Contributor

Is your feature request related to a problem? Please describe.
맵뷰 범례 영역이 너무 커서 맵차트를 보기가 힘듭니다.
위치와 스타일 조정이 필요하며,
다른 차트와 동일하게 범례를 껐을때 레이어가 없어지는 등의 UX결을 맞춰야 할 것 같습니다.

Additional context
image
image

@AnnieHwang AnnieHwang added the @chart Chart Component and Widget label Dec 7, 2018
@kyungtaak kyungtaak added the enhancement Request Change and Feature Enhancement label Dec 10, 2018
@kyungtaak kyungtaak added this to the 3.2.0 milestone Dec 10, 2018
@kyungtaak kyungtaak changed the title Map View Legend UI / UX Change Improve legend design in map view Dec 10, 2018
@esezin
Copy link

esezin commented Dec 12, 2018

@kyungtaak @AnnieHwang

당 이슈에 대해서는 두 가지로 접근하려 합니다.

  1. 여백 등을 최소로 하여, 범례 레이어의 디자인 자체를 최대한 더 작게.
  2. 대시보드에서 접기 기능을 두어, 사용자의 필요에 따라 fold/unfold할 수 있도록. (숨기는 것이 아니라 접어두는 것)
  3. 대시보드에서 드래그 기능을 두어, 사용자의 필요에 따라 위치를 옮길 수 있도록. (대시보드에 옮긴 위치가 저장되지는 않음)

3번에 대해서는 구현 가능성을 검토 중입니다만, 최소 1,2번은 개선되어야 할 것으로 생각합니다.
그리고 조금은 별건입니다만, 기존 Openstreet맵 뿐아니라, 다른 맵타일을 사용하게 될 경우, 지도내 UI(줌인아웃 등)의 위치를 특정할 수 없기 때문에, 범례 위치를 우측상/하단 뿐 아니라 좌측 상/하단도 사용할 수 있도록 하였습니다.

관련 기획서를 업데이트 하였으니, 참고 부탁드립니다. (해당 페이지 31,32)

@koeun222
Copy link

koeun222 commented Dec 13, 2018

@AnnieHwang 디자인 공유드립니다

  • 범례 여백 최소화, 투명도 90%
  • 범례 접기/펴기 버튼 추가 (범례위치에 따라 범례버튼은 맵뷰의 좌측 상,하단, 우측 상,하단에 위치)
    image

@eltriny eltriny added the awaiting feedback need to feedback label Dec 13, 2018
@eltriny
Copy link
Contributor

eltriny commented Dec 13, 2018

@kyungtaak @AnnieHwang
위 내용대로 진행해도 되는지 확인 부탁드립니다.

@AnnieHwang
Copy link
Contributor Author

@eltriny 디자인 조금만 더 손보고 다시 @koeun222 님이 올려주실꺼예요.

@koeun222
Copy link

koeun222 commented Dec 13, 2018

@AnnieHwang @eltriny 여백과 폰트사이즈 더 조정해서 퍼블에 전달드렸습니다
image

@juheeko9 juheeko9 removed the awaiting feedback need to feedback label Dec 13, 2018
@esezin
Copy link

esezin commented Dec 13, 2018

@kyungtaak @AnnieHwang
가장 급한 fold/unfold기능 + 변경된 디자인 뷰를 적용하는 것으로 이 이슈는 정리하고, 드래그 기능은 분리해서 진행하는 것이 어떨까 합니다.

@kyungtaak
Copy link
Contributor

@esezin 네 좋습니다. 시간되실때 별도로 이슈등록 부탁드립니다.

@juheeko9
Copy link
Contributor

f#1047-improve_legend_map 브랜치 생성하였습니다.

juheeko9 pushed a commit that referenced this issue Dec 14, 2018
alchan-lee pushed a commit that referenced this issue Dec 19, 2018
* #659 improve legend design in map

* #1047 restrict legend fold button in page

* #659 fix min / max value bug
@alchan-lee
Copy link
Contributor

fixed in #1093

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
@chart Chart Component and Widget enhancement Request Change and Feature Enhancement
Projects
None yet
Development

No branches or pull requests

7 participants