behind the screens

[jaeseok1210]

A Study on usability of mobile games using color theory

This research is done to verify the concept of mobile game with color theory such as the color, brightness, and color mixing as a game rule and to find out the

색체원리를 이용한 모바일게임 사용성 연구

[jaeseok1210]

[jaeseok1210]

iphone5 concept design & interaction 

[jaeseok1210]

애플의 조잡한 소프트웨어 디자인 철학

Will Apple’s Tacky Software-Design Philosophy Cause A Revolt?

FAST COMPANY‘S AUSTIN CARR SPEAKS WITH INDUSTRY INSIDERS AND EX-APPLE DESIGNERS WHO HAVE SOURED ON THE FAKE LEATHER, GLASS, AND WOOD THAT RUNS THROUGH OS X AND IOS.

이제까지 애플의 기록을 볼 때 금번 발표회 때 애플이 무엇을 선보이건 간에 전문가들은 애플의 혁신적인 사고와 과감한 하드웨어 디자인을 알릴 것이 분명하다. 하지만 정작 핵심은 애플 소프트웨어가 될 것이다. 지난 수 년동안 소프트웨어가 악화되기만 했다고 보는 애플 내부인이 많았기 때문이다.

맥과 아이패드, 아이폰을 한데 아우르는 애플의 iOS와 오에스텐에 대해 꾸준히 좋은 리뷰가 나오고 있기는 하지만 최근 디자인 방향에 있어서 잘못된 방향이 관측됐다. 마이크로소프트의 디자인에 대해 필자가 FAST COMPANY 10월호 기사를 작성하는 동안 접촉했던 전직 애플 디자이너들과 기타 업계 내부자들에 따르면, 애플의 소프트웨어 디자인 접근에 대해 그들은 적대적이었다. 그들은 세계에서 제일 널리 퍼진 운영체제에서 제일 급진적인 디자인 변화를 가져 온 윈도 8의 참신한 접근에 대해 긍정적이었다. 비판과 논란은 다수가 스큐어몰피즘(skeuomorphism*)이라 불리는 경향을 둘러싸고 나오고 있으며, 애플 외부에서는 거의 볼 수가 없는 애플 내부의 사정을 보여주고 있다.

* 스큐어몰피즘은 그리스어의 skeuos(σκεῦος)와 morph가 합쳐진 말입니다. 설명은 아래에 나옵니다. – 역주

“VISUAL MASTURBATION”

스큐어몰피즘이란 무엇인가? 애플 제품을 한 번이라도 사용해 본 적이 있다면 아마 디지털 스큐어모픽 디자인을 경험한 것이다. 가짜 가죽 질감의 칼렌다, 가짜 나무 재질의 책장, 가짜 유리와 종이, 금속 재질 등이다. 스큐어몰피즘은 현재의 물체의 기능에 더 이상 필요가 없는데도 과거의 장식적인 요소를 현재의 물체(object)가 가지고 있음을 가리키는 포괄적인 단어이다.

소프트웨어에서 스큐어몰피즘의 시작은, 사용자가 컴퓨터 소프트웨어를 사용할 때 적응하기 이전, 디자이너들이 화면상의 애플리케이션에 만들어 놓은 시각적인 메타포로 거슬러 올라갈 수 있다. 가령 문서를 저장해 놓는 가상의 폴더, 혹은 연락처를 담아 놓은 가상의 롤로덱스(Rolodex) 등이다. 하지만 시간이 흐르면서 스큐어몰피즘은 특히 애플 소프트웨어의 모든 사용자 인터페이스 디자인에 스며들었다. 예를 들어서 텍스트 문서는 노란색 노트 패드처럼 보인다.

스티브 잡스와 긴밀하게 공동작업을 애플에서 했던 한 전직 UI 디자이너에 따르면 이렇다. “가상적인 자위라 할 수 있죠. 실제 물건을 가상으로 얼마나 잘 렌더링할 수 있는지 보여주는 디자이너의 몸풀기라 할 수 있어요. 누가 상관하나요?”

그동안 이 스큐어몰피즘에 대해 애플 내부에서 갈등이 자라났다고 한다. 애플의 iOS 수석부사장인 스콧 포스탈은 스큐어몰피즘 디자인을 강하게 밀어 부치고 있지만, 산업디자인을 맡고 있는 조니 아이브 및 기타 애플의 고위 간부진들은 포스탈의 방향에 대해 반대하고 있다고 알려졌다. 애플 디자인 과정에 대해 내부적으로 친숙하다는 한 소식통에 따르면 이렇다. “사용자 인터페이스가 얼마나 요란하냐를 가늠하면, 누가 그 제품을 실제로 만들었는지 말할 수 있을 정도입니다.”

그러나 포스탈 이전에도 스큐어몰피즘 접근을 독려해 온 사람이 있었다. 스티브 잡스다. 한 전직 디자이너의 말이다. “iCal의 기운 가죽은 잡스의 걸프스트림 개인 비행기의 가죽을 말 그대로 따온 것입니다. 그 가죽 디자인이 당혹스럽고, 그저 끔찍할 뿐이라던 사용자 인터페이스 디자이너들의 내부 메일이 굉장히 많았죠.”

아마 스큐어몰피즘 디자인 방향의 가장 악명 높은 사례는 애플 게임센터일 것이다. 게임센터는 카지노 느낌이 나도록 레커 칠한 나무와 녹색을 사용한 소셜-게이밍 앱이다. 또다른 전직 애플 디자이너의 말이다. “펠트직 탁자와 게임 칩 등, 실제 게임테이블 위에 있는 모든 것을 구현하도록 강하게 밀어 부친 사람이 스티브였습니다. 그 풍부함에 충격을 받은 내부 직원들이 대단히 많았어요. 너무 오바했다고 여기는 이들이 많았죠.”

WHY IS SKEUOMORPHISM BAD

디자이너들이 왜그리 스큐어몰피즘 디자인에 대해 적대적인 감정을 갖는지 궁금하실 것이다. 다만 픽셀-수준의 표준까지 요구하는 애플 내부에는 스큐어몰피즘이 사용감을 상당히 떨어뜨린다고 여기는 디자이너가 많다.

이중적인 문제라 할 수 있는데, 첫째로 더 이상 현대적인 사용자에게 전통적인 시각적 메타포가 통하지 않는다는 점이 있다. 둘째로 실제 물체의 과도한 디지털 복제는 오히려 사용자의 혼란감을 부추긴다는 점이 있다. Jawbone을 디자인했고 One Laptop per Child PC의 창시자로도 유명한 Fuseproject의 창업자, 이브 베아르(Yves Béhar)의 말이다. “사용자 인터페이스가 스큐어몰피즘으로 흘러가는 거, 정말 싫습니다. 사용자 인터페이스 기능을 있는 그대로 만드는 것이 아니라 시각적인 메타포를 사용자 인터페이스를 위해 사용한다는 의미의 스큐어몰피즘은 계속 짜증나더군요.”

