DESIGN LOVERS®
개발 이야기2010-04-19

플래시로 만든 홈페이지, 다시 생각해야 할 때

플래시로 만든 홈페이지, 다시 생각해야 할 때

한동안 잘 만든 홈페이지의 상징은 화려한 플래시 인트로였습니다. 부드럽게 움직이는 메뉴, 영상 같은 전환 효과 — 플래시는 웹에 표현의 자유를 주었고, 많은 회사가 '우리 사이트는 고급스럽다'는 인상을 여기에 기댔습니다. 그런데 최근 이 흐름을 근본부터 흔드는 일들이 겹쳐 일어나고 있습니다. 지금은 플래시 홈페이지를 감정이 아니라 냉정한 저울 위에 다시 올려야 할 시점입니다.

왜 지금 플래시를 다시 생각해야 하나?

결론부터: 스마트폰에서 열리지 않고, 검색엔진이 읽지 못하기 때문입니다. 작년 말 국내에 들어온 아이폰은 플래시를 지원하지 않습니다. 애플은 플래시를 지원하지 않겠다는 입장을 분명히 하고 있어, 아이폰과 아이패드에서 플래시 사이트는 빈 화면으로 남습니다. 스마트폰 사용자가 빠르게 느는 지금, 이것은 점점 커지는 구멍입니다.

플래시가 한때 정답이었던 이유

플래시를 무조건 나쁘다고 말하려는 것이 아닙니다. 몇 년 전만 해도 플래시는 합리적인 선택이었습니다. 브라우저마다 표준 지원이 제각각이던 시절, 플래시는 '어느 브라우저에서나 똑같이 보이는' 유일한 방법이었습니다. 영상, 애니메이션, 인터랙션을 넣으려면 사실상 플래시밖에 없었죠. 문제는 환경이 바뀌었다는 것입니다. 스마트폰이 등장하고 웹 표준이 성숙하면서, 한때의 정답이 이제는 걸림돌이 되어가고 있습니다. 도구를 탓하는 것이 아니라, 시대가 바뀌었음을 읽는 것이 중요합니다.

플래그를 뽑아 걷어내는 옛 기술의 이미지
화려했지만 열리지 않는 사이트는, 그 자리에 온 방문자를 만나지 못합니다.

스마트폰이 바꾼 결정적 조건

플래시를 다시 생각하게 만든 가장 큰 사건은 스마트폰의 등장입니다. 그중에서도 아이폰이 플래시를 지원하지 않기로 한 결정이 결정적이었습니다. 이것은 단순한 기술 선택이 아니라, 웹이 나아갈 방향에 대한 신호였습니다. 세계에서 가장 영향력 있는 기기 중 하나가 플래시에 문을 닫았다는 것은, 플래시의 시대가 저물기 시작했다는 뜻이기 때문입니다.

더 중요한 것은 사용자의 습관이 함께 바뀌고 있다는 점입니다. 사람들은 이제 궁금한 것이 생기면 PC 앞에 앉기를 기다리지 않고, 그 자리에서 스마트폰을 꺼냅니다. 이동 중에, 매장에서, 대화 도중에 검색합니다. 이 순간에 우리 사이트가 열리지 않으면, 그 관심은 곧바로 경쟁사로 넘어갑니다. 플래시 사이트는 바로 이 '결정적 순간'을 놓치고 있는 것입니다.

플래시 홈페이지가 잃는 세 가지

1. 검색 유입을 잃는다

플래시 안에 담긴 글자와 메뉴는 검색엔진 로봇에게 보이지 않습니다. 아무리 좋은 내용을 담아도 검색으로는 발견되지 않는, 사실상 닫힌 방이 됩니다. 회사 소개도, 제품 설명도 플래시 안에 있으면 검색 결과에 잡히지 않습니다.

2. 모바일 사용자를 잃는다

스마트폰에서 열리지 않는 사이트는 그 사용자를 통째로 잃는 것과 같습니다. 그리고 그 수는 매달 늘고 있습니다. 이동 중에 검색해 들어온 잠재 고객이 빈 화면을 보고 떠나는 일이, 지금 이 순간에도 벌어지고 있습니다.

3. 수정의 유연함을 잃는다

플래시는 작은 문구 하나 고치는 데도 원본 파일과 전문 도구가 필요합니다. 담당자가 직접 관리하기 어려워 결국 방치되기 쉽고, 수정할 때마다 외주 비용이 듭니다. 살아 있어야 할 홈페이지가 손대기 두려운 대상이 되는 것입니다.

표준 방식과 무엇이 다른가

플래시와 표준 방식(HTML·자바스크립트)을 나란히 두면 차이가 분명해집니다.

구분플래시표준 방식
스마트폰열리지 않음정상
검색 노출내용이 안 읽힘텍스트로 읽힘
로딩 속도무거움가벼움
수정전문 도구 필요비교적 쉬움

표의 오른쪽이 지금 웹이 나아가는 방향입니다. 표현력의 일부를 얻기 위해 검색·모바일·속도·유지보수를 모두 내주는 것이 플래시의 대가입니다.

그럼 무엇으로 대체하나

플래시가 주던 움직임의 상당 부분은 이제 자바스크립트와 이미지로 충분히 표현할 수 있습니다. 메뉴 효과, 슬라이드, 팝업 같은 것들은 표준 기술로 더 가볍게 구현됩니다. 그리고 곧 표준으로 자리 잡을 HTML5는 영상과 애니메이션까지 플래시 없이 다룰 수 있게 해 줄 것입니다. 표현을 포기하는 것이 아니라, '열리는 방식'으로 바꾸는 것입니다.

