'아이폰웹사이트'에 해당되는 글 1건

  1. 2010.04.20 아이폰 홈페이지 어떻게 만들어요?
2010. 4. 20. 15:11

[질문]
아이폰쓰면 뭐 설치해야하는데 설치하는거 말고요~ 그냥 네이버(m.naver.com) 처럼 홈페이지를
모바일로 만들고 싶은데 방법을모르겠어요.. 근데 이렇게 하면 스마트폰에서도 보이게할수있나요?
그냥 웹페이지랑 비슷해보이는데..  해보니까 안되더라구요..ㅠㅠ

[답변]
안녕하세요. IT전문 컨설턴트입니다.

요즘 모바일웹이나 스마트웹이라고 해서 많은 관심들을 보이고 있습니다. 아이폰을 비롯한 다양한 스마트폰의 대중화에 힘입어 네이버,다음 등의 포털사이트에서 부터 G마켓,청와대, ebs등의 사이트에서도 스마트폰용 홈페이지를 제작하고 있습니다.
기존 웹사이트와 차별화를 두기 위해서 도메인 주소를 m.naver.com 와 같이 사용하고 있습니다.

아래 요소를 참고하시면 도움이 되실듯 합니다.

1. 모바일 웹페이지에 맞는 Meta태그 설정

 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />

 

 initial-scale  <- 확대 비율
 maximum-scale <- 최대 확대 비율
 user-scalable <- 유저가 화면을 확대 하게 하는가

2. 사용자 편의를 위한 바로가기 삽입

 <link rel="apple-touch-icon" href="/images/icon.png" />

3. 사용자 인터페이스(UI)를 고려한 설계

엄지손가락으로 이동이 가능한 설계, 화면이 모니터 보다 작다는것을 유의하여 쉽게 손으로 터치가 가능하도록 아이콘 등의 요소를 적절히 활용하여 화면을 설계한다. <-엄지손가락UI

4. 팝업 / 플래쉬 사용 금지

아이폰에서는 팝업이 가능하지만 팝업일 경우 화면이 새창이 뜨는것처럼 화면전환이 이루어지면서 사용자에게 혼란을 줄 수 있다. 플래쉬의 경우 일부 스크립트가 인식되지 않기때문에 사용하지 않는것이 좋다..

5. 돌아가기/ 홈 메뉴의 구성

작은 용량의 서비스 구성만큼이나 중요한 부분이 돌아가기/홈 등의 기본적인 구성이다. 웹브라우저에 비해서 모바일브라우저의 경우 캐쉬능력이 떨어져서 속도가 엄청 느리기 때문에 메뉴의 구성 또한 중요하다.

 위의 요소가 전부는 아니지만, 현재로써는 최상의 방법인듯 합니다.

구성 및 개발방법은 기존 웹사이트와 비슷하지만  모니터보다 훨씬 작은 핸드폰 화면으로 다양한 데이터를 표현해야 하기 때문에 기획 및 UI의 요소가 상당히 중요한 비중을 차지합니다. 특히 엄지손가락을 중심으로 어떻게 사용자들이 편리하게 서비스를 이용할까 하는 부분에 있어서는 어느정도의 UI 및 UX에 대한 전문 지식이 필요합니다.

모바일웹/스마트폰용 홈페이지/ 아이폰용 홈페이지 등의 다양한 용어들이 사용되고 있지만, 현재로써는 통일되지 않고 있습니다.. ^^  단순한 정보전달의 목적으로 제작된 홈페이지를 쇼핑몰, 포털사이트, 구인구직 등의 다양한 솔루션 요소와 접목시켜서 많은 비즈니스 모델이 진화되어왔습니다.  현재 추세로는 모바일웹 또한 기존 웹사이트의 흐름과 마찬가지로 다양한 비즈니스와 접목이 되어서 개발이 진행될듯 합니다.

업체를 선정이 힘드시다면, 모바일웹 관련 업체보다는 기존 웹에이전시 중에서 모바일에 대한 UI를 잘 이해하고, 표준화된 웹개발 진행이 가능한 업체를 선정하시는것도 괜찮을듯 합니다. 물론, 비즈니스 전략에 대한 검토는 전문 컨설턴트를 통해서 진행하실것을 추천드립니다.. ^^


홈페이지제작 홈페이지제작문의 회사홈페이지제작 쇼핑몰제작 쇼핑몰구축 폐쇄몰 복지몰 몰인몰 효과음 pop시스템 pos시스템 mes crm erp erp컨설턴트 scm me2day 물류프로그램 서버구입 홈페이지빌더 효과음 복지몰 erp프로그램 파워빌더 erp컨설턴트 일본구매대행 부동산119 제로옥션 동영상강의제작 홈페이지계약서 홈페이지제작추천 salesforceautomation 그룹웨어 아이템거래 아이템거래사이트 구직사이트 웹호스팅 웹호스팅비용 바코드시스템 온라인마케팅 IT컨설팅 웹에이전시 ToT 홈페이지제작 홈페이지제작문의 회사홈페이지제작 쇼핑몰제작 쇼핑몰구축 폐쇄몰 복지몰 몰인몰 효과음 pop시스템 pos시스템 mes crm erp erp컨설턴트 scm me2day 물류프로그램 서버구입 홈페이지빌더 효과음 복지몰 erp프로그램 파워빌더 erp컨설턴트 일본구매대행 부동산119 제로옥션 동영상강의제작 홈페이지계약서 홈페이지제작추천 salesforceautomation 그룹웨어 아이템거래 아이템거래사이트 구직사이트 웹호스팅 웹호스팅비용 바코드시스템 온라인마케팅 IT컨설팅 웹에이전시 ToTb
홈페이지제작 홈페이지제작문의 회사홈페이지제작 쇼핑몰제작 쇼핑몰구축 폐쇄몰 복지몰 몰인몰 효과음 pop시스템 pos시스템 mes crm erp erp컨설턴트 scm me2day 물류프로그램 서버구입 홈페이지빌더 효과음 복지몰 erp프로그램 파워빌더 erp컨설턴트 일본구매대행 부동산119 제로옥션 동영상강의제작 홈페이지계약서 홈페이지제작추천 salesforceautomation 그룹웨어 아이템거래 아이템거래사이트 구직사이트 웹호스팅 웹호스팅비용 바코드시스템 온라인마케팅 IT컨설팅 웹에이전시 ToTb

Posted by ToTb