네이버 홈페이지 개방형으로 탈바꿈, 그리고 경험적 연결고리

네이버 메인 이 '개방형으로 탈바꿈한다고 합니다.
이미 많은 언론사에서 언급하고 있는 만큼 이에 대한 설명은 하단의 관련기사 링크로 갈음하겠습니다.

저는 개방형 홈페이지로 탈바꿈보다 OpenCast, 그리고 이러한 탈바꿈을 위해 준비했던 과정에 더 주목 되네요.

지난 번 네이버 베타테스터 모집을 통해 본 서비스 캐즘현상 극복의 자세에서 이야기 했었던, '경험적 연결고리'가 적절히 고려된 것 같습니다. 제가 더 가슴이 뛰는군요.

네이버 스토리 > 스마트에디터 소개(영상) > OpenCast

더 자세히 적고 싶지만 워크샵 출발시간이 다가와서 간략하게나마 소개합니다.
아! 이 재밌는 글감을! ^^;

네이버 개편 내용 자세히 보기

메인페이지 관련 뉴스기사 더보기

네이버, 내년 1월 메인페이지 본격 개편 한국경제TV 경제
네이버 메인화면 어떻게 바뀔까 파이낸셜뉴스 IT/과학
네이버 "메인화면 개방성 높이겠다" 연합뉴스 경제 | 50분
네이버 메인화면 '개방형'으로 성형수술 소비자가 만드는 신문 경제
네이버 초기화면 '내 마음대로' 바꾼다 머니투데이 경제
네이버 홈페이지, 새해부터 개방형으로 선보여 연합뉴스 보도자료 정책/자료
네이버 홈페이지, 새해부터 개방형으로 선보여 아시아투데이 IT/과학
네이버, 내년부터 '개방형' 홈페이지로 개편 mbn 경제
네이버, 뉴스캐스트 메인 언론사 14개로 제한 전자신문 IT/과학
네이버 뉴스박스 편집 중단…초기화면 확바뀐다 ZDNet Korea IT/과학

오픈캐스트 관련 뉴스기사 더보기

최휘영 NHN 대표 “언론사 줄세우기 없다” ZDNet Koea IT/과학
네이버, 편집권 포기 ‘뉴스캐스트’ 공개 파이낸셜뉴스 IT/과학
네이버 새 첫 화면, 오픈캐스트 공개 뉴시스 경제
[IT수다떨기]언론사닷컴은 오픈캐스트에 적응할 수 있을까? 블로터닷넷 IT/과학
네이버, '누구나 뉴스 편집자' 만든다 올댓뉴스 사회

 

인터랙티브 웹디자인 코어 세미나 2008 요약

지난 10월 22일의 인터랙티브 웹디자인 코어 세미나 2008을 다녀오면서 메모해둔 내용입니다.
내용 중 일부는 포스팅하고 전체에 대한 내용을 다시 포스팅 하려고 했는데, 개인적으로 크고 작은 일이 터져 포스팅이 늦었네요.(사실 어떻게 잘 풀어 써볼까 욕심내다가 결국 메모한 그대로 포스팅하게 된 것도 좀 있습니다. ^^;)

저는 인터랙션/인터랙티브에 대한 견해가 다소 다른것이 재미있었어요. 원론적으로 접근하자면야 두 단어가 거의 근접한 것을 알 수 있겠지만, 경험으로 비추어볼 때 많은 사람들이 한명수 이사님의 견해와 비슷하게 생각하고 있는 경우가 많거든요. 저는 두 의견을 모두 존중하지만 타 부서와의 커뮤니케이션 할 때에 있어서는 후자쪽에 무게가 실리지 않나 싶습니다.(물론, 근본적인 이해가 있어야 겠지요.)

괄호()안의 내용은 주요 키워드 외의 부가적인 설명이나 제 생각이 들어있을 수 있으니 참고로 보시면 좋으리라 생각합니다.

인터랙션 디자인 NOW / 한명수 이사 SK

디지털 신세계 진부한 새로움의 경연장
인터랙션 / 인터랙티브 의 차이점설명
(인터랙션: IA적인 관점, 인터랙티브: 동적인 요소를 가미한 Inter+Active의 의미와 근접.)
 
유비쿼터스에 대한 아이디어는 이미 오래 전부터 나왔었지만, 이제서야 이슈화 된 것이다.
(전혀 새롭지 않은 내용이지만 현재의 인터넷 문화가 성숙해져서 준비되었다는 증거가 아닐까?)
 
진화의 이론, 이중논리
remediation : 미디어가 진화함에 따라 충돌하는..
immediacy | hypermediacy
 
2008 디자인 트렌드 life style / 홈페이지에 있다고 함.
Hyper blending
 
유저는 솔직하지 않다. 그것을 파악하고 양측을 모두 만족하는 것이 아니라 사용자의 표면적인 요구를 수용하면서, 내면의 Needs를 해석할 줄 알아야 한다.
(공유,참여,개방)
(FGI, UT에서의 거짓 정보를 조심해야 한다.)
(UX포럼에서의 dobiho님과 비슷한 내용)
 
서양                 |       동양
(life)                 |
wisdom             |       락(즐기고)
knowledge         |       호(좋아하고)
information        |       지(아는)
data                 |
 
(정보(data+)는 즐길 수 없다면 한계가 있다. 정보 그 자체로서 의미가 있어야 하겠다.)
분류에 대한 최근의 관점이 변하고 있다 (분류체계 -> 태깅 시스템)
 
감성디자인의 의미는 '화려함'이 아니다.(상호 교감이 문제다.)
affordance.  행동 유발성
constraint.  제약조건(긍정적인)
mapping.    예측의 가능성(직관적인?)
information /experince/ storytelling
 
trend
human
technology
culture
media
heart(근본적인?)
 
i love you
 하트
 심장 (진심을 담아, 근본적으로 접근해야겠다.는..)

인터랙티브 기술 트렌드 / UX디자이너를 위한프로토타이핑 방법론 / 황리건 MS

우리가 필요한 것?
참여/소통/아이디어
(클라우드/소셜/매시업)
 
디자인 올림픽 / 기술도 감성화 되어가고 있다.
 
-웹 기술의 이해
자료 참조
 
-속성 설명
(AIR는 단순히 RIA라고만 볼 수는 없지 않나?)
 
-웹기술을 고르는 방법
자료 참조
 
왜 플래시가 아니라 실버라이트인가
(wmv를 바로 쓸 수 있다. 추가 비용이 안든다. 전체적으로 미디어에서의 강점 설명)
 
프로토타이핑 툴
balsamiq.com
dabbleboard.com
UI툴킷 등..
 
그러나 이러한 툴을 사용하지 않더라도
페이퍼 프로토 타이핑을 Expression으로 해결 할 수있다.
 
들으면 잊고
보면 기억하고,
하면 이해한다.
(노자)

How to Design : UI & Interaction 남찬우 랩장 / NHN

예전에는 '무엇을 만들까?'가 중요했다.
그러나 이제는 '어떻게 만들까?'가 중요하다.
이것은 웹이 매쉬업되고 플랫폼 화 되는 것에 영향을 끼치기 때문이다.
 
사용자의 경험은 브랜드 아이덴티티가 녹아있는가에 대한 여부에 달려있다.
 
nhn UI팀에서는 프로토 타이핑 기법이 상세 기획에서 부터 자세히 쓰이고 있다.
(기획단계에서 처음부터 참여)
 
산출물 관리
define 문서: 프로젝트 전반에 사용되는 UI디자인.
(이것은 CS4, MX시리즈와 같은 동일한 사용자 경험을 만드는데 일조할 수 있다.)
프로젝트 UI 설계도 등…
 
프로토 타입 전에 UI설계도를 그려보는 과정에서는 반드시 객관적인 참고자료를 만들어 초기 기획을 한다.
현재우리 -> 다른 벤치마킹 -> to be...
 
디자인 가이드를 제작.
BI 등에 대한 설계 화면을 작업해 본다.
Core Task 추출하여 계획을 세워본다.
프로토 타이핑을 통해 가이드 및 플랫폼 제작
 
-블로그, 카페
독립 블로그로 떠나고 싶어하는 사람들의 Needs를 포착.
이에 대한 방편으로 로고 제네레이터 - 커버스토리 제네레이터 - 스킨을 만들게 되었고,
이러한 것들이 모여 네이버 블로그/카페 시즌2가 되었다.
 
