초보자 가이드 - 주의사항

웹사용성의 중요한 문제점들

캐머런 — Mon, 28 Apr 2014 00:48:14 +0900

정보를 제공하는 웹사이트의 웹사용성 중요한 문제점들

링크에 오버했을 때 반응하지 않는 문제
뒤로 가기 버튼을 사용할 수 없는 문제
새 브라우저 창을 열게 하는 문제
팝업 창
광고처럼 보이는 디자인 요소
웹 전체의 관례를 위반하는 문제
내용이 없는 컨텐츠와 과장된 표현 문제
빽빽한 컨텐츠와 읽기 어려운 문자열

완벽하게 모든걸 만족시킬 수는 없지만

하나씩 줄여나간다면 좋은 웹사이트가 될 수 있습니다.^^

팝업을 띄우고 싶으시나요?

캐머런 — Mon, 28 Apr 2014 00:46:06 +0900

팝업을 띄우고 싶으실 때 한 번 즘 참고하세요^^

다음은 실제 웹 사용자를 대상으로 사용자의 웹 경험에 부정적 영향을 미치는 것을 조사한 결과이다.

"매우 부정적" 또는 "부정적"이라고 응답한 사용자

1위. 창 위에 표시되는 팝업 98%

2위. 속임수로 클릭을 유도하는 시도 94%

3위. 닫기 버튼이 없는 경우 93%

4위. 보려고 하는 것을 가리는 경우 93%

5위. 불명확한 용도 92%

6위. 컨텐츠 주위를 움직이는 것 92%

7위. 계속 깜박이는 것 87%

8위. 화면을 가로질러 움직이는 것 79%

이것을 반대로 사이트 운영자에게 물어봤다면 위 순위는 "아주 긍정적" 순위가 될 것입니다.

일단 홈페이지 관리자가 되면 사용자에게 뭔가를 보여주고 싶은 욕심이 계속 생기기 때문입니다.

하지만, 이런 홈페이지 관리자도 다른 사이트에 갔는데 팝업이 뜨면 정말 귀찮아 할 겁니다.

위에서 알 수 있듯이 사이트 방문자가 가장 싫어하는 건 팝업이었습니다.

만일, 사용자를 귀찮게 해서라도 팝업은 띄워야 된다고 생각한다면, 다음 결과도 참고하길 바랍니다.

약 2만명의 사용자를 대상으로 한 결과입니다.

팝업으로 보여주는 공지/이벤트/광고물 내용에 대해서 대부분의 사용자가 부정적인 영향을 미친다고 응답했고,

약 40%는 홈페이지 자체에 대해서도 매우 부정적인 생각이 들겠금 영향을 미친다고 응답했다.

일단, 팝업으로 띄우면 팝업내용이 아무리 좋아도 부정적으로 본다는 뜻입니다.

하얀색 배경에 검정 글씨인 인터넷 화면이 컴퓨터 화면 중 사람 눈에 가장 안 좋다고 합니다.

캐머런 — Sun, 27 Apr 2014 23:54:00 +0900

하얀색 배경에 검정 글씨인 인터넷 화면이 컴퓨터 사용 중 사람 눈에 가장 안 좋다고 합니다.

그래서 해외에서는 예전부터 편안한 배경색에 검정 글씨를 사용하고 있습니다.

또한, 에너지 절감이 되서 더 확산되고 있는 것 같습니다.

최근에 나온 노트북들도 이런 눈 보호 모드가 탑재되어 나오기도 합니다.

최근 LG 울트라북그램 시리즈도 키보드에 탑재할 만큼 중요한 이슈가 되고 있습니다.

한국은 유난히 백색을 좋아합니다.

하지만, 화면보기가 힘들어 지고 눈압이 높아지는 현상 등이 나타나면서

한국에서도 회색 등의 색을 사용하기 시작했습니다.

캐머런에서 제작되는 레이아웃은 이런 과도기 상황에서

백색을 좋아하는 것과 눈을 보호하는 것 양쪽을 충족할 수 있도록

기획부터 세심하게 배려하고 있습니다.

질문 전 확인해야 될 사항

캐머런 — Sat, 12 Apr 2014 17:03:12 +0900