베아르는 애플의 나무로 된 디지털 서재를 예로 들었다. “디지털 서재는 서재로 작동하질 않습니다. 실제 사용과는 별 관련이 없으면서 혼란스럽죠. 물리적인 서재에 익숙한 제 두뇌는 사용성의 차이 때문에 혼란스러울 뿐입니다. 귀엽기는 해도 딱히 실질적으로 유용하지는 않아요.”

시각적 메타포는 실제 별 도움도 안 되면서 호사스러울 뿐더러 유행에 뒤떨어져 보이기도 하다. Lytro 카메라와 Fitbit을 디자인한 NewDealDesign의 디자이너 가디 아미트(Gadi Amit)는 디지털 롤로덱스를 사용하여 연락처가 어디에 있는지 나타낼 때를 예시로 들었다. “물론 제가 나이가 좀 있습니다만, 인생에서 한 번도 롤로덱스를 못 본 동료가 좀 있어요. 그러니까 롤로덱스는 컴퓨터 혁명의 초창기 시절에나 있던 것이죠. 그 시절 물리적인 개체와 디지털 세상 간의 차이를 좁히기 위한 시도였어요. 이제는 더 이상 그런 것이 필요치 않습니다. 우리의 문화가 바뀌었으니까요. 더 이상 디지털 개체를 기계적인 현실적 개체로 번역할 필요가 없다는 말입니다. 스큐어몰피즘은 한물 간 패러다임이에요.”

앞서 언급한 애플의 전직 디자이너의 말이다. “실제 기능성보다는 애플이 지나치게 스큐어몰피즘에 집착하는 것이 아닌가 싶습니다.” 가령 스콧 포스탈은 최근, 최신 운영체제인 iOS 6에서 전자표와 쿠폰을 지울 때 사용하는, 파쇄기 애니메이션을 시연했었다. 그런데 실제 생활에서 파쇄기를 구경이나 해 본 아이폰 사용자가 몇이나 있을까? 필요하긴 한가? 아니면 그저 시각적인 자위일까? 다시 그의 말이다. “제가 보기에는 돼지 목에 진주 목걸이에요. 제품 자체에 별 필요가 없는데 구태여 호사스러운 걸 덧붙일 필요가 없습니다.”

터치스크린 스마트폰과 태블릿이 상대적으로 우리가 익숙한 PC 인터페이스보다 새로운 휴대기기 업계에서, 그는 이제 우리가 스큐어몰피즘에서 벗어났다고 본다. “아이폰과 안드로이드를 널리 사용하면서부터 상황이 바뀌었습니다. 몇 년 전에만 해도 스마트폰을 사용하려면 사용설명서를 읽어야 했어요. 그런 시절은 이제 지나갔습니다.”

WHAT’S THE ALTERNATIVE?

모든 시각적 메타포가 나쁘다는 말이 아님을 지적해야겠다. 문제는 과도한 사용자 인터페이스 장식이다. 필자와 대화를 나눴던 수많은 내부인들은 스큐어몰피즘이 혐오스러우며 본질적으로 혼란스럽다 보고 있다.

윈도 8에 대해 어째서 수많은 업계 리더들이 환호하는지의 이유와 일맥상통한다. 새 운영체제를 디자인하기 위해 마이크로소프트는 놀라울 정도로 참신한 접근을 택했다. 핵심에 미니멀리즘으로 접근을 하면서 평평한 사용자 인터페이스를 강조하는 동시에, 스큐어몰피즘에서 발을 뺀 것이다. 분명 실제와 같은 시각적 메타포는 윈도 8 사용자 인터페이스에서도 존재한다. 가령 메일 앱은 봉투처럼 보이며, 사진 앱은 카메라이다. 단 이 아이콘들에 그 외의 장식은 없다. 비스듬하거나 3D 효과도 없고 반짝거리지 않으며, 그림자도 없다. 애플의 소프트웨어 디자인에 대한 접근방식에 대해 환영할만한 대안으로서 마이크로소프트의 기본에 충실한 사용자 인터페이스를 좋아하는 사람들이 많다.

마이크로소프트에 대한 본지 기사를 보면 마이크로소프트의 디자인 접근방향이 얼마나 더 나아졌는지 아실 수 있다. 가디 아미트에서 이브 베아르에 이르기까지, 전직 애플 내부자들이 어째서 마이크로소프트의 새로운 디자인 DNA를 칭송하는지도 아실 수 있다. 디자인 회사인 IA Collaborative의 크리에이티브 디렉터인 댄 크래머(Dan Kraemer)는 필자에게 마이크로소프트와 애플 소프트웨어 디자인에 대해 말해줬다. “두 회사의 접근 방식은 다릅니다. 모두 다 훌륭한 경험을 위한 접근으로서, 뭐가 더 낫다고 꼭 말할 수는 없겠습니다.”

하지만 우리 기사를 읽으시면 알게 되듯, 크래머의 많은 동료들은 애플의 소프트웨어 디자인에 대해 별로 감정을 숨기지 않았

[akngs-deactivated20140525]

디자인을 나누는 여러 기준이 있을텐데, 그 중 하나로 인터랙티브한가 그렇지 않은가(interactive vs. non-interactive)라는 기준이 있다. 나는 이 둘을 하나로 합쳐서 보는 것이 대단히 유용한 경우가 많다고 생각한다.

인터랙티브 디자인에서는 인간과 컴퓨터의 상호작용을 중시한다. 사용자는 대체로 손을 움직여서 컴퓨터에게 명령을 내리고, 컴퓨터는 명령을 수행하며, 그 결과를 화면에 제시한다. 사용자는 결과를 평가하고 다시 손을 움직여서 다음 명령을 내린다.

인터랙티브 하지 않은 디자인 중 하나로 데이터…

[jaeseok1210]

UI가이드라인에 담긴 인지심리학 번역서 출간예정

[jaeseok1210]

Samsung Keynote @ CES 2013 - Youm flexible Displays OLED Display [HD]

[jaeseok1210]

Space Top to Ted 2013

[jaeseok1210]

K-League Classic Big Star Byung-Ji Kim.

[jaeseok1210]

굿바이, PC통신…"우린 신인류였어"