걷어내는 순서 — 한 번에 다 하지 않아도 된다

전면 재구축이 부담스럽다면 단계적으로 접근하면 됩니다. 우선순위를 정하면 부담이 줄고 효과는 빨리 나타납니다.

  • 1단계 — 핵심 정보(회사명·연락처·주요 메뉴)를 플래시 밖 텍스트로 꺼내기. 검색·모바일 대응이 즉시 개선됩니다.
  • 2단계 — 방문이 많은 페이지부터 표준으로 재구축.
  • 3단계 — 인트로·배너 등 장식성 플래시를 가벼운 표준 효과로 교체.
  • 4단계 — 다음 개편 때 전체를 표준·모바일 대응 구조로 재설계.

개편 시점을 언제로 잡아야 하나

"지금 당장 바꿔야 하나"라는 질문을 많이 받습니다. 정답은 회사의 상황에 따라 다르지만, 판단 기준은 명확합니다. 모바일 접속 비중이 이미 무시할 수 없는 수준이거나, 검색을 통한 신규 문의가 중요한 회사라면 서두를 이유가 충분합니다. 반대로 대부분의 거래가 소개로 이루어지고 모바일 유입이 아직 적다면, 다음 정기 개편 시점에 맞춰 전환해도 늦지 않습니다.

다만 어느 경우든 '핵심 정보를 플래시 밖으로 꺼내는 것'만큼은 지금 해두길 권합니다. 이것은 전면 개편이 아니라 응급 조치에 가깝고, 비용도 크지 않으면서 검색·모바일 대응을 즉시 개선합니다. 전면 개편은 시점을 조율하더라도, 이 최소한의 조치는 미룰 이유가 없습니다. 방치하는 동안에도 모바일 방문자는 계속 빈 화면을 보고 떠나고 있기 때문입니다.

실제 사례 — 화려했지만 검색되지 않던 회사

한 인테리어 회사의 사이트를 개편할 때의 일입니다. 메인 전체가 감각적인 플래시로 만들어져 있어 PC에서는 인상적이었지만, 두 가지 문제가 있었습니다. 아이폰에서는 로고 아래가 텅 비었고, '지역명+인테리어'로 검색해도 사이트가 전혀 나오지 않았습니다. 시공 사례와 회사 소개가 모두 플래시 안에 갇혀 있었기 때문입니다. 핵심 정보와 시공 사례를 표준 텍스트·이미지로 꺼내고 메뉴를 자바스크립트로 바꿨더니, 몇 주 뒤부터 지역 검색에서 사이트가 잡히기 시작했고 모바일에서도 온전히 열렸습니다. 화려함은 조금 덜어냈지만, 그제야 사이트가 '일'을 하기 시작한 것입니다.

자주 묻는 질문

Q. 플래시를 전부 걷어내야 하나요?

당장 전면 교체가 어렵다면, 최소한 핵심 정보만큼은 플래시 밖으로 꺼내 두세요. 그다음 개편 때 표준 방식으로 다시 만드는 것을 권합니다. 우선순위를 정해 단계적으로 접근하면 부담을 나눌 수 있습니다.

Q. 이미 만든 플래시 사이트가 아까운데요?

이해합니다. 다만 열리지 않는 사이트는 아무리 화려해도 그 자리에 있는 방문자를 만나지 못합니다. 아까움보다 만나지 못하는 손실이 더 큽니다. 투자한 것을 지키려다 더 큰 기회를 놓치는 셈이 될 수 있습니다.

Q. 표준으로 만들면 밋밋해지지 않나요?

그렇지 않습니다. 자바스크립트와 좋은 디자인으로 충분히 세련된 움직임을 만들 수 있고, 곧 HTML5가 더 풍부한 표현을 열어줄 것입니다. 화려함의 방식이 바뀌는 것이지, 화려함 자체를 포기하는 것이 아닙니다.

Q. 검색과 모바일, 무엇을 먼저 고려해야 하나요?

둘은 사실 하나로 연결됩니다. 플래시 밖으로 정보를 꺼내면 검색에도 잡히고 모바일에서도 열립니다. 핵심 정보를 표준 텍스트로 만드는 한 가지 조치가 두 문제를 동시에 해결합니다.

Q. HTML5가 나오면 지금 개편한 것이 또 낡지 않나요?

그렇지 않습니다. 지금 표준 방식으로 만들면 HTML5와도 자연스럽게 이어집니다. HTML5는 표준의 연장선이지, 완전히 다른 기술이 아니기 때문입니다. 오히려 플래시에 계속 머무는 것이 나중에 더 큰 전환 비용을 만듭니다. 지금 표준으로 옮기는 것이 미래 대비이기도 합니다.

Q. 개편 비용이 부담되는데 꼭 지금 해야 하나요?

전면 개편은 시점을 조율해도 되지만, 핵심 정보를 플래시 밖으로 꺼내는 최소 조치는 비용이 크지 않으니 먼저 해두는 것이 좋습니다. 그것만으로도 검색·모바일에서 잃던 방문자를 상당 부분 되찾을 수 있어, 비용 대비 효과가 가장 큰 조치입니다.

표준 기반·모바일 대응으로의 개편이 고민이라면 디자인러버스가 함께 검토해 드립니다.