최종 프리뷰에 대한 내용이 담긴 Define 이미지제작이 이러한 프로세스에 있었음은 물론이다.
 
-스마트에디터
간판이 일관성을 유지하여 보다 나은 환경을 보여준 것과 같이 스마트 에디터를 제공하여 인터넷의 보다 양질의 컨텐츠 환경을 누리게 하고 싶었다.
 
-검색에 대한 새로운 개념 확장
스마트 파인더
사회망 구조

-cs4, mx 등과 같은 프로젝트시 디자인가이드를 먼저 제작하여 BI를 먼저 진행하여 모듈로 덜어다 쓰자.( 위에서 나온 define문서에서 더욱 세분화 된 UI패턴 이야기.)
 
이노베이션은 항상. 그러나 조용하게.
 
프로토타입은 제안서 + 기획서를 담아 만들어져야 한다.
(적절히 녹아 들어 있어야 한다는 뜻이라 생각된다.)
 
어려운 메시지일수록 단순, 명료, 시각화
 
그렇다면, 우리의 Team은 최선/ 최고의 프로젝트를 할 준비가 되어 있나?
 
면/스프?라는 질문에는
그것보다 '물'이 먼저라는 해답을 찾아낼 수 있어야 한다.
(보다 근본적인 생각의 전환을 이루어 내야 한다.)

웹과 영상을 결합한 인터랙티브 스토리텔링 / 박기영 슈가큐브

스토리 텔링은 줄거리만 아니다. 환경이 포함되어있다.
('경험'중심으로 정보를 재구성하는 편집기술, '새로운 몰입의 기술을 디자인')
 
[Experience Design] - 몰입의 의미, 몰입의 조건, 몰입의 법칙
몰입: 게임에서는 긴장 - 완화 - 보상 과 같은 것을 적용한다.
(웹에서도 적용할 수 있다. : 페르소나 기법+@)
 
몰입하기 위해서는...
1.특별하고
2.쉬워야 하고
3.매력적이고.
4.도전적인, 성취하기 어려운.. 것이어야 한다.
 
몰입의 법칙
1.단계
2.기승전결
3.긴장고조의 요소 조절
4.유머
 
메모러빌리어(memorabilia) 브랜드이미지를 기억할 수 있는 사건
경험 = 기억 = 몰입 을 유도해야 한다.
 
Case Study
그럼, 웹에서는?
꼭 3D의 경험이 아니라도, 현재는 HD카메라 등.. 으로 더 사실적인 경험을 전달할 수 있다.
거의 동일해 보이는 결과물들도 사실은 환경에 각각의 제작환경에서 최선을 다한 작품들이다.
스토리 텔링에서의 의인화는 매우 좋은 아이템이다.
 
1)convergence
광고와 엔터테인먼트 산업의 다양한 융합
2)immersion
몰입할 수 있는 환경 제공
3)context
어느 맥락에서 이야기를 전달할 수 있는가?
(환경에 대한 정보)
인터랙티브 디자인, 웹사이트에 생명을 불러넣다. / 손성일 ACG
 
아트디렉터로서의 기본기를 갖춰야 한다.
 
7~80%가 메인에서 머물다가 다시는 돌아오지 않는다.
 
비용, 인력, 테스트, 사전조사 경험, 클라이언트 동의, 작업일정 고려.
 
최근에는 간단한 영상을 액션스크립트로 만들어내고 영상이 필요한 장면은 아예 영상으로 처리하여 퀄리티를 향상시킬 수 있도록 하는 것이 트렌드이다.
 
해외 프로젝트의 경우 호환성과 심플화 등이 필요하다.
 
이제 사용자는 플래시/ 이미지로 된 내용에 대해서는 이성적인 정보라고 판단하지 않는다.
 
인터렉티브의 확장성
 
인터렉티브는 인터랙션을 포함하고 있다.
인터렉티브 == Creative ?!

좋은 인터렉션 디자인을 위한 UX도구들 / 김지영

"전혀 새로운 이야기는 아니다."
 
인터랙션 디자인,  인터랙티브 디자인
(정보적인,           비주얼, 크리에이티브)
 
UX디자인>인터랙션디자인>인터페이스디자인
 
인터랙션 디자인 = 인터렉티브 디자인 = 인터렉티브 웹디자인
 
좋은 인터렉티브 시스템은 학습 가능, 효과, 조화로워야 한다.
 
인터랙션 디자인 원칙은 되도록 지키는 편이 좋지만
!!)단순히 지키기만 해서는 최적의 경험을(최상의 경험x) 누릴 수 없다.
'가이드는 가이드 일뿐
 
최신기술이라고 해서 다 좋을 수는 없다.
(기술력 자랑이 아님. 최적의 조건 형성에 의미 있음.)
 
위 에서 완성된 정답은 없지만. 사용자가 정답이다.
(기업의 Needs, 개발자, 혹은 임원의 Needs가 아닌 고객의 Needs)
 
직관, 적절한 피드백
최근의 동적인 요소가 가미된 서비스에 위의 두가지가 더해지면 좋지 않을까?
 
인터랙션 디자인 시 고려해야할 점.
context, content, user
상황, 내용(기능), 사용자
IA 3요소 (circle)
 
-프로토타입(시안)
아이디어 구체화 및 검증에서 사용할 수 있고,
신속 정적 -> 동적인 예를 들어본다는 것에서 이전의 ‘시안’ 제작과 다르다.
사용성 검증에 대한 내용이 동적인 내용이 추가됨에 따라 프로토타이핑을 해보지 않으면 적용해 보기 어렵다. 그래서 프로토타입을 제작하여 사용성 테스트를 진행하는 것으로 자리 잡혀가고 있다.
 
컨텍스트 이퀄은 사용자에게 계속 해서 물어보는 것이다.
(귀찮더라도 이래야 한다!)
 
-사용자 시나리오
베스트 케이스
머스트 케이스
 
'시나리오를 쓰면, 내면의 경험을 간접경험을 할 수 있다.
사용자의 숨은 욕구를 찾을 수 있다.'
프로파일, 퍼소나에 대한 내용을 적용할 수 있다.
사용자에 더욱 근접하여 볼 수 있는 기회.
 
네이트온 쪽지 - 대화창 : 대화창을 열면 대답이 없을 경우 기다리게 된다.
(세대별 사용 패턴이 다른 것도 파악해야 한다.)
 
-사용자 테스트는
불확실함의 확실화, 숨겨진 문제점, 사용자 니즈 찾기에 용이하다.
예) 검색 결과에 대한 디자인 테스트를 하려고 한다.
그러나 UT에서 대상의 '목적'이 테스트 내용과 관련이 없다면 '집중할 수 없다.(!! 중요)
 
-웹 서베이
의견 일치를 위해 의견을 종합하기 위해서 사용할 수 있다.
(그러나 이전의 테스트 질문지를 활용해서 목적 없이 재활용 될 뿐이라면 UT의 의미가 없다.
목적에 맞게 필요 없다면 넣고, 빼는 것에 대한 테스트 프로세스의 유동적인 면을 갖춰야 한다.)
 
유저 인터뷰 시 질문은 구체적으로 해야 한다.
(먼저 넓은 기준에서 좁은 질문 형태로 진입 해야 한다.)
 
-파이널 테스트: 실험설계 후 UT를 마친 후에라도 내부인원으로 한번 더 테스트 한다.
 
많은 사람들이 UT리포팅에 부담감을 가지고 있는데, 미리 UT목적에 따른 결과 보고서를 예상하면서  UT를 진행하면, 결과값 도출에 대한 어려움을 덜 수 있다.
 
디자인의 중심은 나도 아닌, 너도 아닌. 바로 사용자.
내가 하는 일의 목표는 사용자로 하여금 최적의 경험을 주는 것 이다.

주택청약 탈락, 그리고 들어가기 어려운 SH공사 홈페이지(의견 반영 되었습니다.)

아이코, 오늘 확인해 보니 내심 기대하며 신청했던 주택청약에 탈락했다.
주택 청약에 당첨되면 한동안 집 걱정은 하지 않을 수 있을까 했는데, 역시나 입맛만 다시게 되었다.