990년대에 PC통신으로 출발했던 웹 사이트 나우누리가 지난달 31일 문을 닫았다. 급작스러운 소식은 아니었다. 지난해 말 야후 코리아가 철수했고, 초기 온라인 시대의 대표 사이트였던 프리챌도 저물었다. 월드와이드웹(WWW) 시대 이전의 온라인 서비스였던 PC통신은 대부분의 누리꾼에게 이미 추억으로 남아 있는 상태였다. 나우누리의 종료 선언은 그 희미해지는 추억을 다시 상기시키는 계기였다.  <프레시안> 기자들도 감회에 젖었다. 인터넷 세계로 넘어오면서 자연스럽게 잊혔던 PC통신의 추억을 다시 곱씹자는 취지로 기자 4명이 모여 수다를 떨었다. 독자들도 설 연휴에 또래 친척과 모여 앉아 PC통신을 추억해보는 건 어떨까. <편집자> PC통신 뭐 했어요? *참가자: 이텔(37세, 여), 누리(34세, 남), 리안(30세, 남), 니텔(27세, 여) 리안: 지난 일요일(3일) <EBS>에서 심야에 방영하는 '한국영화특선'에 <접속>이 나왔어요. 일동: 아~. 누리: <접속>이 PC통신으로 만나는 이야기였나? 이텔: 네. 유니텔이었어요. ▲ 1997년 개봉됐던 영화 <접속>. 현대의 소외된 두 남녀를 이어주던 끈은 당시 청년층을 중심으로 퍼져 나갔던 'PC통신'이었다.리안: (나우누리 소식과 관련해) 의도가 있는 편성이라고 보이는데. 먼저, 각자 PC통신을 언제 접했었나요? 이텔: 저는 1996년 말에 처음 접했어요. 리안: 하이텔? 이텔: 아니. PC통신의 초창기여서 큰 규모가 아니라 BBS. 리안: 사설 BBS라고 부르던? 이텔: 응. 참세상이라고…진보네트워크의 PC통신 버전인데, 같이 놀던 사람들이 많이 있어서 접하게 됐고. 당시 접속해서 'all'이라는 명령어를 치면 접속한 사람들이 다 보였어요. 작은 규모라 많지 않았지. 그래서 접속한 사람들에게 말 걸고 놀았는데, 그 당시 문화진보운동 쪽 사람들이 많아서 정보도 많이 접했죠. 그러다가 큰물로 가고 싶어져서 처음 시작한 게 유니텔. 당시 이미지가 '쌔끈'했거든. 하이텔이나 나우누리는 벌써 낡은 느낌이 있었는데 유니텔은 신세대를 겨냥해 만들었다는 느낌이었죠. 나우누리도 동아리 활동 때문에 했고, 나중에 하이텔도 했고. 누리: 저는 1997년 고등학교 3학년 때 처음 했어요. 이텔: 고3 때? 누리: 수능 압박을 별로 안 받아서…. 리안: 어느 서비스? 누리: PC통신은 닫힌 곳이었잖아요. 가입을 해도 다른 PC통신은 못하고. 뭐 할까 하면서 보니 천리안은 확실히 '노땅'들이 사용하는 이미지였고, 하이텔도 마찬가지. 나우누리, 유니텔 둘 중 하나였는데 고민하다가 나우누리가 갈 만한 데가 더 많다고 해서 들어갔죠. 그 때는 열심히 안 했고 대학 가서 죽어라 했죠. 니텔: 1998~1999년 사이에 시작했어요. 그 '삐삐삐~'(☞듣기) 하는 소리 나던…(누리:모뎀) 네, 모뎀. 하는 동안에는 전화도 못 받고. 중학교 2학년 때 한 아이돌 그룹을 좋아해서 하이텔 연예 게시판과 그 그룹 팬클럽 헤비유저가 됐죠. 그러다 사람들이랑 채팅하고 친해지면서 나중에는 우리끼리 따로 비밀 소모임을 만들어서 활동했어요. '정모' 같은 거 하면 나중에 인물 게시판에 '인평'(인물 평가)도 올라오고…. 심지어 그곳에서 알게 된 언니 때문에 '티티마' 강세미 팬클럽 시삽까지 했고(웃음). 누리: 티티마, 정말 추억의 이름이다. 시삽이라는 말도…. 리안: 저는 1996년에 처음 접했고, 나우누리를 썼죠. ID라는 말의 개념 자체를 잘 몰라서 제 이름 이니셜에 살던 집 호수를 붙여서 만들었던 기억이 나네요. 누리: 전 누나 ID를 썼는데 '상상의별'이었어요(일동 폭소). 리안: 당시 ID 길이가 한글 4글자까지 가능했던 것 같네요. 일동: 맞아, 맞아. 리안: 하이텔은 게스트 ID로 로그인하면 판타지 소설 등이 연재되는 게시판에 접근이 가능했죠. 이영도가 판타지 소설 <드래곤 라자>를 연재하던 그 게시판, 거기에서 갈무리를…. 일동: 갈무리…흐흐흐. 리안: 갈무리 명령어가 'pr'이었나…. 각설하고, 다들 PC통신을 하던 장소는요? 이텔: 집에서 방해받지 않는 밤 시간. 학교는 PC실 줄이 너무 기니까. 오래 쓰면 눈치 보이고. 누리: 대학 입학한 후에는 자취방에서 주로 사용했죠. 1학년 때 필수교양수업 하나가 오전 8시에 시작했는데, 알잖아요? 대학교 1학년 때 얼마나 인간이 망가지는지? 그 수업 들어간단 핑계로 밤새 PC통신 하고, 결국 뻗어서 학교도 안 가고…. 나뿐만 아니었어, 대학교 1학년 때만 해도 사람들이 PC실에서 그 '삐삐삐~' 하면서 파란 화면을 쳐다보고 있었죠. 뒤에는 프린트하려고 온 학생들이 기다리고 있는데. 그래서 문제 되기도 했고. 리안: 어릴 때라 집에서만 했는데, PC통신 중에는 전화가 통화 중이어서 많이 혼나곤 했죠. 니텔: 그래서 핑계도 만들었죠. 사실은 '팬픽'을 쓰는데 부모님에게 '소설을 쓴다, 나의 미래를 위해 투자하라'고(웃음). 그 뒤로는 안 혼났어요. 리안: (PC통신 에뮬레이터 프로그램) 이야기, 새롬데이타맨도 기억나세요? 누리: PC통신 확장기가 IMF 환란 때와 겹치잖아요, 그때 새롬데이타맨 주가(새롬기술)가 삼성 주가보다 더 올랐어요. 시가총액이 삼성보다 더 오른 거예요. 김대중 정부도 세금 들여서 땅 까고 인터넷망 깔던 때였고. 젊은 층 상대로 PC통신이 폭발적인 인기를 얻으니 새롬데이타맨이 나스닥에도 상장한다느니 별 기사가 다 나왔는데, 우리나라 주식 거품 역사에서 한 획을 그었을 거예요. 삼성전자를 넘었으니. 메탈리카가 센가, 메가데스가 센가? 이텔: 당시 PC통신 진입장벽 중에 전화비가 있었나요? 리안: 모뎀 가격도 비쌌죠. 저는 십만 원을 훌쩍 넘게 주고 샀던 기억이 나네요. 누리: 가입비도 내야 했고. 리안: 나우누리가 1만4000원 정도 했었던 것 같네요. 누리: 하이텔이 9900원 정도였고, 천리안이 제일 비쌌었죠. 리안: 신기하다고 해야 할까, 현재 집에서 인터넷을 3년 약정으로 월 2만 원 정도에 쓰고 있는데, 당시 이용료와 전화비를 합치면…. 누리: 더 비싸죠. 물가 상승을 감안 안 해도. 당시엔 386DX 컴퓨터가 600만 원에 나오고 하던 시절이었으니. 접하기 어려운 고급 문화였던 셈이죠. ▲ 요즘도 회자되는 1990년대 컴퓨터 광고. 이텔: 20대 이상에서 문화가 됐다고 보는 게 맞죠. 누리: (고등학교) 반에서는 친구들과 PC통신 이야기한 적이 별로 없으니까. 리안: PC통신을 접하고 느낀 충격은 '아 이렇게 고수가 많았구나'라는 것. 지금보다 더 강하게 느꼈죠. 음악을 좋아했는데 당시 잡지에서 전문가들이 쓰는 글만 보다가 PC통신에 들어가니 '지미 헨드릭스가 최고인가, 잉베이 맘스틴이 최고인가' 하고 싸우고 있더라고요. 글 쓰는 사람들이 모두 표현력도 좋고…. 누리: PC통신 문화라는 게 신문, 언론의 권력이 낮아지게 된 첫 시대를 연 게 아니었나 싶어요. 재야의 고수들이 출몰한. <퇴마록> 열풍이 대표적이고. 재야의 고수들이 자신의 존재를 사방에 알리기 시작했고, 그걸 바탕으로 기성 언론이 따라가지 못하는 동시대의 이야기를 우리의 언어로 하기 시작했고. 거기에 사람들이 열광하면서 새로운 정보들이 유통되기 시작했고. 그 세대가 인터넷에서도 <딴지일보> 식으로 넘어온 거잖아요. PC통신이 가장 위력을 떨친 것 중 음악이 있는데, 누구나 인정하는 PC통신 동호회로 하이텔의 '블렉스', 나우누리의 'SNP', '메탈체인' 등이 있었죠. 블렉스, SNP는 힙합 동호회였는데, 당시 거기 있던 사람들이 자기들끼리 데모 테이프 만들어 공유하다가 지금 다 현업 뮤지션으로 활동해요. 면면을 보면 블렉스 출신으로 가리온, 주석이 있고 SNP에서는 버벌진트, 휘성이 다 그쪽 사람들이에요. 말 그대로 우리나라 힙합 문화를 만든 곳이죠. 언더그라운드 힙합. 메탈체인 쪽 대표 뮤지션으로는 오지은이나 김윤아가 있고. 리안: 방담 준비하면서 보니 델리스파이스는 하이텔 메탈동 소모임 '모소모'에서 활동했다고 하네요. 모던락 소모임이었던 모소모를 만든 사람이 언니네이발관의 이석원. 이텔: 홍대 언더문화 얘길 하기 시작한 게 1996년부터잖아요. 예전에 이석원 씨 인터뷰할 때 다른 뮤지션들한테도 물어본 게 있어요. 음악이라는 분야가 그런가, 기타를 사서 치면 되지만 영화 같은 경우는 당시로선 엄청난 크기의 카메라가 필요하니 영화 동호회가 있어도 영화를 찍지는 않았어요. 근데 모소모 이런 데 모인 사람들은 그 전까지는 음악을 하지도 않았지만 어릴 때 피아노 학원에서 배운 것 말고는 딱히 음악적 훈련을 받지 않았던 친구가 키보드를 연주하기 시작하고, 이석원은 (음악 한다고) 거짓말하다가 실제로 밴드를 만들었고, 이석원과 친하던 고등학생이 그 밴드에 들어가 기타를 치고. 어떻게 그럴 수 있냐고 물어봐도 '만날 만나는 사람이 이 사람들이고 이 사람들이랑 음악 얘기하다 보니 이렇게 됐다'고만 하더라고요. 누리: 우리나라 대중 문화, 개인의 취미 생활이 전혀 환영받지 못하던 시대였죠. 공부·돈 아니면 안 되는 사회에서 처음으로 개인의 문화가 소중하다는 걸 PC통신을 통해 사람들이 깨달은 거죠. 니텔: 우리가 좋아하던 1980년대 외국 뮤지션들을 보면 그냥 동네에서 만나서 차고에서 합주하다가 밴드 된 예가 많은데, 우리는 PC통신 이전까지는 그렇게 만날 수가 없었던 거죠. 누리: 우리에겐 그 차고 역할을 PC통신이 한 거고. 니텔: 도시에서 합주가 불가능한 사람들이 만나서 '찌질'대다 뭔가 하나 나오고 그런 거죠. 누리: 판타지 문학도 PC통신에서 나왔고. 이텔: 동호회라는 존재 자체가 획기적인 것 같아요. 지금 보면. 누리: 1990년대 문화 폭발 현상을 우리 세대가 이끈 거죠. 메탈체인에 가면 딴 곳에서는 안 하던 얘기를 우리 언어로 할 수 있었으니까. 메탈리카가 세니, 메가데스가 세니…정말 이런 유치한 논쟁을 각종 자료를 붙여가면서 주고받기 시작한 거죠. 모두 궁금한 거니까. 리안: 메탈체인에서 음악 한 곡을 내려받았었는데, 나중에 찾아봐도 시중 음반으로는 듣기 어려운 일종의 희귀 버전이었어요. 지금도 갖고 있고. 지금과 비교해 PC통신의 규모가 그리 크지 않았어도 집중력이 있다는 인상이 있었어요. 걔가 나우누리의 걔였어? 누리: 반대로 대중 문화를 향유하는 취미가 없던 사람들도 대학교에 처음 가거나 할 때 신입생 '번개' 같은 걸 하는 통로로 PC통신을 처음 접했죠. 저도 PC통신으로 동창 만났었고. 니텔: 지금도 존재하는 특정 인간형의 습관이 PC통신 시절 형성되었다고 봐요. 제가 경험한 건 팬덤 문화니까 거기에 국한해 얘기하자면 전통적인 팬덤, 그러니까 JYJ 같은 아이돌 팬덤뿐 아니라 가령 일본 애니메이션 팬이나 영화 <어벤저스>를 가지고 동인지를 생산하는 문화 같은 게 있잖아요. 어떤 것을 매우 좋아해서 '팬질'을 하고, 그게 '덕질'로 이어지고, 그게 2차 창작으로 이어지는. 그런 세계가 있는데 PC통신 때 봤던 게 그대로 이어지고 규모나 질은 더 커진 것 같아요. 주로 여성들의 세계인데…. 리안: 동인 문화 같은? 니텔: 그렇지. 현재 많은 '덕질' 혹은 '2차 창작' 하고 있는 여성들은 PC통신을 많이 했었고, 이것저것 건드려 온 계보가 있어요. 생각나는 건 소위 '팬 아트'인데, 좋아했던 아이돌 그룹 팬 내에서도 팬 아트를 잘 그리는 사람이 있었고, 그 사람이 코믹월드 같은 데 나가기도 하고 그랬죠. 그런 사람들이 글 쓰면 같은 팬 입장인데도 환호하고. 정모 때도 인기 제일 많고. 이텔: '존잘'인데(웃음). 누리: 존잘? 이텔: '존나 잘 그린다'의 준말. (웃음) 니텔: 아직도 기억하는 ID가 있는데, 'OOO'님이 정말 잘 그렸는데…(일동 폭소). 나중에 인터넷에서 집요하게 검색해 보니 그 언니가 한예종(한국예술종합학교) 애니메이션과에 들어갔더라고요(일동: 아~). 그러니까 정리하자면 전부 아이돌 그룹을 좋아해 모였는데, 그 안에서 인기인과 팬이 또 형성되는 거죠. 그림 잘 그리고 소설 잘 쓴다는 이유로 어떤 ID를 신봉하는 사람이 생기고, 당사자도 2차 창작으로 어딘가에서 암약하고 있고, 21세기 여성들의 규방 문화라고 해야 할지(웃음). PC통신이 그 원류가 아닌가 싶어요. 그 정서는 지금도 인터넷 곳곳, 동인지가 판매되는 곳곳에서 나타나고 있고. 이텔: 지금 트위터에서 '박원순이 나한테 멘션했다' 이러는 것처럼, PC통신은 우리가 생각하는 유명 인사와 말을 섞을 수 있는 첫 번째 창구였던 것 같아요. 저의 경우엔 당시 '신세대 작가'라는 명칭으로 수식되던 백민석 씨에 대한 추억이 있어요. <헤이, 우리소풍간다>라는 소설을 읽고 하이텔 문학동에 감상문을 괴발개발 써서 올렸죠. 그런데 백민석 씨가 '감상문 잘 봤다. 고맙다'라는 메일을 보냈어요. 그날 밤 설레서 잠도 못 잤어요. 그런 식의 동경하던 사람들과 말을 섞게 되고, 만나기도 하고, 그런 가능성 때문에 팬덤과는 또 다른 의미가 있었어요. 니텔: 다르게 얘기해보면 그 전까지는 텔레비전에 나오는 사람만 팬클럽을 이끌 수 있고 소위 셀레브리티(celebrity)의 권위를 가질 수 있었잖아요. 그런데 지금 트위터를 보면 바깥에선 전혀 알려져 있지 않은 사람이 파워 트위터리언이 되어 있어요. PC통신에서도 현실 직함은 백수인데 뭐 하나를 잘한다는 이유로 재야의 고수가 되고 팬을 거느릴 수 있었죠. 그런 '평범한 ID님의 셀레브리티 화(化)' 문화의 시작점이 PC통신이었던 거죠. 이텔: 적어도 동네 노는 형은 될 수 있었던. 니텔: 10년 뒤에 '걔가 나우누리의 걔였어?' 하는(웃음). 누리: 궁금해서 방금 트위터에서 PC통신을 검색해봤는데, 우리가 빼먹은 추억이 있다. PC통신 들어가면 인사가 당시 '방가방가', '하이룽'…. 이텔: 안냐세요~. 니텔: 리하이~. 리안: 리하이? 니텔: 채팅방에서 튕겼다가 다시 들어올 때. re-hi. 인터넷, 파란 화면도 아닌데 왜 공짜지? 리안: PC통신을 언제부터 잊었나요? 누리: 전성기가 5년도 못 갔으니까…. 리안: 당시 모뎀으로 인터넷을 처음 했는데, 넷스케이프를 통해 천천히 로딩되는 야후 초기화면을 처음 봤을 때 충격이 굉장했죠. 니텔: 당시엔 인터넷 검색창에 뭘 쳐도 사용하는 사람들이 없으니 결과가 며칠 동안 똑같고 그랬어요. 그래도 뭔가 정보를 얻고 싶어서 계속 썼고. 리안: 저는 '다운족'이었는데 고속 인터넷망이 뚫리고 인터넷에 '와레즈'(warez) 사이트 같은 게 생기면서 PC통신 자료실과 멀어지게 된 것 같아요. 음악 같은 경우에도 소리바다가 생겼었고. 누리: PC통신 단절은 군대에 가면서 자연스럽게 이뤄졌어요. 군대 가기 전에는 PC방가면 한쪽에서는 스타크래프트 하고 한쪽에는 '삐삐삐~' 하고 있었어요. 그런데 이듬해 휴가를 나와서 PC방에 갔더니 친구들이 '스카이러브'라는 채팅 사이트를 가르쳐줬죠. 전 그걸 새로운 PC통신으로 알고 있었어요. 화면이 깔끔해서 '엄청 비싸겠다'고 생각했고. 그런데 가입비도 안 내더라고요. 그냥 하면 된다는 거예요. 공짜라는 개념 때문에 처음에는 충격을 받았어요. '파란 화면도 아닌데 왜 공짜지' 하는. 적응하는 데 한참 걸렸던 것 같아요. 리안: 고속 인터넷을 쓰면서 비용이 더 늘어났는데, 나우누리만 쓰는 데 1만4000원씩 주기가 아까워지기 시작했죠. 이텔: 저의 경우에는 직장에 들어가 바빠지면서 멀리하기 시작했죠. PC통신은 '잉여'들의 문화였잖아요. 시간이 있으니 정보를 모아 '자랑질'하는 게 PC통신이었는데, 바빠지니까 자연스럽게 멀어지는. 또 PC통신에서 함께 놀던 또래들이 일제히 사회생활을 시작했어요. 영화동에서 놀던 사람은 현장 가서 제작부에 들어가고, 누구는 또 영화 잡지 붐이 일면서 웹진이 생기니 그쪽으로 흡수가 되고, 음악 소모임 하던 애들도 음반회사 들어가고. 취미를 직업의 영역으로 옮기는 사람들이 늘어난 거죠. 일터에서 만나면 되니까 PC통신을 굳이 할 이유가 없고. 한 세대가 공통적으로 PC통신을 하다가 일시에 딱 끊긴 거 같아요. 우린 신인류였어 리안: 현재로 돌아와 봅시다. 돌이켜보면 2000년대 전반기는 인터넷 확장기이고, 후반기에는 일종의 '대세'가 나타났던 시절이라고 봐도 될까요? 검색은 구글, 포털은 네이버, '잉여 문화'는 디시인사이드, 정부 비판하는 사람들은 특정 사이트로 몰리고, 트위터가 출연하는 등 SNS가 현재 인터넷 문화의 가장 큰 특징이 되기도 했죠. 오늘 방담 목적이 PC통신의 향수를 나누는 것이지만요, 현재 인터넷과 PC통신의 대비를 통해 우리가 특정한 의미를 찾을 수 있을까요? 니텔: PC통신에서 인터넷으로 옮겨간 것은 기술 발전과 시대상에 맞춰가는 문제라고 봐요. PC통신에서 놀라웠던 것들이 더는 놀랍지 않고, 사실 PC통신을 그 당시 하지 않던 사람들도 2000년대에 들어와 대부분 인터넷 사용을 했단 말이죠. 자신만의 습관을 터득하고 자신만의 정보 습득 능력, 사람들을 만나는 걸 선택할 수 있게 된 거죠. 그걸 단순히 'PC통신 시절엔 우리만의 문화였는데 아쉽다'거나 '지금은 재밌는 게 없다'고 생각하진 않아요. 그저 시대 변화에 따라 이런 문화를 향유하는 사람들이 자연스럽게 많아진 거죠. 누리: 나우누리 문 닫는다는 기사를 보고 사람들이 '그때가 좋았지'라고 하지만 당시만 해도 PC통신의 언어 파괴 현상 등에 대한 비판도 많았어요. 이텔: 옛날 신문 보면 분명 나올 거야. PC대화 '문법 파괴' 확산 컴퓨터통신이 새로운 대중매체로 빠르게 확산되면서 컴퓨터통신 용어의 '문법파괴'가 새로운 문제로 떠오르고 있다. 13일 정보통신부에 따르면 96년 7월 말 현재 컴퓨터통신 이용자는 270만 명을 넘어섰으며, 남북한 언어의 이질화에 못지않게 '미디어세대' 간 언어의 장벽도 갈수록 높아지고 있는 것으로 나타났다. 실제로 "어솨여(어서와요), 안냐세요(안녕하세요), 방가(반가와요), 설사라요(서울 살아요), 잼(재미있었어요), 그럼20000(그럼 이만), 담에 바여(다음에 봐요)" 등을 볼 수 있다. 컴퓨터통신 대화방에 처음 들어간 사람들은 '이게 무슨 소린가' 의아해 하지만, 청소년들 사이에선 이미 일상용어로 자리 잡은 컴퓨터식 대화법이다. 이런 표현법들은 컴퓨터 통신이 지닌 쌍방향커뮤니케이션 기능에 힘입어 급속하게 전파되고 있다. (<한겨레> 1996년 8월 14일자) 누리: X세대가 삐삐로 통일되는 세대였는데, <동아일보>가 당시 1면 하단 기사로 'Y세대'라는 개념을 내세워 1979~1981년생만을 따로 묶어보려고 하기도 했어요. 그 세대의 특성으로 PC통신을 하고 힙합 바지를 입고 HOT를 좋아하고…. 니텔: 트위터에서 이런 말을 본 적이 있어요. "지금 이 시대의 모든 매체는 인터넷의 부분집합"이다. 방송을 예로 들면, 과거엔 방송 자체로 권력을 가졌지만 지금은 그렇지가 않아요. 다시 보고 싶어도 처음 띄우는 건 검색창이고, '방송 반응' 즉 검색어 같은 게 없으면 권위가 휴지 조각이에요. 모든 자료가 검색어 망의 부분집합이 되어버렸죠. 세계가 인터넷이 되어버렸다는 느낌인데. PC통신과 인터넷은 다르지만, 어쨌든 뭔가 화면 속에서 생활을 영위하고 사람을 아이디로 접하고 이런 공통점을 생각해 보면, 과거엔 일부의 습관·생활이었던 게 지금은 모든 사람의 습관이 되었다고 생각해요. 그 농도는 희석되었겠지만 어쨌든 지금 인터넷 문법을 외면한 채 살아가는 사람은 없거든요. 그래서 PC통신에 대한 향수를 갖는다는 건 그런 습관을 소수만 누렸던 시절에 대한 향수가 아닐까요? 지금은 다 인터넷형 인간이지만, 그때는 약간의 특권의식과 무언가를 선도한다는 인식이 있지 않았나 싶어요. 이텔: PC통신을 했던 10대 후반, 20대 초반의 나를 그리워하는 게 더 맞는다고 봐요. <접속> 같은 영화가 어마어마한 흥행을 기록했고 삽입곡도 확 뜨고 했었는데, 영화에 나온 신세대 사랑법, 너무 고독해서 하루키적 인간형이라고 내세워져 컴퓨터로만 대화하던 두 남녀가 막판에 만난다는 그 러브스토리로 지금 세대를 분석하려고 했단 말이죠. 정말 그 시대의 우리는 '신인류'였던 겁니다!(웃음) 무언가 새롭고, 예쁘고, 신선한 감수성을 우리가 독차지했던 시절이었으니. 그때를 그리워하는…. 리안: <접속> 얘기도 다시 나오고, 수미쌍관의 멋진 방담이 됐다고 봅니다(일동 박수). 어떻게 끝낼지 계속 고민이었는데 방금 나온 '그 시대의 우리는 신인류'로 끝내도록 하겠습니다. 이텔: 아뿔싸. 누리: 20년 뒤에 지금 '초딩'들도 얘기할 거야. "그땐 아이폰 이런 걸 들고 통신했어" 그러면서. 니텔: 다들 자신이 첫 취향을 형성하던 시절을 그리워하는 거죠. 누리: 그 말 좋다. 첫 취향을 형성하던 도구로서 PC통신. 이텔: 제가 영화 좋아하는 거 엄마가 진짜 싫어했거든요. 항상 구박만 받았단 말이야. 내 취향에 대해. 그런데 내가 좋아하는 거 가지고 똑같은 인간들이 모여서 밤새도록 채팅하고, 24시간 영화 얘기만 하고, 거기서 비롯되는 흥분이라는 게…. 취향이 그렇게 형성이 되고 자기 인생의 경로를 결정짓는 순간이 그때였으니.

