Project.다원 Ensemble_설계(6)_장비관리-장비목록
Wireframe&화면설계서(2)
오늘은 낮에 커피를 한잔만 마셨더니 엄청 피곤하네요;;
아무래도 카페인이 부족한 모양입니다.ㅎ;;
그래서 빠르게! 오늘 할 수 있는 부분만 정리하고 일찍 잠 좀(...) 자려고 합니다! (그러는 지금 시간은 0시 4분...)
아마 오늘 한 부분은 졸면서, 또 일단 주먹구구식으로 한 부분도 있어서 추후 변경될 부분이 많이 있을 것 같습니다.
무엇보다 이것저것 요구사항이 늘어지다보니 타협이 잘 안되더라구요. (자신이 자신한테 많은 요구사항을 던지다니..)
그래도 개발을 진행하기 위해서는 미뤄지면 안된다는 생각에 후딱 정리해보았습니다.
Wireframe (장비관리-장비목록)
이 프로젝트에서의 저의 역할은 아무래도 기획자인 동시에 설계자이고 개발자이기 때문에 요구사항을 제가 직접 밀어(?) 넣을 수 있습니다. 그렇다보니, 장비 목록을 오픈마켓들과 같은 느낌으로 이미지와 정보를 한 눈에 볼 수 있는 화면을 요구사항으로 생각하게 되었습니다. 그래서 설계시에도 많은 고려를 했구요.
지금 Wireframe만 보고는 조금 판단이 어려울 수 있으나, 아래 화면설계서를 보시면 어딘가 살짝 오픈마켓과 같은 느낌을 받을 수 있을 것 같습니다.
화면설계서 - PC (장비관리-장비목록)
이제 설명 3번을 눈으로 보고 있다보면 오픈마켓의 화면과 비슷한 느낌을 받으실 수 있습니다.
이로써 장비를 관리하는 관리자 입장에서는 어떤 장비인지 이미지를 통해 확실하게 확인을 할 수 있지 않을까 싶습니다.
또 각 상태별로 이미지를 신호등 색으로 보여줌으로써 어떠한 상태인지도 확인이 가능하게 하도록 생각중입니다.
추가적인 부분이지만, 아마 detail한 규격이나 사용용도도 Tooltip 형식등을 통하여 확인을 할 수 있도록 하려고 생각중입니다.
다만, 현재 화면설계서와 앞으로 나올 디자인된 UI와의 갭이 생길 수 있어 이 부분은 추후 다시한번 고려해볼 생각입니다.
화면설계서 - Mobile (장비관리-장비목록)
마지막으로 모바일버전의 장비목록입니다.
여기서는 상태가 안보이는 모습으로 보이는데, 모바일로 볼 수 있는 정보는 PC보다는 적게 만들어볼까 합니다.
(PC보다는 적은양의 정보 - 대신 중요한 정보는 더 부각되어 볼 수 있도록)
어차피 목록은 목록일뿐 더 detail한 정보가 보고 싶다면 큰 화면으로 볼 수 있는 PC나 상세정보페이지에서 봐야하는게 맞다고 생각하고 있습니다.
어쩌면 PC와 Mobile에 차이를 두고 정보의 양을 제한한다는 점은 조금 위험한 생각일 수 있으나, 보이는 화면의 크기가 다르고, 물리적인 제약이 따를 수 밖에 없는 만큼 고려하고 있는 부분입니다.
(추후 Mobile용 Application을 만든다면 Mobile로 Web에 접속하는 빈도는 낮아지지 않을까 싶기도 하구요.)
마무리를 달려왔지만 벌써 시간은 0시 30분이네요. ㅋㅋ;;
요즘 자전거를 못타서 그런가 오히려 더 피곤한 느낌이.. (오히려 운동을 안하는데 더 피곤한???)
음.. 아무래도 오늘은 여기까지만 작성하고 마무리로 공부 쪼~금 하다가 바로 잠들어야겠습니다.
오늘도 고생 많으셨고 부족한 글 읽어주셔서 감사합니다.
버전정보 (v1.1)
- v1.0 2020.07.09 배포
- v1.1 2020.07.09 누락된 제목 수정, 문장 수정
* 본 게시글의 이미지에 들어간 글씨체는 네이버 나눔 글씨체인 나눔스퀘어 Bold를 사용했습니다.
* 본 게시글의 이미지는 전부 (이미지 내의 픽토그램 등) 직접 제작했음을 명시합니다.
* 저작권에 위반될 수 있는 컨텐츠(이미지, 동영상 등)나 게시글은 삭제되거나 수정될 수 있습니다.
* 문제의 여지가 될 수 있는 컨텐츠의 경우 댓글 달아 주시면 빠른 시일 내에 조치하도록 하겠습니다.
* Karzin은 항상 공부중입니다. 설명이 틀리거나 잘못된 부분이 있다면 의견내주시는대로 수정하도록 하겠습니다.
Project.다원은 개인(karzin)이 기획, 분석, 설계, 디자인, 개발, 유지보수 등
모든 부분을 혼자 맡아 진행하는 개인 프로젝트입니다.
Project.다원 Ensemble
Karzin
abbeea@naver.com
'Project 다원(Dawon) > 다원 ERP (Ensemble)' 카테고리의 다른 글
| Project.다원 Ensemble_설계(8)_장비관리-화면 정리 및 시스템 개발 인터뷰 (0) | 2020.07.11 |
|---|---|
| Project.다원 Ensemble_설계(7)_장비관리-장비상세 Wireframe&화면설계서(3) (0) | 2020.07.10 |
| Project.다원 Ensemble_설계(5)_장비관리-장비등록 Wireframe&화면설계서(1) (0) | 2020.07.08 |
| Project.다원 Ensemble_설계(4)_장비관리 Wireframe(0) (SiteMap 추가!) (0) | 2020.07.07 |
| Project.다원 Ensemble_설계(3)_장비관리 ER-Diagram (0) | 2020.07.05 |