그러고보니 언젠가 SH공사 홈페이지에 대한 이야기를 쓰리라 마음먹었던 것이 생각난다.
SH공사가 밀고있는 Shift[footnote]쉬프트는 '무엇을 바꾼다'는 뜻으로, 주택업계의 잘못된 관행을 바로 잡겠다는 민선4기 서울시 주택정책을 상징한다.[/footnote]와 키보드의 Shift를 연관지어 둔 것은 나름 재미있는 아이디어지만, 그렇다고 홈페이지까지 반드시 Shift를 눌러야만 들어가게 해야만 했나 싶다.

그 외 홈페이지 안으로 들어갈 수 있는 방법으로는 상세주소를 입력하거나 아래의 '휴대폰 접속하기'를 눌러야한다.
나는 IE유저가 아닌 파이어폭스 유저이지만, 휴대폰으로 접속하는 것은 더더욱 아니다.

!포스팅이 올라간지 얼마 지나지 않아 '휴대폰 접속하기'가 '접속하기'로 바뀌었네요.
제가 올린 포스팅때문인지는 확실하지 않지만 변화가 있는걸 확인하니 흐뭇하네요.
(그런데, 공공성이 짙은 홈페이지니 만큼 웹표준화를 적용하여 접근성에 대한 보장에도 힘써주시면 좋겠어요. ^^;)

우리 서비스에 맞는 UX프로세스, 방법론 제시

이제는 조심스럽게나마 사내에서 UX에 대한 의견을 함께 공유할 수 있는 여건이 되었지만, UX프로세스를 도입하면서 여기저기에서 터져나오던 불만을 기억해 보면 한숨이 절로 나기도 한다.

2009년의 계획을 세워보면서'우리 서비스'에 적합한 'UX프로세스, 방법론'을 제안해야하나 '우리 프로세스'에 적합한 '업무 개선안'을 마련해야하나 하는 고민을 해본다. 이것이 내가 '비전공자' 이기때문에 겪는 문제만은 아니리라 생각하지만 여전히 아쉬움이 남는다.

나는 과연 바르게 가고 있는 것 인가, 뒤돌아 보는 때가 많아진다.

[제9회 IT World Forum] UX개발 시작을 위한 체크리스트

삼성SDS 정보기술연구소의 최정아 박사님께서 발표하신 내용인데, 발표자료에는 없는 내용이어서 메모해 두었습니다.

1. 사용자를 위한 개발? 회사보유 기술과시를 위한 개발인가? ! 사용자가 우선
2. 우리 회사의 업무와 인력 구성에 맞는 UX개발 방법론이 있는가?
3. UI는 구현을 위해 짜증나는 복잡한 코딩을 감수할 준비가 되어 있는가? (하려면 처음부터! 감안하고 시작 해야한다. 나중에 도입하면 더 힘들다.)
4.신규 UI구현에 적용하기 위한 꾸준한 기술 리서치가 이루어지고 있는가?
5.개발시스템의 기능과 컨텐츠를 효율적으로 개발할 수 있는 개발툴이 무엇이고 그에 대한 준비가 되어있는가?
6.부분적이고 효과적인 접근으로 점차적인 확대를 노리자.(ex: 부분 플렉스화...)
7.영원한 베타라는 마인드를 가지고 있어야 한다.
8. 정답은 없다.

The Unifinishied Swan, 몰입을 이끌어내는 게임

UX팩토리에서 소개된 The Unfinishied Swan / Wii는 눈먼자들의 도시에서 언급된 백색실명과 흡사하다.  아래의 데모로 눈먼자들의 도시의 주인공이 잃어버린 시야를 청각과 촉각 등을 사용해 대체하는 과정에서 느끼던 공포와 긴장의 한걸음을 생생하게 접해 볼 수 있다.

The Unfinished Swan - Tech Demo 9/2008

어째서 몰입할 수 밖에 없는지 살펴보자.

그다지 화려하지도, 않으면서 유저로 하여금 긴장감과 몰입을 하게 하는 이유는 지난 인터랙티브 세미나에서 슈가큐브의 박기영 대표님이 발표한 몰입의 요소가 잘 녹아있기 때문이 아닌가 싶다. 게다가 이런 경험을 곧 게임으로 만날 수 있을 것이라 생각하니 정말이지 기대되는 게임이다.(물론, 아직 플레이를 해본 것은 아니니 법칙에 맞는지는 예상만 할뿐이다.)

아래 같이 몰입을 잘 유도한 게임이니 발매되면 한번 몰입해줘도 되지 않나 싶다. 아니 몰입하고 싶다. ^^;

1. 일반적으로 경험하기 어려운 정황적 특별함을 갖추고 있고(Unique)
   
2. 구체를 쏴 시야를 확보하고, 길을 따라가는 것 외에 선택의 폭이 좁고 간결해서 이해하기 쉽고,(Easy to understand)
   
3. 보이지 않음으로 생기는 중압감과 공포감을 해소하는 과정에서 생기는 성취도 역시 매력적이며(attractive)
   
4. 쉽사리 성취하기 어렵기도 하다.(Challenge)
   

[목표가 뚜렷할 수록, 장애물이 더욱 위압적일수록, 드라마는 더욱 위대해 진다.]

[NHN DeView 2008] 미투데이와 함께한 NHN 데뷰, 내용도 참했어요. :)

오늘 있었던 NHN DeView 2008 정말 재미있었어요.

'새로운 눈으로, 마음을 열고, 내일을 상상 합니다.'라는 슬로건 처럼 진취적이고 열정이 있는분들과 공유할 수 있었던 자리였다고 생각해요.

저는 관심을 가지고 있던 내용 들이 각 트랙에 분산되어있어서 옮겨다녔는데요. 그중에서도 C트랙과, B트랙의 내용에 기대를 가지고 있었던 터라 아래처럼 정리해 봤답니다.

[NHN DeView 2008 C] 한게임 웹서비스 개발 솔루션, XMAS / NHN 게임개발센터 문규동
[NHN DeView 2008 B] 사례로 살펴보는 NHN의 사용자 경험 디자인 / 네이버 UXD센터 이윤희

물론, 컨퍼런스의 발표 자료가 공유된다면 이보다 더 보기쉽고, 이해하기 쉽겠지만, 혹시 어떤이야기가 있었나 궁금하신 분들은 살펴보시는 것도 좋을 것 같아요.

더보기

그리고 미투데이 덕분에 쉬는 시간도 즐거웠답니다.쉬는 시간에 미투데이를 통해 데뷰에 참여한 분들의 이야기를 볼 수 있었구요, 그곳에서 '요가선생님 이뻐요~'라는 이야기도 나와서 '갑자기 무슨 요가선생님 이야기지?'라고 생각했었는데, 다음 세션 끝나고 요가선생님이 들어오셔서 뭉친 근육 풀어주는 스트레칭도 알려주시더라구요.

장시간 앉아서 가라앉은 분위기를 활기차게 만들어 주셨답니다. 알려주신 것들 회사에서 일하다가도 써먹을 수 있을 것 같아 좋았어요. 요가 선생님 고마워요!

!그런데 아쉬운 점이 있다면, 스마트 에디터 세션에서는 기본적으로 여러 브라우저를 지원(FF, Safari, Chrome, IE 등..)한다고 하셨는데, Mac OS X에 대한 이야기는 없으시더라구요. 그 내용을 들으면서 이번 컨퍼런스에 참석 하기 전에 네이버 블로그를 Mac OS X의 FF, Safari로 이용했을 때 1분여간 멈춰버리는 현상 에 대해 글을 썼던 것이 생각 났거든요.

게다가 제가 정리 한 글을 UI Study까페에도 빨리 보여드리려고 까페에 글을 쓰려고 하는데, 글쓰기 버튼이 잠깐 나왔다가 스마트 에디터 스크립트가 로드 완료 되면 없어지더라구요. 행사 현장에서는 계속 그랬었는데 집에 와서 보니 그런 현상이 없어졌네요. 네트워크 속도가 문제였거나, 이미 고쳐셨을 수도 있겠어요. (혹시, 고치신게 아니라면 확인해 주시면 좋겠어요.)

오늘 DeView에서 활약해 주신 분들! 앞으로도 힘내주세요!

점심으로 제공된 샌드위치 셋트!

[NHN DeView 2008 B] 사례로 살펴보는 NHN의 사용자 경험 디자인 / 네이버 UXD센터 이윤희

실제 사례를 통해 UX를 설명해 주셨는데 머리에 쏙쏙 들어왔고, 많은 도움이 되었던 것 같아요.
시간이 길지 않아 급히 마무리 하셨던 것 같아요.

About UX