[jaeseok1210]

[Bookmark 1] For Icon design

1. Icon Finder (아이콘 파인더) www.iconfinder.com GUI디자이너에게 꼭 필요한 사이트. 키워드 하나만 입력하면 수많은 아이콘을 찾아주는 검색엔진! 물론 모든 아이콘에는 저작권이 적용되므로 함부로 사용하면 아니되고 아이콘을 그려야 하는데 메타포가 떠오르지 않을때, 룩을 참고하고싶을때 항상 먼저 북마크에서 눌러들어가게 되는 곳. 포털로 치면 구글 같은 곳이랄까.

2. Icon Paper (아이콘 페이퍼) www.iconpaper.org 아이콘 파인더보다는 덜 검색엔진스러운 감각적인 인터페이스 디자인과 예쁜아이콘들이 메인에 떠서  들어가자마자 딴길로 새게 만드는, 포털로 치자면 네이버같은 곳. 장점이자 단점 고화질의 디자인들이 많다보니 로딩시간이 길다. ㅠㅠ 리서치 시간이 촉박하다면 속터질수있으니 주의. 아이콘 뿐만아니라 고퀄리티의 월페이퍼도 신나게 구경할 수 있다.

3. 그외 www.iconarchive.com www.freeiconsweb.com http://findicons.com http://www.iconspedia.com http://weloveicons.com