질문하시기 전에 다음을 먼저 확인해 보세요.

질문하시고 답변을 기다리는 시간을 단축하고, 사용자님이 직접 해결하시면서 배우실 수 있는 유익이 있기를 바랍니다.

1. 알FTP로 업데이트 하셨나요?

그럼 파일질라로 다시 업로드하신 후

문제가 해결되었는지 확인해 보세요.

참고 : https://www.camerontheme.com/first_guide/1726

2. 설정이 뜨지 않나요?

그럼, FTP 업로드 경로를 다시 확인해 보세요.

참고 : https://www.camerontheme.com/first_guide/8768

3. 최신 버전이신가요?

최신 버전으로 패치하세요.

참고 : https://www.camerontheme.com/first_guide/7287

4. 패치를 하였는데 이상해 졌나요?

다음 레이아웃 패치 방법을 따라해 보세요.

참고 : https://www.camerontheme.com/first_guide/7287

위 해당 사항을 확인해 보았는데도 안되신다면 Q&A에 남겨주세요~

감사합니다.^^

상품 FTP 업로드 방법 및 주의사항

캐머런 — Tue, 25 Mar 2014 13:12:32 +0900

탬플릿 구성품을 FTP 에 설치하는 방법을 알아볼께요.

1. 구매하신 상품정보에 도메인을 등록하시고 다운로드하세요.

2. 다운로드하신 폴더는 압축이 되어있어요 압축을 푸세요.

(압축을 푸시면 구성품에 따라 이렇게 나옵니다.)

3. FTP를 열어주시고 구성품의 위치를 확인하세요.

4. 구성품 폴더의 내용물을 이름이 같은 FTP 폴더에 넣어주세요.

4. 다른 화일들도 동일하게 설치하시면 설치가 완료됩니다.

※ 주의사항

구성품의 상위폴더를 그대로 넣으시면 안되세요.

예를들어 FTP layouts폴더에 본상품 layouts 을 그대로 넣으시면 안되요. 밑의 이미지를 참고하세요.

레이아웃 패치방법

캐머런 — Fri, 14 Mar 2014 15:51:04 +0900

* 레이아웃 패치방법

1. 원본을 다시 다운로드 받습니다. 원본에 패치가 반영되어 있습니다.

2. FTP로 덮어쓰기 업로드합니다.

3. 캐시파일 재생성(관리자 페이지 하단)을 합니다.

4. 오류가 나거나 패치가 제대로 반영이 안된 경우에는 레이아웃 편집(관리자->고급->설치된 레이아웃->레이아웃 설정 옆)에 들어가셔서 초기화를 해주세요~ 초기화 했을 경우에도 기존 설정값은 날라가지 않습니다.^^

* 패치시 FAQ

Q. 패치했을 때 기존 레이아웃 설정이 날라가나요?

A. 날라가지 않으니 마음 편히 패치하세요~^^ (html 소스파일을 수정하신 경우에는 덮어쓰기 되니 수정한 부분을 잘 기억하신 후 패치하세요.)

Q. 업로드했는데 레이아웃 설정에 적용이 안되어 있는 것 같아요.

A. 캐시파일 재생성을 해주면 반영됩니다.^^

Q. 캐시파일 재생성을 했는데도 반영이 안되는 것 같아요.

A. 레이아웃 편집(관리자->고급->설치된 레이아웃->레이아웃 설정 옆)에 들어가셔서 초기화를 해주세요~ 초기화 했을 경우에도 기존 설정값은 날라가지 않습니다.^^

Q. FTP로 업로드할 때 특정파일만 올려도 되나요?

A. 모든 파일을 올리세요~ layouts, widgets, addons, ... 모든 폴더에 있는 파일을 업로드 하셔야 합니다.

감사합니다.^^

/xe에 설치하셨나요?

캐머런 — Tue, 21 Jan 2014 21:31:16 +0900

XE를 /xe에 설치한 경우에

"http://사이트주소/xe"로 접속해야 하고 다른 사람에게 /xe까지 포함하여 알려줘야 하니 많이 불편합니다.

그래서, "http://사이트주소" 로만 입력하면 접속되게 하기 위해