UX Design의 기본 철학: 유저 중심의 디자인 프로세스(User Centered Design Process)
innovate - Understand Users(research) - Define Interaction(use cases) - Design UI(prototye) - Development

!유저중심의 디자인을 수행하기 위해 각 단계별로 다양한 종류의 연구방법이 존재한다.

1974년에 생겨남. 최초는 HCI(Human Computer Interaction)분야중심의 개념 이었다.
1993 미국의 저명한 심리학자 도널드 도먼이 개념 전파
2008 IT기업 중에서 UX조직을 두는 회사가 증가, 분야의 리더 기업들이 타사보다 빠르게 UX분야를 발전시키고 있다.

NHN의 UX

Understanding Users : User Research, User Modeling, User Validation
User Interface Modeling, Design UI : UX/UI Modeling
Validation by user : User test
완성도를 검토해보는 과정
before - UX design - to be

1차 개발완료 >  유저 테스트 진행 > 결과반영 > 서비스 업그레이드

사례1 : 네이버 메인 개편

자세히보기

user research 진행

in-house User Research

Field Research
eye Tracking Research
Observation

아이트래킹
2006년:네이버 메인페이지 아이트래킹을 통해 중앙 영역을 응시할 경우 이미지 의존도 높음.
2008년:이전과 비교하여 중앙컨텐츠의 이용이 많아졌고, 텍스트에 대한 응시가 많아짐. 중앙컨텐츠에 대한 인식이 바뀌었다.(재미있고 유익한 정보로 인식!)
!로그인 아래 영역은 Blind Area 임.

시간 흐름에 따른 응시 변화 체크 : 로딩후 1,3, 10~
로그인 시 응시 패턴 : 로그인 영역에 대한 사용자 멘탈모델은 좌측 상단이지만 로그인의 배치보다 영역 노출이 로그인 영역 탐색에 더 큰 영향을 미친다. 때문에 로그인의 위치를 옮겨도 상관이 없다고 한다.

사례2:네이버 메일 서비스

자세히 보기

(사용자의 메일 사용 행태 및 사용시나리오 확인)
!User Research 진행>시사점(insight)도출
지인과의 커뮤니케이션이 주 목적인 전통적 유저와 비교해서 새로운 기능에 대한 어드밴스 유저, 이동식 디스클처럼 사용하는 유저 각종 정보수집이 목적인 유저의 비중이 높아졌다. 이로서 핵심 유저 타입에 대한 Persona를 도출.

사용자의 이용행태 변화:
전통유저에서 변화되는 유저들의 이용행태

->고급유저/이동디스크유형사용유저/정보수집 목적 유저

사례3: 한게임 구매/결제 프로세스 개선

자세히보기

한게임 구매 결제 프로세스 개선 : 한게임 매출이 지속적으로 증가하면서 개선이 필요함.

사용자 리서치 > 상세기획 진행 > 상세 UI설계 진행 > 구현및 QA 진행

!사용자가 태스크에 몰입할 수 있도록 UI방해요소를 최소화함.
(진행단계축소 - 불필요하게 분리되어있는 단계들을 통합하여 프로세스를 축소함)
!태스크에 집중할 수 있는 화면
(텍스트로 텍스트로 주어지던 가이드를 가장 '중요한 내용을 부각' 하여 단순화 했음)

네이버 메일 User Test
메일서비스 1차 개발완료 > 유저테스트 > 결과반영 > 네이버 메일 클로즈 베타 > 현재 업그레이드 중

[NHN DeView 2008 C] 한게임 웹서비스 개발 솔루션, XMAS / NHN 게임개발센터 문규동

첫 세션으로 트랙 A의 XMAS에 대한 이야기를 들었답니다.
오픈소스로 공개할 의사가 있냐고 질문이 나왔었는데 그렇게 된다면 얼마나 좋을까요?

게임 웹 개발은?

게임별 독립웹 웹사이트

유사한 기능을 반복하여 개발하는 경우가 많다.

!스키드러시 - 반지의 제왕 - 몬스터헌터 프론티어 온라인

기능의 모듈화, 표준화
유사하지만 조금씩 다른 기능이다. 이를 수정하고자 할때 기능별로 세분화 하여 기능의 모듈화, 표준화 한다면 코드 중복 개발을 막을 수 있다.

기능모듈을 관리하는 툴도 제공
개발자가 필요한 기능을 선택하면 설치도 해주고 서비스 설정도 해줄 수 있음.
동일한 기능을 쓰는 곳에 변경된 모듈 내용을 알려주자.

XMAS 들여다 보기

모듈 개발과 서비스 개발 분리
게임 웹 개발에 사용되는 기능을 모듈로 제공
모듈개발에 대한 표준 제공
모듈을 게임 웹에 복사하고, 설정을 변경하는 툴 제공
다국어 지원, 다양한 개발환경에  적용(Lucy)

!XMAS Repository : XMAS Wizard Plugin 형태 / 이클립스
각국의 개발자  - XMAS Repository - 요구되는 개발환경

!유지보수, 추가, 업그레이드
설치된 모듈의 업데이트 알림
업데이트기능, 설정변경 기능
사이트에서 수정된 파일 Merge기능
신규모듈 추가

!모듈의 공유, 기능 추가 피드백
글로벌 환경에서 XMAS모듈 활용
모듈에 대한 수정요청 및 적용
(내부에서의 '오픈소스'화라고 생각할수도..)

!예) 플래시, CMS관리 모듈에도  적용할 수 있다.

캐쥬얼 프로젝트 -> 모듈설치 -> 사이트 확인

점심 식사로 제공된 샌드위치

Mac OS X - 네이버에게 버림받은 소수사용자 이야기

고래돌이님이 쓰신 네이버에게 버림받은 소수 사용자 에 대한 이야기 입니다.

얼마전부터 Mac OS X를 이용해서 네이버 서비스를 이용하다가 바람개비가 미친듯이 도는 현상을 보게되었습니다. 페이지를 열게되면 1분쯤을 기다리게 되는 것이죠. 저는 파이어폭스가 업데이트 되었던게 생각나서 '원래는 잘되었는데 잘 고치고 있겠거니' 했었는데 그게 아니라고 합니다.

UI Study 모임중에도 이런 현상이 일어 났었습니다. 그래도 위같은 생각에 어물쩡 넘어갔습니다. 이런 제 반응은 우리나라 대표 포털들 중 하나인 네이버를 믿고 있었기에 그런 생각을 했던 것 같습니다. 그러나 믿고 있었던 네이버의 대처는 적절하지 못 했다고 생각합니다.

우리는 맥 OS 환경을 지원하지 않는다. / Duesseldorf 님의 블로그 포스팅
(고객센터 답신 원문:네이버 블로그에서는 문의주신 환경을 공식적으로 지원하지 않고 있으며...)

맥에서 네이버 블로그 접속시 브라우저 먹통 현상 해결법 / 예인의 애플이야기

왜 그렇게 생각하는지 알아보기

네이버는 기본적으로 아래와 같이 단계별 크로스브라우징을 하고 있는 것으로 알고 있습니다.
(지금은 제가 알고 있는 내용보다 더 세분화 되었을 수도 있겠네요.)

일반유저/파워유저1/파워유저2/저사양

저는 이러한 분류가 UI개발시 크로스 브라우징에 대한 업무를 정형화 시켜 더 효율적으로 프로세스가 진행 될 수 있으리라는 생각을 했습니다. 그래서 제가 속한 회사에서도 제안하여 현재는 업무 협의서에서도 기준으로 쓰이고 있습니다.

그러나 사내에서 업무효율이 좋다고 해서 사용자에게 효율이 좋은 것도 아니며, 최악의 경우 사용자를 분노하게 할 수 도 있습니다. Duesseldorf님의 글에서는 '공식적으로'라는 내용이 빠졌지만, 사용자들에게 공식적으로 지원하지 않는 것이라는 이야기는 '지원하지 않는다.'라고 받아들여질 수 있다고 생각됩니다.

게다가 사용자가 알지 못하는 '내부적인 룰'을 두고 이렇다 저렇다. 말하고 있습니다. (메일 내용에서는 어디서부터 어디까지만 공식지원 하고 있다. 라고 덧붙여 놨으니 그 반감이 더 컷으리라 짐작됩니다.)

"소프트웨어 누가 이렇게 개떡같이 만든거야"에서 언급된 '오류 메시지'에 대한 내용이 생각나네요.
(요건 다시 다루도록 할게요.)

