화면설계 그리고 제품리스트...

   

목표!

사용자는 헤메이지 않고 쉽게 사용하여야 한다.

직관이 작용하여 메뉴얼을 보지 않아도 쉽게 사용하게 설계 해야 한다...


제품리스트...

아마도 가장 많이 쓰일 메뉴...

DB설계상 모든 테이블은 제품정보와 연결되어 있을것이다.


모바일, 테블릿, 노트북, PC 에서도 잘보이게 만들어야한다.

첫 레이아웃을 잡는데 많은 시간이 할애되었으나 신경써서 만들어 놓으면 이후부터는 빠르다.


반응형(responsive web)으로 레이아웃을 잡았다.

( 반응형 웹이란? http://terms.naver.com/entry.nhn?docId=3348413&cid=43667&categoryId=43667 )

bootstrap의 힘을 빌려 빠르게 작업할 수 있었다.





제품 리스트 디자인이다.

판매를 빠르게 중지 시킬 수 있게 밖으로 빼놓았다.

Ajax를 이용해서 판매와 판매중지를 빠르게 스왑 할 수 있게할 예정이고, 페이징은 마무리 되었다.

( 페이징과 검색,정렬은 마냐님 http://www.tested.co.kr/ 의 소스를 참고하였습니다. ) 


이거 마무리되면 제품 등록/수정을 작업 해야겠다...



+ Recent posts

티스토리 툴바