[jaeseok1210]

[Bokkmark 3] For GUI design

1. Dribble http://dribbble.com 퀄리티란 이런 것이다를 보여주는 사이트. 완성도가 없는 이미지는 입성할 수 없는 곳! Explore에서 컬러나 프로젝트 별로 검색가능. 저는 컬러별 서치 기능을 애용하게 되더라구요~

2. 365 Awesome designers http://365awesomedesigners.com 디자이너별 작업물을 모아놓은 곳. 터치를 하면 드리블 페이지로 링크~ 매일매일 새로운 디자이너의 작업이 올라온다.

3. UI parade http://www.uiparade.com/ 모든 디자이너작업은 깔때기처럼 드리블로 링크되는군요~

4. My color screen http://mycolorscreen.com 디자이너가 아니더라도 자신이 사용하고있는 런쳐 스크린을 공유할 수 있는 사이트! 신선한 모바일 UX를 만나볼수 있다. 완성도는 조금 떨어지더라도 재미있는 아이디어를 얻어갈 수 있는 곳이예요~

디자인된 Free PSD AI interface resource도 함께 정리할까 했는데, 다음 기회에 따로 정리해 보아야 겠네요~

[jaeseok1210]

[Bookmark 4] For Color coodination

컬러테마만 잘 나온다면 인터페이스의 분위기, 정체성을 잘 살려줄수 있죠~ 보색, 인접색, 채도, 명도 고려해서 컬러칩을 만들어 볼 수도 있겠지만 이시간을 절약하면 훨씬 좋겠죠~?? 그래서 찾아봤어요~ 하지만 본인의 사용빈도는 조금 떨어지네요...  시간이 걸리더라도 사진에서 컬러찍어 쓰는게 더 제 입맛에 맞는듯해요~ 1. Colorschemedesigner http://colorschemedesigner.com 단색, 보색, 근접색 등등 원하는 색조합을 뽑아낼 수 있는 사이트!