소프트웨어 누가 이렇게 개떡같이 만든 거야 지은이 데이비드 S. 플랫

상세보기

경력관리를 위한 추천 글

권대리님 블로그의 '스카웃제의는 한번으로 끝나지 않는다'는 글에 답글을 달다가 내용이 다소 길어지게 되어 포스팅을 하게되었어요. 얼마전에 dobiho님의 블로그에서 '이직시 따라올 사람이 있는가?'라는 포스팅을 읽었던게 생각났거든요.

권대리님의 글에서 다루어진 내용과는 달리 '리더쉽'에 대한 이야기 를 포스팅 하셨지만, 글 내용 중에서도 '나는 그러한 제안을누구한테 몇번 받았을까?'라는 질문이 있었어요. 리더의 입장에서, 그리고 구성원의 입장에서 다시금 생각해 볼 수 있는 좋은기회였습니다.

이런 글들을 사회 초년생일 때 부터 보았더라면 지금보다 저도 조금 더 멋진 인재가 되었지 않을까요?
스카웃 제의를 받고 고민 중 이시거나 경력관리에 관심을 기울이시고 계신 분들께 위 글들을 추천합니다.

저는 이렇게 생각했어요.

마침 'UX디자이너가 접한 건축가가 되는 길'에서 소개된 책에서도 건축가에게는 사람들 끌어들이는 카리스마가 필요하고, 리더쉽 역시 도움이 된다는 대목이 있었어요. 다른 직종도 그러하겠지만, 여러 부서간의 협력체제가 필수적인 UX디자이너는 기본적으로 함께 일하고 싶은 사람이 먼저 되어야한다고 생각해요. 물론 카리스마와 리더쉽 그 외 다른 능력들을 포함해서 말이죠.

프로젝트 회고만  할 것이 아니라. '나는 함께 일하고 싶은 사람이었는지', 그리고 '서툰 판단과 결정을 해오지는 않았는지'에 대해 회고 해 봅니다.

ADOBE FLEX 브랜드 통폐합으로 야기 될 수 있는 소통의 오류

'Flex가 역사속으로 사라진다'는 글을 희덕님 블로그에서 확인했습니다. 미국에서 어도비MAX를 관람중이신 열이아빠님으로 부터 전해진 소식이라는 군요. 정말이지 깜짝 놀랄 소식이어서 급히 포스팅을 읽어내려가보니 사라지는 것이 아니고 통합되는 것이더군요.

희덕님의 글을 빌려오자면 아래와 같습니다.

라이언 스튜어트의 글에 의하면, 그간 Flash, Flex등으로 흩어진 RIA 개발툴을 하나의 Flash플랫폼으로 통합하며, 추후 빌더나, Flex관련 제품군에 브랜딩네임으로 사용하지 않고, Thermo라는 코드네임으로 불리어졌던 툴은 Flash Catalyst라는 새로운 브랜드네임으로 출시되게됩니다.

그런데, 희덕님이 포스팅 하신 내용에서 처럼 브랜드 네임이 통폐합되는 데에서 오는 혼란을 어떻게 막을 수 있을지 걱정됩니다.

걱정하고 있는 내용 자세히 보기

당장 제가 속한 회사만 하더라도 8월경, FLEX관련 프로젝트를 진하던 때에 Flash와 Flash를 구분하지 못하여 생기는 Gap으로 인해 커뮤니케이션에 어려움을 겪었던 경험이 있거든요. 그래서 다음에 있을 수고를 덜고자 Flash 와 Flex의 차이점을 살짝 거론하고 향후 사내에서 제작되는 RIA프로젝트에서 Flash 와 Flex를 구분하여 이야기 하자는 메일을 '프로젝트에 관련된 모든 사람들'에게 전달하기도 했습니다. 물론, 최근에는 업무협력체계에서의 소통의 오류를 최소화 하고자 UI개발에 필요한 개발용어집을 정리하는 과정에서 이러한 내용이 반영되기도 했고요.

만일, 통폐합되는 과정에서 어도비의 FLEX 브랜드네임은 없어지겠지만, 관련 종사자들은 여전히 Flash와 Flex를 의식적으로 구분하여 부르지 않을까 하는 생각입니다.

이런 최근의 근황을 앞두고 플렉스(3.2, 빌더3.02)와 AIR(1.5)의 업데이트 소식도 들려오는 군요.

저도 조금 전에 설치해 봤는데, 스크린샷을 찍는걸 깜빡했네요. 설치 후 응용프로그램에 추가된 파일정보 스크린샷을 올려봅니다. ^^;

개인적으로 FLEX에 애착을 가지고 있고, 현재도 FLEX AIR를 사용해 몇가지 프로그램들을 만들어 보면서 재미를 느끼는 가운데 FLEX를 FLEX라 부르지 않게 된다니 기분이 묘하네요.

마치 홍길동이 된 느낌?

맥북 소리 조절에 대한 팁

동영상을 보다가 소리를 조절할 때 소실 조절 간격이 너무 커서 불편했어요. 아주아주 작게 들리게 하고 싶었는데, 그냥 소리가 음소거로 되어버리더라구요.

그런데 오늘 '맥북을 쓰는 사람들'의 글을 쭉 둘러보다가 '볼륨세밀조절방법' 이란 팁을 알게되었어요.
방법은 다음과 같습니다.

볼륨 세밀하게 조정하기: shift + alt + 볼륨조절키
볼륨 조정 소리 없게 조절하기(뿅뿅!): shift + 볼륨조절키

볼륨 조절시 하얀색 블럭에서 다시 4단계로 나누어서 조절 할 수가 있네요. 아주 작은 소리로도 설정가능하고, 볼륨 조정 소리를 조정하면서 영화에 대한 몰입도를 해치지 않을 수도 있는 좋은 팁을 얻게 되었습니다.

혹시, 저만 몰랐나요? ^^;

UX디자이너가 접한 건축가가 되는 길

건축가가 되는 길 카테고리 기술/공학 지은이 ROGER K. LEWIS (국제, 2008년) 상세보기

저는 UX에 대한 관심에서 부터 뻗어나가 관계된 여러 분야의 서적을 구입해 읽고 있습니다.
이러한 방법이 다소 제한 적일 수 있는 경험적 기반을 보충 하여 인사이트를 확장하는데 유용하다고 생각하고 있기 때문입니다.

건축가가 되는 길이란 책을 구입하게 된 것은 UI Study에서 5월에 '사용자를 생각하는 건축가'라는 주제로 스터디를 진행하게 되었던 것이 계기였다고 기억되네요.

내용 자세히 보기

이 책은 아래와 같이 3장으로 구성되어있는데 '건축지망생과 건축학부생의 필독서'라거나 'MIT공대 필독 도서'라고 써있는 것을 보고있으면 겉 표지서부터 그 내용이 사뭇 진지한 기운이 감도는 것 같습니다.

1. 건축가가 될 것인가 말 것인가?
1. 건축가가 꼭 되어야하는 이유?
2. 건축가가 되어서는 안되는 이유
2. 건축가가 되기 위한 과정
1. 건축교육의 구조
2. 건축학교 경험하기
3. 교수들과 그들이 교육하는 것
4. 건축학교: 선택과 입헉허가 받기
5. 학교를 마친 이후는?
3. 건축가가 되고난 후의 일들
1. 건축 과정과 건축가의 역할
2. 건축가들이 일하는 방법
3. 건축가가 일을 얻는 방법
4. 건축가의 고용주들
5. 건축가로서의 우리

건축가 입문시 선배로서의 충고와 격려 그리고 건축가로서 긍지를 지니며 살아남는 방법들이 비 전공자가 보기에도 이해할 수 있을만큼 세심한 배려와 함께 간결히 담겨 있습니다.

이 책을 읽으면서 '건축가가 되는 길'처럼 'UX디자이너가 되는 길'이라는 입문서 및 필독서가 있으면 좋겠다는 생각이 들기도 했지요. (물론, UX팩토리의 황리건님이 UX를 개선하기 위한 가이드라인을 잘 정리해 주셨습니다. 그러나 누구든지 이 책을 한번 보시면 저와 같은 이야기를 하게 되리라 확신합니다. 절대로!)

'건축과 UX디자인의 비교'라는 주제로 세심히 다뤄보고 싶어서 아껴두고 있었는데 이렇게 라도 풀어놓지 않으면 시작을 하기 어려울 것 같아 일단 책부터 소개하게 되었네요.

