웹기획 (3) 썸네일형 리스트형 푸터(Footer) 영역 오늘은 페이지를 구성할 때 초기화면의 푸터 영역을 어떻게 표시할지 확인해 보겠습니다. 1. 전자상거래 시스템 인터넷 쇼핑몰과 같은 전자상거래 시스템을 운영할 때는 소비자가 사업자의 신원 등을 알 수 있도록 인터넷 쇼핑몰의 초기화면에 반드시 표시해야 하는 사항이 있습니다. 초기화면에 가운데에 넣으면 당연히 쇼핑몰에 지장이 있으니 대부분의 경우에는 페이지의 하단 푸터 영역에 넣습니다. (전자 상거래의 개념은 시스템에서 결제가 발생하는 경우를 말합니다.) 인터넷쇼핑몰 사업자의 신원 등 표시 의무 : https://easylaw.go.kr/CSP/CnpClsMain.laf?popMenu=ov&csmSeq=25&ccfNo=3&cciNo=1&cnpClsNo=1 어떤 정보를 넣어야 할까요? GS SHOP과 coupa.. IA(Information Architect, 정보 구조) 정리하기 1. 정의 IA (Information Architect, 정보 구조)는 사용자가 시스템을 효율적으로 이용할 수 있도록 정보를 구성하는 것을 말합니다. 전문가들은 일반적으로 3단계 이하의 구조를 권장합니다. 2. IA 설계 원칙 IA 설계의 원칙은 다음과 같습니다: 쉬운 접근성: 사용자가 필요한 정보에 쉽게 접근할 수 있도록 설계되어야 합니다. 우선순위 설정: 중요하고 자주 사용되는 정보가 사용자에게 먼저 보이도록 설계되어야 합니다. 균형 있는 분포: 정보의 넓이와 깊이가 균형 있게 분포되어야 합니다. 얕은 구조 선호: 정보의 깊이는 얕을수록 사용자에게 더 좋습니다. 잘 구성한 IA는 사용자가 필요한 정보에 빠르게 접근할 수 있도록 도와줍니다. 명확하고 구조화된 사이트맵은 효율적인 정보 구조를 구성하는데.. statcounter로 대상 브라우저, 해상도 적용 기준 정하기 웹페이지를 개발을 위해 해상도 적용 기준이나 대상 브라우저를 정하는 것이 필요합니다. 보편적으로 사용이라 임의로 적용하는 것보다는 통계로 활용해서 해상도 및 대상 브라우저를 설정하는 것이 좋습니다. 그래서 statcounter를 소개합니다! 링크 : https://gs.statcounter.com/ 1. 대상 브라우저 정하기 진입하자마자 보이는 전 세계에서 브라우저 마켓 쉐어 통계로 보여주고 있네요. 웹페이지가 글로벌 대상 아닌 한국에서만 쓰인다면 한국에서 가장 많이 사용하는 웹브라우저를 확인해야겠죠? Edit Chart Data를 눌러서 설정을 변경합니다. 지역, 차트 타입, 기간을 설정할 수 있어요! 자 그럼 한국에서는 어떤 브라우저를 많이 사용하고 있을까요? Chorme, Safari,Whale B.. 이전 1 다음