1. Colour lovers www.colourlovers.com 여러사람들이 사진과 예술작업에서 뽑아낸 컬러들을 컬러칩으로 정리해서 모아 놓은 곳~ 본인이 좋아하는 컬러도 찾고 공유도 해 보아요~

훔.. 몇개 더 있었던거 같은데 생각보다 공유할게 없네요~  다시 리서치 해봐야겠어요~

[jaeseok1210]

[Bookmark 5] Let's Explore more!

1. Pinterest http://pinterest.com 이미지를 공유하는 사이트.  개인적으로는 이렇게 매일 다른사진이 올라오고 그걸 모으는 과정들이 너무 복잡해서(그리고 내가 게을러서) 검색엔진 사용해서 필요한 이미지를 찾는게 편하더라구용~ 

2. Fancy www.thefancy.com 말그대로. 꽂힌것들을 공유하는 사이트!  판매하는 물건 혹은 잡지 이미지 기타등등 좋아하는 것들을 큐레이팅하는 곳 팬시는 미국에 살고있다면 참 좋은 사이트 같아요, 판매하는 물건들 사고싶어도 나는 한국에 있다는... 함께 꽂혀도 나는 살수 없네... 쨌든 핀터레스트 보다 넓은 범위의 공유, 사용성도 나은듯~