혹시 UX와 관련된 업무를 하고 계시거나 앞으로 UX에 대해 더 알고 싶으시다면 한번쯤 읽어 보시는 것도 도움이 되리라 생각합니다.(물론, 건축지망, 학부생에게도!)

방문자 급증의 원인은 '내 집 마련에 대한 네티즌의 관심'

어제, 방문자 수가 352를 기록했습니다.
이것이 검색 봇으로 인한 뻥튀기 수치이건, 실제 수치건 간에 방문자가 급증한 것은 확실 한 것 같습니다.

'왜 갑자기 내 블로그에 방문자가 급증할까?'라는 생각으로 유입검색어를 보게 되었는데 문득 못보던 검색어가 보였어요. 바로 'SH공사홈페이지', '주택공사홈페이지'가 나란히 2,3등에 불쑥!!

유입검색어와 관련한 엄청나게 유용한 정보를 제공을 한 것도 아니고 개인적인 근황과 함께 주택공사 홈페이지에 대한 이야기를 살짝 꺼낸걸로도 이렇게나 급증하다니.. 역시나 내 집 마련에 대한 관심은 저 뿐만이 아니라 전 국민의 관심사라고 해도 과언이 아닌 것 같습니다.(설마 홈페이지 '링크'만으로도 유용한 정보가 된다면야.. 헛헛)

갱신될 00:00까지 기다렸다가 자축기념으로 한방 ^^!

드림스파크(DreamSpark) : 최신 IT 소프트웨어를 대학생 여러분에게 무료로 드립니다.

마이크로소프트에서 드림스파크(DreamSpark)라는 멋진 행사를 하네요.
간략히 소개하자면, 아래와 같습니다. 어떻게.. 저도 안될까요.
대학생 여러분 화이팅~

소프트웨어가 없어서 글로벌 IT 인재가 되기 어렵다는 말은 이제 그만!!
- 대학생 여러분에게 꿈을 이루기 위한 최신 소프트웨어 무료제공(Visual Studio 2008, Expression Studio2, SQL Server 2008, Windows Server 2008 등)
- 국내 개발자 커뮤니티 및 IT 관련 커뮤니티와 함께 진행, 커뮤니티에서 활동하는 협업 전문가 여러분과의 만남 및 조언
-온라인 Seal달기 캠페인으로 우리나라 모든 이공계 대학생들의 꿈에 불꽃 피우기

조금 더 자세히 보시고자 한다면,

[드림스파크 소개 페이지]
[드림스파크 다운로드 받기]

 

실무에서 진행해 본 애자일 회고 이야기

제가 참여한 프로젝트가 우리 부서에서 완료되어 타부서에 이관될 무렵이었습니다.

새롭게 개선되는 업무협력프로세스에 대한 공유가 덜 되어있었고, 각 부서의 담당자 조정이 있었기 때문에 프로젝트 진행에 어려움이 많았었던지라 이번 프로젝트의 경험에서 개선점을 찾기위해  [ㅇㅇ프로젝트 참여자들의 의견교류의 장]이라는 이름으로 모임을 갖게 되었죠.

하지만 막상 모임을 가진다고 생각하니 좋게 풀리면 다행이지만, 잘못하다가는 개선점을 찾으려다 서로의 잘못을 지적하고 자신의 책임을 회피하는 자리로 변하게 되어 감정만 더 상하지 않을까 하는 생각이 들었습니다. 그런데 문득 제가 읽었던 애자일 시리즈 중 [애자일 회고:최고의 팀을 만드는 애자일 기법]이 생각났습니다.

애자일 회고 카테고리 컴퓨터/IT 지은이 에스더 더비 (인사이트, 2008년) 상세보기

UX업무와 같이 평소 다른 부서와의 협력이 잦은 에 적용하면 참 좋겠다 싶었는데, 이번에 간소하게나마 이번 모임에 적용해 봤습니다.

어떻게 적용했었는지 살펴보기

저는 먼저 참고하여 진행할 수 있는 스크립트를 맨 아래와 내용과 같이 만들었습니다.
물론, 기존의 방식과 혼합하여 진행한 탓에 아래의 스크립트가 완벽하게 진행되지는 않았지만 회의 전에는 어색했던 분위기가 회의후에는 훨씬 완화되었고, 현재는 이어지는 프로젝트에서 다시만나 즐겁게 프로젝트를 진행하게 되었죠.

적지 않은 문제점들의 근본적인 요인이 소통의 부재였었던 만큼 회고를 진행하는 과정에서 서로에 대한 오해를 풀 수 있게되었습니다. 또, 회고록을 작성하여 나누어 보면서 우리는 자신을 돌아볼 수 있는 계기와 앞으로의 개선방향을 짚어낼 수 있었죠.(물론, 기분 좋게! 말이죠.) 지금은 같은 팀이라고 믿을 수 없을 만큼 순항을 거듭하고 있답니다.

혹시 새로 짜여진 팀이나, 기존의 팀이 삐걱거린다면, 이 책을 읽고 한번 도전해 보심은 어떨까요?

ㅇㅇ프로젝트가 완료되어 ㅇㅇ부서로 이관되었습니다.
지금은 우리가 수행한 프로젝트에 대해 어떤 것을 느꼈는지 알아보는 시간입니다.

우선적으로 부서간 의사소통과 조정을 개선하는데에 초점이 맞춰져야할 것이며,
지난 프로젝트기간 있었던 일들을 다시한번 생각해 볼 수 있는 자리가 되었으면 합니다.

-회고시간동안 아래의 항목을 인식하고 있어야 합니다.

집중하지 말 것	집중할 것
주장(advocacy)	질문(inquiry)
논쟁(debate)	대화(dialogue)
논증(argument)	의사소통(conversation)
방어(defending)	이해(understanding)

[이야기할 내용]

- 이번 회고에서 이야기했으면 하는 주제 3~5개
- 이번 회고를 통해 자신이/우리가 얻을 수 있는 가치
- 이번 프로젝트에서 자신이 수행한 일 중 가장 열정적이었거나, 가장 즐거웠던 일. 그리고 그 이유
- 우리의 실무가 개선될 수 있는 방법
- 프로젝트 수행에서 잘 되었던 부분
- 이 프로젝트에 대한 만족도

[마치며]

- 개발프로세스 이관 후의 오류시 대처 방안
- 이후 프로세스에서 공유해야할 내용
- 이관된 작업물의 완료 일정 공유

시작 페이지 추천 : CSS Cheat Sheet

어떤 내용을 숙지하기 위해 포스트잇 혹은 메모형식으로 주변에 붙여놓는 분들이 있죠.

그러나 양이 늘어나면 포스트잇 으로는 해결하지 못하는 애로사항이 있었어요.
제가 있는 사무실은 자리가 개방되어 있기 때문에 많은 벽을 이용하지 못하기도 하고요.

업무 특성상 웹표준화/웹접근성 업무에 대한 이해도 필요하고, 팀의 규모가 그다지 크지 않기 때문에 실무에 투입될 때도 있어요. 그래서 기본기를 더욱 다지자는 생각으로 지난 여름부터 lesliefranke의 CSS Cheat Sheet를 시작페이지로 설정 했답니다.

평상시 기억해둬야하는 유용한 정보를 확인할 수 있는 페이지, 어디 또 없을까요?
이렇게 지정해 두니 실무적으로도 도움이 되었던것 같네요.

[제9회 IT World Forum] UX 기술 동향 및 웹사이트 평가 방법론

UI Study의 열매짱(박경오)님이 UX 기술 동향 및 웹사이트 평가 방법론에대한 포럼 정보를 공유해 주셨어요.
제가 있는 곳이 삼성 SDS 바로 옆건물이라서 너무너무 좋네요. 일단 신청 완료 했습니다!
(게다가 무료! 무료! 랍니다. 선착순 200명)

관심있으신분들은 신청하시고, 포럼이 끝난 후에는 이야기도 나눴으면 좋겠습니다.

더보기

눈먼자들의 도시를 통해 본 웹접근성

눈을 떠도 감은 것만 같이 아무 것도 보이지 않았던 시골의 밤. 처음엔 단지 시야가 확보되지 않아 답답한 마음이 들었습니다. 눈을 꿈뻑이다가 내가 눈을 뜨거나 감아도 보이는 것에는 그다지 큰 차이가 없다는 것을 알았죠. 그리고 몸을 뒤척이며 시간을 보내다가 혹시 나홀로 시야를 확보하지 못해 헤메고 있는 것은 아닌지 두려워졌습니다.