루트에 index.html 파일을 만들어 프레임셋으로 하는 팁들이 많이 올라와 있습니다.

하지만, 프레임은 국제표준에 어긋나며 점점 사용을 하지 않는 추세입니다.

그리고, XE를 프레임으로 사용할 경우 자잘한 오류들이 발생하고,

반응형 레이아웃들이 제대로 동작하지 않는 문제도 있습니다.

대안방법

- 처음 설치시에 /xe에 설치하지 말고 루트에 설치하세요. -> 가장추천

- 만일 이미 /xe에 설치되었다면 루트로 옮길 수 있어요. 공홈 사용팁에 좋은 팁들이 있어요. http://www.xpressengine.com/index.php?mid=tip

- 루트로 옮기는 것이 어렵다면 index.html에 <meta http-equiv="refresh" content="0; url=http://example.com/xe"> 이 코드를 넣어주세요.

※ XE는 신디케이션이라는 네이버 검색을 유리하게 하는 기능이 있습니다. 처음에 /xe로 설치하면 네이버에 /xe가 포함된 주소로 검색이 노출되기 때문에 처음 설치시에 루트로 설치하는 것이 좋습니다.

알FTP 쓰세요?

캐머런 — Fri, 17 Jan 2014 22:49:58 +0900

알FTP를 많이 쓰시죠?

알집이 유명해서 알FTP도 많이 쓰시는 것 같아요.

'그러니까 기본적으로 문제없겠지?'

아니예요.

기본적으로 문제가 있어요.

알FTP는 일반사용자가 쓰는 것이고 파일질라는 고급사용자가 쓰는 것이다?

이런 차이도 아닙니다.

알FTP는 '가끔 오류가 생기는 정도?'가 아니라 쓰면 안될 정도로 오류가 많아요.

알FTP는 절대 사용하지 마세요!!

만일 알FTP를 사용하여 업로드 하셨다면,

"질문 전에 파일질라로 다시 업로드 해보시고 질문하세요."

라고 말할 정도로 알FTP는 오류가 많습니다.

파일질라 광고 아닙니다^^ (저희가 현재 안정적으로 사용하고 있기 때문에 추천드리는 것 뿐이예요.)

알FTP 쓰고 계시면 지금 꼭 바꾸세요!!~

파일질라 다운로드

사이트 메뉴를 삭제하기 전에

캐머런 — Wed, 08 Jan 2014 22:49:32 +0900

XE1.7부터는

메뉴를 삭제하면

메뉴와 연결된 게시판이나 페이지도 삭제됩니다.

게시판이 삭제되니 당연히 게시글도 삭제됩니다.

XE1.5 이하에서는

메뉴와 게시판, 페이지가 따로 관리되어서

둘 중에 하나를 삭제해도 하나는 남아있었기 때문에

XE1.7에 와서 많이 실수하는 부분이니 조심하세요^^

레이아웃 편집에서의 소스코드 수정

캐머런 — Mon, 06 Jan 2014 16:42:30 +0900

레이아웃의 소스코드를 수정할 때 FTP로 받고 올리는 작업 없이 바로 소스코드를 수정할 수 있는 기능이 "레이아웃 편집"입니다.

유용하고 편리한 기능이라고 생각했지만 치명적인 문제가 있어 활용을 하지 못하고 있죠.

이 치명적인 문제란,

레이아웃 편집에서 수정한 것은 캐시폴더에 저장이 되는데

레이아웃을 패치할 때 FTP로 업로드해도 패치한 소스가 전혀 반영되지 않는 문제입니다.

캐시폴더에 저장한 레이아웃 파일을 계속 불러오기 때문이죠.

편집할 걸 다시 초기화(레이아웃 편집 아래 초기화 버튼) 해야 비로소 FTP로 올린 패치가 적용이 됩니다.

* 추천 방법

1. CSS 수정은 레이아웃 설정에 있는 사용자 CSS에 추가해서 수정하세요.

2. 레이아웃 편집에서 HTML을 직접 수정할 경우에는 수정한 부분을 기록해두세요. 패치할 때마다 초기화하고 다시 수정해야 하니까요.