3. Stumble Upon www.stumbleupon.com 웹페이지들을 공유하는 사이트. 핀터레스트나 팬시보단 덜 아름다운? 좀 덜 큐레이팅 된 느낌이네용. 이곳 역시 북마크만 해두고 굳이 열어보진 않아용.

4. Delicious https://delicious.com 북마크들을 공유하는 사이트.  키워드 하나만 치면 사람들이 북마크 해놓은 곳들을 검색해준다.  리서치 할 때 잘 활용하면 너무너무 편하다. 영어만 조금 알면 전세계의 디자이너들이 북마크한 페이지들을 나도 함께 흐흐 내 북마크들의 반은 여기서...

결론은 나는 팬시와 딜리셔스만 쓴다 네요.ㅋㅋㅋㅋ 본인의 취향에 맞는 웹서핑하러 고고~

[jaeseok1210]

[Bookmark 6] For Graphic dresign

여러가지 방법으로 영감을 얻기위해. 눈이 즐거운 그래픽 작업들을 모아 놓은 사이트들을 북마크해보아요~ 1. Abduzeedo http://abduzeedo.com 컨셉아트, GUI, 일러스트, 건축, 사진, 웹디자인, 모션그래픽등등 거의 모든 시각 예술 범위를 다루는 사이트. 멍때리는 시간, 정말 멍때리지 말고 요기 들어가서 새로운 영감을 얻어보세요.  유명디자이너들의 인터뷰, 월페이퍼, 작업하는 방법까지 IDN이나 CA같은 잡지 부럽지 않은 정보를 얻어갈 수 있어요. 저는 매일 올라오는 Daily ispiration 아티클들을 좋아한답니다. 

2. Typographic posters www.typographicposters.com 타이포그래피 작업들을 모아놓은 사이트. 간혹 우리나라 디자이너들의 한글이 보일때면 반가워요~ 요즘은 프린트 작업을 할일이 많지는 않지만 디지털시대에도 디자인의 기본은 타이포 그래피. 저는 디자이너로 밥벌어 먹고 살고있지만 타이포그래피 보는 눈이 별로여서 항상 노력해야 해요. ㅠㅠㅠ 매일 매일 배우는 자세로...

3. Information is beautiful www.informationisbeautiful.net 인포메이션디자인을 모아놓은 사이트.  여기는 아이콘 메타포를 찾아 헤매러 돌아다니곤 해요. CI BI Infomation디자인의 상징화 단순화 과정은 화면이 작은 포터블 디바이스에 사용될 수 있는 여지가 많은 것 같아요. 인포그래픽들을 보다보면 '아, 이 이미지를 이런 화면에 적용해 보면 편리할 것 같다.' 하는 생각이 자연스레 들더라구요~

4. ffffound.com http://ffffound.com 여기는 지난번에도 공유한 곳인데 이번주제에 더 어울릴것 같더라구요~ 사진서치만을 하는곳이 아니다 보니. 지난 내용을 인용하자면, [http://oheunjoo.egloos.com/5161748 리서치보다는 Inspiration을 위한 사이트 검색엔진이 아니므로 검색창도 없다. 아티스트들의 사진 뿐만 아니라 아트웍도 구경가능. 메인에 떠있는 이미지중 마음에 드는 이미지를 누르면 하단에 연관 이미지들이 뜨는데 그렇게 파도를 타다보면 정말 마음에 드는 이미지를 찾을 수 있을지도?] 라고했네요~

World wide web 에는 정말 재밌는 사이트들이 많은 것 같아요~

[jaeseok1210]

BendDesk Multi-touch on a Curved Display

[jaeseok1210]

[스크랩] GUI 디자인 평가를 위한 체크리스트

GUI디자인의 평가는 그것에 대한 평가의 결과가 개선을 위한 필요 작용될 때에 가치가 있는 것이다. 디자인 평가방법의 하나인 체크리스트(checklist)방법을 응용하여 GUI디자인의 경우에 적용할 수 있는 체크리스트를 제안하고자 한다. 체크리스트는 디자이너가 문제를 해결하는 방법중의 하나로, 디자인 문제의 평가나 판단의 기준이 되는 항목들을 조목별로 나열하여 구체화하는 작업이다. 구성요소별 1. 윈도우 1) 초기화면/ - 조직성 : 화면의 구성이 유기적 관계를 가지고 있는가? - 경제성 : 불필요한 정보는 없는가? - 의사소통성 : 사용자에게 필요한 정보가 눈에 띄게 디자인되어 있는가? - 일관성 : 다른 응용프로그램과의 일관성이 유지되고 있는가? - 심미성 : 보기에 좋아 지루함을 방지해 주는가? - 명료성 : 응용프로그램을 나타내는 비트맵은 명료한가?