눈먼 자들의 도시 카테고리 소설 지은이 주제 사라마구 (해냄출판사, 2002년) 상세보기

지금 생각해보면, 눈먼자들의 도시와 비슷한 상상, 혹은 망상을 했었는지도 모르겠습니다.

그 이야기는 이렇다 할 이유도 없이 '백색 실명'이 번지게 되고 급기야는 모든 인류에게 전염되어 버리는 것으로 시작됩니다.

눈먼 자들의 도시의 내용 중에서 백색실명이 전 인류에게 퍼지기 전, 전염성이 강한 '질병'으로 판단해 많은 사람들을 수용소에 가둬놓는 내용이 있습니다. 수용소는 금새 원초적인 본능이 지배하는 아수라장이 되었고, 본래부터 눈이 성치 않았던 사람은 수용소에 들어가 다른 이들보다 상대적으로 경험적 우위를 차지하고 있을 수 있었죠. 그런데 모두가 시야의 확보가 어려웠던 때에 그가 수용소에 섞여 들어간 것이 심상치 않아 보입니다.

자기 한 몸 건사하기도 어려운 상황. 그러나 실명에 대한 경험적 우위로 상대적으로 유리한 위치에서 공동의 이익보다는 개인의 편익과 안전을 위해 강자의 편에 설 수 있었습니다. 그가 나서서 자신의 경험적 지식을 나누는 시도를 했더라면 참으로 아름다운 일이었겠지만 그렇다고 그의 행동을 비난할 수는 없었습니다.

현실에서의 정보 접근성 차이는 더욱 크게 존재 합니다.
소설 속의 상황이 바로 앞의 일도 예측할 수 없었던 때를 그리고 있었기 때문에 그러한 희생정신을 발휘하기는 어려운 상황이었을 것이라는 말이 아닙니다. 바로 우리가 현실에서 그들에게 자행하고 있는 일입니다. 소설속에서는 단 한명이었지만, 대다수의 사람들이 눈앞의 이익을 위해 그들을 위한 작은 배려마저 외면하고 있는 것이 바로 우리의 현실입니다.

(추가)그러나 이 소설의 주인공은 자신이 눈을 뜨고 있었지만 그들과 어울려 자신 외의 다른 모든 사람들을 이해하려 노력하고, 또 희생하는 모습으로 희망을 지켜갑니다.

그렇다면 IT업계에서는 무슨일이 일어나고 있을까요?
근래 들어 '웹접근성'의 중요성이 부각되어지고 있습니다. 제가 현 직장에 들어와 처음으로 맡은 프로젝트 역시 사내에서 통용될 웹표준가이드의 웹접근성을 정의하고 그 기준안을 제시 하는 것이었습니다. 그 과정에서 국내, 외에서 웹접근성과 웹표준화를 외치고 계시는 분들을 알게(물론 혼자만...) 되었습니다.

해외에서의 W3C/WAI는 물론 국내에서도 웹접근성의 표준인 KWCAG 1.0을 제시하고 있습니다. 정보통신 접근성 향상 표준화 포럼을 지켜보고 있자면 민간기업의 참여 역시 꾸준 합니다. 이러한 현상은 장애인 차별법/웹접근성 차별 진정사례 등 법적인 구속력으로 인해 바뀌어야 했을 수도 있습니다. 그러나 저는 관련 종사자들의  노력 덕분에 웹 접근성이 사회적인 이슈가 되기도 하여 지금 처럼 웹접근성 향상을 위한 관심이 끊이지 않고 있다고 봅니다.

Save the Accessibility,
Save the world!
저는 이 분들이 바로 세계를 구할 진정한 영웅들이라고 생각합니다.

조만간 실제로 영웅들을 뵙고 싸인도 받고 싶네요.

싸인, 해주실거죠?

개인적으로 관련 프로젝트에서 큰 도움을 받았던 곳들을 소개합니다.

CSS Design Korea
나라디자인
NUL! : 널리 공유하는 웹표준화 가이드
하드코딩하는사람들
웹으로 떠나는 밀월여행. 이웃집 후니네 훔쳐보기!
W3Schools Online Web Tutorials
정보통신 접근성 향상 표준화 포럼
한국 정보문화 진흥원
KWAG

몰입의 의미, 몰입의 조건, 몰입의 법칙

인터랙티브 웹디자인 코어세미나 2008에서 슈가큐브의 박기영님이 발표하신 세션 중 '몰입'에 대한 이야기 입니다.
웹과 영상을 결합한 인터랙티브 스토리 텔링(interactive Storytelling Design)에서 굉장히 중요한 요소가 아닌가 싶습니다. 최적의 사용자 경험을 위해 이러한 조건 및 법칙을 적용해 보면 어떨까요.

[몰입]

정교하게 가공된 세계로 들어가도록 설계하고 꾸민 환상의 내용.
그 내용이 어떠한 것이든 간에 그 자체로 몹시 유쾌한 경험이 되도록 디자인되어야 한다. 이러한 경험을 '몰입'이라 한다.

- 몰입(immersion)은

1. Unique 특별해야하고
2. Easy to understand 이해하기 쉬워야하고
3. attractive 매우 매력적이며
4. Challenge 성취하기 어려운 것이어야 한다.
   

- 몰입(immersion)의 법칙

1. Step by Step단계를 주어라
2. Climax 기승전결을 통한 클라이막스를 이루어라
3. Suspense 긴장고조의 요소를 적절히 사용하라
4. Humor 유머를 잊지 말라
   

목표가 뚜렷할 수록, 장애물이 더욱 위압적일수록, 드라마는 더욱 위대해 진다.

[NHN DeView 2008] 컨퍼런스 참석 등록 완료 / 참가예정

저번 포스팅에서 [NHN Deview 2008]을 소개 했었죠.

많은 분들 역시 그러하겠지만, NHN Deview 2008을 기다리고 있는 사람들 중 한사람 입니다.
오늘 컨퍼런스 참석 등록 완료 메일이 도착했는데, 벌써부터 마음이 들뜨네요.

컨퍼런스 내용도 내용이지만, 다른 참여하시는 분들도 궁금합니다.
그럼, 22일에 뵙겠습니다. ^^!

참석 등록 완료 메일

UI Study 모임을 소개합니다.

저는 지난 3월부터 UI스터디라는 스터디 모임을 가져오고 있습니다.
이 스터디는 5day에서 시작하여 네이버 까페에 자리잡게 되었고, 2년여 기간동안 유지되어 왔답니다.

UI스터디 모임에서는 매 분기마다 자체적인 커리큘럼을 관리하여 전문서적 및 도움이 될만한 교양서적을 선정하고, 스터디를 진행하고 있습니다.(교양서적의 경우라고 하더라도 기본적으로 UI에 대한 학습을 하는 범주에서 벗어나지 않는편 입니다. 때에 따라서 UX와 같이 UI와 관계되는 여러분야의 주제가 선정되기도 합니다.)

최근에는 향후 진행할 총 5가지의 주제를 가지고 스터디를 진행할 예정으로 각 주제에 따라 1개월 ~ 3개월 정도 기간을 잡고 참여자를 모집하고 있습니다. (각 주제에 참여하지 않으시더라도 다른 주제에 참여하는데에 아무런 제약은 없습니다.) 정식참여자의 경우, 해당 주제에서 각자 발표할 내용을 배분하게 되고, 각 발표자는 일정에 맞게 주제 발표 및 토론을 진행하게 됩니다.

많은 관심 부탁드립니다.

혹, 참여하고 싶으신 분은 초기 멤버가 그랬던 것 처럼, 열정 하나만 가지고 오시면 됩니다.

UI 스터디 까페
UI 스터디의 기원

네이버 베타테스터 모집을 통해 본 서비스 캐즘현상 극복의 자세

네이버에서 가계부 서비스를 12월 19일에 오픈하기에 앞서 베타테스터를 모집하고 있습니다.
메일서비스 개편, 통합계좌 서비스에 이어 가계부 서비스를 준비하는 과정으로 볼때 서비스를 오픈하는데 있어서 일정한 '컨셉'이 있어 보입니다.

준비된 서비스를 하나하나 선보이면서 사용자의 반응을 살피고, 동일한 컨셉의 서비스들을 잇달이 오픈하여 사용자의 경험적 기반을 축적해 나가려는 의도가 매우 좋아보이는데, 사용자로 하여금 경험적 기반을 축적하게 해야하는 이유와 그 방법에는 무엇이 있을까요?