2) 실행화면 - 조직성 : 그리드는 7±2로 구획되어 있는가? - 경제성 : 시선의 얽힘이 없도록 작업순서대로 디자인되어 있는가? - 일관성 : 내/외부적인 일관성, 실세계와의 일관성이 유지되고 있는가? - 안정성 : 제공되는 윈도우 환경의 지침을 잘 따르고 있는가? - 심미성 : 화면의 전체적인 모습은 정리되어 보이는가? - 간결성 : 불필요한 장식적 요소는 없는가? - 직관성 : 아이콘으로 나타나야 할 아이템이 메뉴에 속한 것은 없는가? - 장애자를 위한 원칙 : 색채외에 시각적 실마리가 주어져 있는가?

3) 대화상자 - 조직성 : 왼쪽 위에서 오른쪽 아래로 시선이 흐르도록 디자인되었는가? - 경제성 : 적절히 생략과 약어를 사용하였는가? - 일관성 : 내/외부적인 일관성, 실세계와의 일관성이 유지되고 있는가? - 안정성 : 제공되는 윈도우 환경의 지침을 잘 따르고 있는가? - 심미성 : 대화상자의 전체적인 모습은 균형있고 정리되어 보이는가? 2. 아이콘 - 경제성 : 불필요한 묘사는 없는가? - 의사소통성 : 아이콘만으로 일관성과 실세계와의 일관성이 유지되고 있는가? - 일관성 : 내/외적인 일관성과 실세계와의 일관성이 유지되고 있는가? - 심미성 : 비쥬얼 스캔들적인 요소는 표현되었는가? - 간결성 : 절제된 도형으로 디자인되었는가? - 장애자를 위한 원칙 : 색채 이외의 시각적 실마리가 있는가? 3. 메뉴 - 조직성 : 메뉴의 그룹핑이 연관된 것 끼리 되어있으며, 순서는 적절한가? - 의사소통성 : 어떤 메뉴가 어디에 있을지를 예상하는 것이 가능한가? - 일관성 : 내/외부적인 일관성은 어떠하며, 실세계와의 일관성이 유지되고 있는가? - 안정성 : 주어진 윈도우가 제공하는 지침을 잘 따르고 있는가? 4. 포인터 - 의사소통성 : 어떤 상황을 나타내는지 시각적 실마리가 충분한가? - 일관성 : 내/외부적인 일관성이 유지되었는가? 쟁점과 기법별 1. 정보의 양 - 경제성 : 주어진 상황에 꼭 필요한 만큼의 세부사항만 주어져 있는가? - 의사소통성 : 예상 사용자에 대해서 배려했는가? - 예상사용자가 전문가라면 효율을 위해서 한 몫에 보여주는 정보를 최대화했는가? - 사용자가 초심자나 간헐적인 사용자라면 정보를 외우지 않고도 보고 선택해서 작 동할 수 있게 디자인했는가? - 간결성 : 한번에 결정해야 할 정보가 너무 많지는 않은가? 2. 정보의 그룹핑 - 조직성 : 작은 그룹은 5도 단위로, 큰 그룹은 25단위로 조직되었는가? - 경제성 : 그룹핑에 쓸데없는 그래픽적 요소를 넣은 부분은 없나? - 일관성 : 내/외부적으로 일관성 있게 그룹핑 되었는가? - 심미성 : 시각적으로 혼동되지 않게 그룹핑 되었는가? - 장애자를 위한 원칙 색채 이외의 그룹핑을 표시하는 시각적 실마리가 있는가? 3. 정보의 돋보임 - 조직성 : 돋보임의 기법이 강도 순으로 배열되어 있는가? - 경제성 : 돋보임의 기법이 작업을 촉진하는가? - 일관성 : 내/외부적으로 일관성은 잘 지켜졌는가? - 간결성 : 반전기법의 남용으로 Crossword-Puzzle효과를 나타내는 곳은 없는가? - 장애자를 위한 원칙 : 색채 이외에 다른 시각적 실마리가 있는가? 4. 정보의 위치와 순서 - 조직성 : 원하는 정보를 쉽게 찾을 수 있으며, 피드백은 적절한가? - 경제성 : 화면의 배치가 작업을 단순하게 하는가? - 일관성 : 내/외부적인 일관성에 따라 위치와 순서가 결정되었는가? - 사용의 순서대로 배열되었는가? - 관습적인 용법에 의해 배열되었는가? - 중요성의 순서대로 배열되었는가? - 철자 순 혹은 시간 순으로 배열되었는가? - 심미성 : 화면의 배치가 질서 정연한가? 5. 구성 요소간의 특수한 연관성 - 조직성 : 그리드 상에서 구성 요소들은 작 조직되어 있는가? - 의사소통성 : 정보의 특성에 따라 세로정렬과 가로정렬이 이루어졌는가? - 세로 정렬 시 문자는 왼쪽정렬, 숫자는 오른쪽 정렬이나 소수점 정렬되었는가? - 가로 정렬 시 이름과 데이터간격이 너무 넓지는 않은가? - 일관성 : 내/외부적인 일관성을 지켰는가? - 명료성 : 들여쓰기 기법이 적절히 사용되어 구성요소 간의 계층은 잘 표현되는가? 6. 문자정보 - 조직성 : 타이포그래피의 기법이 적절히 사용되었는가? - 서체 : 제목 및 본문형태의 정보에 적절한 서체가 사용되었는가? - 정렬과 단어간격 : 양쪽 정렬이 불규칙한 단어간격을 만들지는 않는가? - 줄 간격 : 줄 간격이 너무 넓거나 좁지는 않은가? - 글줄길이 : 1줄간격은 2일 때 60을 넘는 글줄은 없는가? - 심미성 : 사용하는 서체는 보편적으로 아름답다고 평가되는 것인가? - 간결성 : 지나치게 장식적인 서체는 아닌가? - 명료성 : 사용하는 서체의 가독성이 높은가? - 장애자를 위한 원칙 : 시력이 나쁜 사용자를 가정할 때 글자의 크기는 적당한가? 7. 그래픽 정보 - 조직성 : 정보의 사용이 정보의 조직을 돕고 있는가? - 경제성 : 문자정보로 표현하는 것이 더 공간을 적게 차지하는 것은 아닌가? - 의사소통성 : 그래픽만으로 어떤 기능을 하는 것인지 이해할 수 있나? - 일관성 : 내/외부적 일관성, 그리고 실생활과의 일관성이 유지되고 있는가? - 심미성 : 비쥬얼 스캔들의 요소가 있는가? - 간결성 : 불필요한 장식은 없는가? 8. 색채의 사용 - 조직성 : 정보의 사용이 정보의 조직을 돕는가? - 경제성 : 사용자가 기억해야 할 색채의 최대치가 5±2를 넘지 않는가? - 의사소통성 : 공식화된 의미를 강조하고 있는가? - 일관성 : 모니터와 다른 인쇄매체에 동일하게 적용되었는가? - 심미성 : 사용된 색채로 인해 디스플레이의 심미성이 향상되었는가? - 장애자를 위한 원칙 : 정보의 시각적 실마리가 색채에만 의존된 것은 아닌가?

  출처 : Car Mobile Navigation System 디자인전략연구, 아이더스디자인(주), 디자인기반기술개발사업의 연구결과보고서, 2002