경험적 기반을 축적해야하는 이유, 그 방법 더 보기

지난 다음커뮤니케이션 UX센터 센터장 김미연님은 2008 UX ASIA 포럼에서 '국내 웹서비스 사용성의 캐즘현상과 향후 전망'에 대한 이야기를 하셨습니다.

바로 새로운 기술에 대한 불연속적 혁신을 받아들이는 태도의 차이가 이들 사이의 캐즘(단층 현상으로 만들어진 폭이 넓고 깊은 골, 대단절: 첨단기술 제품의 기술수용주기 상에 존재하는 초기시장과 주류시장 사이에 놓여있는 대단절)을 형성시킨다는 내용이었습니다. 또 선각수용자 or 선각자(Early Adopter or Visionary)와 전기다수수용자 or 실용주의자(Ealry Majority or Pragmatist)가 경험적 환경을 어떻게 확장시켜야 하는가에 대한 고민을 엿볼 수 있었던 기회였습니다.

이러한 캐즘 현상을 극복하기 위해 제시하여 주신 다섯가지를 정래해 보면 아래와 같습니다.

1. 새로운 사용성을 수용할 수 있는 특정 사용계층을 선택하라
2. 선택한 계층이 100%만족할 수 있는 사용성을 제공하라.
   
3. 구체적 가치를 주기 위해 집중 공략하라.
   
4. 특정사용계층을 확실한 우리편으로 만들어라.
   
5. 구전효과 연쇄반응을 노려라.

또 이러한 내용을 적용하기위한 방법론으로 페르소나 기법 / 짐중공략 / 타겟사용자 경험의 강화 등을 설명해 주셨습니다.(자세한 내용을 다루고 싶지만, 내용이 너무 길어지기 때문에 따로 포스팅 하도록 하겠습니다.)

덧붙여 제작태도에 대한 이야기에서 새로운 경험 축적을 통해 사용성 측면에서 과거와 연결된 경험을 중요시하고, 테스트와 검증에 의한 사용성결정을 하게되었다는 내용은 바로 이번 포스팅과 직결되는 내용이라고 생각됩니다.

나날이 발전해가는 신기술을 적용하여 기발하고, 새로운 접근으로 사용성을 향상시키려는 노력들이 '경험적인 한계치'를 벗어나 근본적인 혁신을 이루고 있습니다. 또 이에 대한 방법론적인 풀이 역시 점점 늘어나고 있습니다.

그러나 최근 대형 포털에서 보이고 있는 전략적 세분시장으로의 접근 자세와 같이 현재 주어진 사용자 경험을 통해 서비스 전략을 구성하고 경험적 연결고리를 이어주는 것도 최적의 UX를 구현하는데에 있어서 필요한 요소가 아닌가 생각합니다.

Mac OS X : 윈도우에서 사용했던 기능들 사용하기

저는 2008년 흰둥이 맥북 유저입니다. 이제 맥 사용자가 된지 5개월 정도가 되었죠.
Mac OS X와 부트캠프를 이용해서 윈도우를 사용하고자 파티션을 50%로 할당했었지만 Mac OS X환경에 점차 익숙해 지고, 또 윈도우 못지않은 좋은 프로그램을 찾게 되어 웬만해서는 윈도우로 부팅하지 않게 되었습니다.

일부 은행업무나 윈도우 기반의 어플리케이션을 사용해야 하는 어쩔 수 없는 이유가 있는것이 아니라면, 마음편하게 컴퓨팅을 즐기기에도 매우 적합하다고 느끼고 있는 중입니다.

그래서 제가 필요에 의해 찾게 되었고, 지금도 신나게 사용 중인 프로그램들을 정리 해 보려 합니다.
(물론 정리해 두고.. 제가 다음에 써먹을 수도 있겠죠. ^^!)

더보기

Mac OS X에 기본으로 탑재되어있는 프로그램/유료로 구입해야하는 프로그램의 경우 이미 알고계시리라는 생각에 제외했습니다. 그러다보니 디자인툴은 거의 전멸이네요.

쭈욱 적다보니 제가 사용하는 유형 자체가 파이어 폭스에 엄청나게 의존을 하고있네요.
혹시 이외에도 좋은 유틸리티가 있다면 알려주세요~
(어도비 CS시리즈, Iwork 시리즈 등 포함, GIMP는 굉장히 오래전에 사용했었으나, 지금은 제가 쓰고 있지 않기때문에 제외했습니다.)

메신저

msn
nateon

웹브라우저

Firefox

:부가 기능(도구-부가기능 검색을 통해 애드온 설치)
[웹 서핑 도구]
Foxmarks Bookmark Synchronizer

여러 컴퓨터의 북마크를 동기화 합니다.

easyGestures(알툴바 마우스 액션 대체 가능)

원형 팝업 메뉴 안에서 마우스로 표현하세요.

[웹 개발 도구 및 유틸리티]

fireFTP

FTP Client for Mozilla Firefox

HttpFox

Http analyzer addon for Firefox

IE NetRenderer(ie 탭과는 달리 맥에서 사용가능합니다.)

Render the Current page with IE NetRenderer

Web Developer

Adds a menu and a toolbar with various web developer tools

Firebug

Web Develpment Evolved

InspectThis

inspect the current element width the DOM Inspector.

Live HTTP headers

View HTTP headers of a page and while browsing.

Extended Statusbar

A Statusbar with speed, percentage, time and loaded size(silmilar to Opera's one)

코딩

Smultron

윈도우 터미널 접속

CoRD

윈도우 종료 시 실행되는 스크립트

한 친구에게서 업무 보안관계상 특정 폴더의 temp 파일을 지울 수 있는 방법을 찾게 도와달라는 요청이 들어왔다.
처음에는 윈도우 종료이벤트 다른 프로그램들은 모두 종료 된다는 생각을 가지고 있었는데, 윈도우 종료시에 실행되는 스크립트, 프로그램을 실행할 수 있다고 한다.

아래의 커맨드를 입력하고 뜨는 창에서 종료시 실행 될 프로그램을  추가 할 수 있다.
(추가하면 기존의 모든 프로그램이 종료된 후 설정한 프로그램이 실행 된다.)

실행 - "gpedit.msc" - 윈도우 설정 - 스크립트(시작/종료) - 시스템종료

더보기

그래서 처음엔 bat파일을 이용해서 실행하면 되겠다고 생각했다. 그런데, bat는 이미 해봤고, exe로 컴파일 해도 안된단다. 그래서 런타임을 설치해야하긴하지만 AIR를 이용해 만들었다.

짜잔!. 비밀번호 입력 시 특정 경로의 모든 파일을 지우는 프로그램!

로컬자원을 접근하는 것은 해보지 않았어도 그리 어렵지 않으리라고 생각했는데 간단한 기능을 구현하는데에 생각보다 손이 많이 갔다.

완성했더니만 또 다른 기능구현에 대한 이야기가 눈에 들어온다.

헉.

2008 NHN DeView

NHN에서 개발자 컨퍼런스를 진행한다고 합니다.
저는 B트랙의 UX방법론과 사례 세션이 매우 궁금하네요.

NHN DeView 2008은?

더보기

		A	B	C
10:00 ~11:00	전체	Opening & 기조연설 (김평철)
11:20 ~ 11:50	I	XE Open Source Project (고영수)	네이버 검색 2008 그리고.. (김병학)	한게임 웹 서비스 개발 솔루션 - XMAS - (문규동)
12:00 ~ 14:00	점심	점심식사
14:00 ~ 14:30	II	OpenAPI & OpenSRC - Nforge - (권순선)	UX방법론과 사례 (이윤희)	웹보드/캐주얼 멀티 유저 게임 제작도구 - GameBuilder - (성석현)
14:50 ~ 15:20	III	함께 만들어가는 DBMS Cubrid 2008 (진은숙)	네이버 웹서비스 개발 플랫폼과 도구 (한규흥)	네이버랩 : NHN의 기술실험, 가시화 그리고 응용 (이창희)
15:40 ~ 16:10	IV	Jindo & SmartEditor (장정환)	차세대 인프라 관리 기술 - Green IT - (김영모)	웹상에서의 타이포그라피 (김승언)
16:30 ~ 17:30	전체	초청강연 & Closing(경품) (홍석만)