아이티랩 - 추천블로그
PONOS : 적극적인 인터랙션 PONOS : 적극적인 인터랙션
PONOS적극적인 인터랙션 www.ponos.jp/ 게임 회사의 사이트답다. 생동감 넘치는 인터랙션은 지루할 틈을 주지 않는다. 마우스가 스쳐 지나갈 때마다 다양한 방식으로 반응하는 인터페이스를 보..
NHN AD, UI/UX Lab
후기를 본 사용자, 왜 이탈했을까? 후기를 본 사용자, 왜 이탈했을까?
여름 샌들을 구매하려는 사용자가 있다. 쇼핑몰에서 마음에 드는 디자인을 선택한 후 상품 설명을 읽고 구매 후기를 확인한다. 몇 가지 후기를 본 사용자는 상품 페이지를 빠져나온다. 사용자들은 상품 구..
NHN AD, UI/UX Lab
Browser and flash Browser and flash
구글은 크롬 브라우저(Chrome)의 새로운 버전이 업데이트 되는 올해 9월부터 플래시 콘텐츠를 차단할 것이라고 발표했다. 모바일 시대가 본격적으로 막을 열었던 2010년부터 애플은 스티브잡스(St..
NHN AD, UI/UX Lab
심리적 접근을 통해 더 나은 틈새 경험 살려보기 심리적 접근을 통해 더 나은 틈새 경험 살려보기
서비스에 대한 사용자 경험은 UI만 개선한다고 해서 나아질 수 없다. UX는 단순히 사용성이 아니라. UI를 사용하면서 느끼는 감정이나 심리같은 총체적 경험을 뜻하기 때문이다. 대다수의 프로젝트들은..
NHN AD, UI/UX Lab
Bang & Olufsen: 사이트를 통해 전달되는 제품의 경험 Bang & Olufsen: 사이트를 통해 전달되는 제품의 경험
Bang & Olufsen사이트를 통해 전달되는제품의 경험 www.beoplay.com 음악에 대한 우리의 경험이 시각화 된다면 어떻게 보여질 수 있을까. 뱅앤올룹슨 웹사이트에서는 이러한 상상력에 ..
NHN AD, UI/UX Lab
파리 지하철 노선도 개선 프로젝트 파리 지하철 노선도 개선 프로젝트
파리 지하철 노선도개선 프로젝트 * 이 글은 그래픽디자이너 Constantine Konovalov의 The New Paris Metro Map을 번역한 글입니다. 번역은 동의를 얻은 후 진행하였으며..
NHN AD, UI/UX Lab
UI/UX Lab. Core values UI/UX Lab. Core values
고객을 감동시키는 일을 가치있게 생각합니다. 깊게 고민하고 쉽게 전달합니다. 끊임없이 새로운 것을 배우고 변화합니다. 좋은 경험과 지식을 공유합니다. 커뮤니케이션으로 서로를 이해하기 위해 노력합니다..
NHN AD, UI/UX Lab
iFly50: 시간을 이동시키는 비주얼 iFly50: 시간을 이동시키는 비주얼
우리는 평소 꿈꾸는 것들을 잊고 산다. 지금 당장 우리 주변에 보이는 것들이 꿈보다는 현실에 가깝기 때문이다. 반복되는 삶에 지쳐 쉼이 필요할 무렵 iFly50은 그 꿈이 우리와 충분히 닿을 거리에..
NHN AD, UI/UX Lab
사용성 테스트를 통해 발견한 2030 모바일 쇼핑 패턴 사용성 테스트를 통해 발견한 2030 모바일 쇼핑 패턴
사용성 테스트(Usability testing)는 실제 사용자가 서비스를 이용하는 과정을 관찰하고, 그 과정 속에서 문제점을 찾아내어 개선하기 위한 아이디어를 발굴하는 사용자 조사 방법이다. UI/..
NHN AD, UI/UX Lab
소비자의 구매심리, 어떻게 행동에 반영되는가 소비자의 구매심리, 어떻게 행동에 반영되는가
현재 950개가 팔렸습니다! 이제 50개밖에 남지 않았습니다. 우리가 홈쇼핑에서 자주 볼 수 있는 메시지다. 총 상품이 1,000개라면 두 문구는 잔여수량과 판매수량의 차이일 뿐 같은 의미를 담고있..
NHN AD, UI/UX Lab
사회공학적 해킹, 사람의 심리를 겨냥하다! 사회공학적 해킹, 사람의 심리를 겨냥하다!
지난해, 보안 업계는 그 어느 때보다도 뜨거웠습니다. 2015년을 뜨겁게 달구었던 랜섬웨어[각주:1]는 2016년에도 보안 이슈로 주목받았는데요. 사용자의 정보를 인질로 삼는 방법으로 엄청난 규모의..
LG CNS
[바이널 X] UX 디자이너들의 필수 용어 사전: Sass (Syntactically Awesome Style Sheets) [바이널 X] UX 디자이너들의 필수 용어 사전: Sass (Syntac
DRY원칙소프트웨어 공학에서 “Don’t Repeat Yourself - 반복되는 코드를 만들지 말라.”라는 DRY원칙이 있습니다. 앤디 헌트(Andy Hunt)와 데이브 토머스(Dave Thoma..
VINYL X
[바이널 X] 나를 표현하기 위한 개인 미디어 서비스 찾기 [바이널 X] 나를 표현하기 위한 개인 미디어 서비스 찾기
사람들의 일상적인 온라인 활동은 타임라인이라는 틀 속에서 흘러갑니다. 새로운 글이나 사진을 올리면 잠시 동안은 다른 사람들의 주목을 받지만 대부분 정말 잠깐의 시간일 뿐이고 곧이어 다른 사람들이 새..
VINYL X
[바이널 X] UX 디자이너들의 필수 용어 사전: 9 Patch (나인패치) [바이널 X] UX 디자이너들의 필수 용어 사전: 9 Patch (나인패
안드로이드의 최적화된 이미지 방법 ‘나인패치’안드로이드는 제조사마다 모두 다른 해상도의 디바이스를 출시합니다.iOS iPhone은 가로 해상도가 고정이기 때문에 고정된 길이의 이미지를 사용해도 문제..
VINYL X
[바이널 X] 알딸딸하게 상상해보는 맥주의 미래 [바이널 X] 알딸딸하게 상상해보는 맥주의 미래
맥주 한잔 하기 딱~! 좋은 초여름입니다! 청량감이 있어 갈증과 더위를 해소해주고 도수가 낮아 부담 없이 마시기 쉬운 맥주! 뜨거운 여름, 시원한 맥주 한 모금이라면 마다할 사람이 없을텐데요. 시끌..
VINYL X
[바이널 X] 자연스럽고 깔끔한 이미지 추출을 위한 꿀팁 [바이널 X] 자연스럽고 깔끔한 이미지 추출을 위한 꿀팁
이미지 추출은 배너를 만들 때나, 광고를 위한 이미지의 합성 작업 등 디자인에서 빠지지 않는 작업입니다. 특히 이미지를 깔끔하게 추출할 때 가장 어려운 점은 인물의 머리카락, 동물의 털과 같은 부분..
VINYL X
[바이널 X] UX 픽션 1인 가구와 생활 산업 편: 프롤로그, 1인 가구가 잘 사는 상상 [바이널 X] UX 픽션 1인 가구와 생활 산업 편: 프롤로그, 1인 가
스마트폰으로 집 안의 조명을 켜고 끄고, 현관문 도어락을 제어할 수 있는 IoT 제품, 옆에다 놓기만 해도 휴대폰 충전을 해주는 가구들. 과거 SF 영화에서만 보던 제품과 서비스들이 개발되고, 현대..
VINYL X
[바이널 X] UX 디자이너들의 필수 용어 사전: 반응형 웹 (Responsive Web) [바이널 X] UX 디자이너들의 필수 용어 사전: 반응형 웹 (Respo
반응형 웹이란?반응형 웹이란 PC, 태블릿 PC, 스마트폰 등, 다양한 디바이스의 해상도에 맞춰 웹사이트 내 콘텐츠의 크기 및 레이아웃이 자동으로 재조정되는 것을 말합니다. 일례로 PC를 이용하여 ..
VINYL X
[바이널 X] 1인 가구의 미래: 혼자서도 건강한 삶! [바이널 X] 1인 가구의 미래: 혼자서도 건강한 삶!
생존! 질병 예방과 건강 지키기 근본적인 질병 예방! 면역력 높이기 최근 메르스(중동 호흡기성 증후군)로 인해 질병 예방에 대한 이슈가 범 사회적으로 확산되고 개인 건강에 대한 인식이 바뀌고 있습..
VINYL X
[바이널 X] UX 디자이너를 위한 역사공부 - ① 에디슨과 베를리너가 오늘날 제품기획자에게 주는 교훈 [바이널 X] UX 디자이너를 위한 역사공부 - ① 에디슨과 베를리너가
최근 ‘인문학(liberal art, humanities)’ 공부가 교육분야는 물론 경영분야에서도 큰 인기를 얻고 있습니다. 그 시작은 수년 전 스티브 잡스가 아이패드의 개발 배경을 소개하는 신제품..
VINYL X
[바이널 X] 1인 가구의 미래: 여름 불청객 열대야와 불면증에 대처하기 [바이널 X] 1인 가구의 미래: 여름 불청객 열대야와 불면증에 대처하기
여름이 마냥 즐겁지 않은 이유: 열대야와 불면증 시나브로 하지(夏至)가 지나고 본격적인 여름이 시작되었습니다. 산과 바다로 떠나는 상상으로 즐거운 계획을 가진 분들도 있겠지만, 무덥고 습한 날씨가..
VINYL X
[바이널 X] 2015년 6월 생일 축하 파티 [바이널 X] 2015년 6월 생일 축하 파티
이제 따스하다 못해 지나치게 뜨거워진 햇살이 여름이 시작을 알립니다!바다로 훌쩍 떠나고 싶은 날씨네요. 6월 생일파티 포스팅을 시작하겠습니다. 2015년 6월 26일 금요일 더워진 날씨만큼 가벼워진..
VINYL X
[바이널 X] 2015년 로고디자인 트렌드 [바이널 X] 2015년 로고디자인 트렌드
얼마 전 “[바이널 X] 아이덴티티 디자인과 로고 디자인” 에서 아이덴티티 디자인의 개념과 CI, BI 에 대해서 알아보았는데요. 이번 포스팅에서는 2015년 로고 디자인 트렌드와 로고 디자인 방향..
VINYL X
[바이널 X] 이제는 3D를 넘어 4D 프린팅 시대! [바이널 X] 이제는 3D를 넘어 4D 프린팅 시대!
매해 수많은 새로운 기술들이 등장하고 이러한 기술의 발전은 우리의 일상 생활에도 많은 영향을 미치고 있습니다. 몇 해 전까지만 하더라도 3D 프린팅 (3D Printing)이라는 기술이 등장하며 많..
VINYL X
[바이널 X] 스마트 미디어로 진화하는 디지털 사이니지 [바이널 X] 스마트 미디어로 진화하는 디지털 사이니지
스마트기기와 DID의 발달로 급변하는 사회의 흐름에 맞춰 다양한 영상 매체가 등장하고 있는데요. 이와 더불어 광고시장 또한 점점 성장하고 있습니다.그 가운데 지속적으로 발전을 하고 있는 분야 중 하..
VINYL X
[바이널 X] 노출을 즐기는 사람들 - 양날의 검 SNS [바이널 X] 노출을 즐기는 사람들 - 양날의 검 SNS
세상은 넓고 사람은 많습니다. 그런데 요즘은 수많은 사람들을 인스타그램, 블로그를 통해 손쉽게(?) 만날 수 있는데요. 정보통신기술(ICT)의 발달로 누구나 자신의 관점에 따라 정보를 올릴 수 있는..
VINYL X
[바이널 X] 1인 미디어 - 공감과 소통의 새로운 패러다임 [바이널 X] 1인 미디어 - 공감과 소통의 새로운 패러다임
특별한 기술이나 장비 없이 개인 누구나 컴퓨터와 스마트폰을 이용해 자신만의 주제와 형식으로 대중들과 소통하는 미디어 슈가보이 백주부, 추억의 종이접기 아저씨. 요즘 핫한 화제의 인물들입니다. 이분들..
VINYL X
[바이널 X] 수면의 과학! - 고효율 수면 환경을 위한 슬립테라피 제품 [바이널 X] 수면의 과학! - 고효율 수면 환경을 위한 슬립테라피 제품
수면이란 하루종일 과부하의 삶을 살고 있는 현대인들에게 유일한 휴식시간이라고 볼 수 있습니다. 과도한 업무에 대한 압박감으로 인한 스트레스로 국내 인구 다섯 명 중 한 명이 불면증에 시달린다고 합니..
VINYL X
[바이널 X] 웹의 방문자와 캠페인, 어떻게 분석해야 할까? [바이널 X] 웹의 방문자와 캠페인, 어떻게 분석해야 할까?
웹사이트 및 애플리케이션을 제작하는 목적에는 어떤 것이 있을까요? 그 자체에서 수익을 창출하기 위해서 제작할 수도 있고, 홍보 목적이나 다수의 사용자에게 서비스를 제공하기 위한 목적 등 수많은 이유..
VINYL X
[바이널 X] UX 디자이너들의 필수 용어 사전: On-Demand Mobile Service (온디맨드 모바일 서비스) [바이널 X] UX 디자이너들의 필수 용어 사전: On-Demand Mo
2008년 금융위기 이후 불황을 겪는 많은 사람들에게 새로운 수입을 제공한다는 점에서 큰 환호를 받으며 공유 경제라는 테두리 내에서 기술의 발전과 더불어 새로운 개념의 서비스들이 탄생해왔습니다. 이..
VINYL X
[바이널 X] Google Project Soli - 동작 인식 기술의 새로운 패러다임을 제시하다 [바이널 X] Google Project Soli - 동작 인식 기술의
여러분도 무의식 중에 TV나 PC 모니터를 손가락으로 터치해 본 경험이 있지 않으신가요? 반응하지 않는다는 것을 당연히 알면서도 터치가 너무 익숙해진 탓에 가끔 이런 우스운 실수를 하곤 합니다.터치..
VINYL X
[바이널 X] 디지털 서체 시대, 좋은 한글 타이포그래피의 배경 - 3. 한글 타이포그래피와 도구의 역사 [바이널 X] 디지털 서체 시대, 좋은 한글 타이포그래피의 배경 - 3.
붓, 펜, 타자기, 컴퓨터 배경디지털 서체시대, 한글의 표현을 거슬러 올라가보면, 먹을 갈아 붓을 이용해 쓰고 이후 펜에 잉크를 찍어 쓰거나 연필을 이용하는 ‘Writing’에서 타자기를 이용한 ..
VINYL X
[바이널 X] 2015 UX/UI 그래픽 디자인 트렌드 중간 점검 [바이널 X] 2015 UX/UI 그래픽 디자인 트렌드 중간 점검
어느덧 2015년도 하반기를 훌쩍 넘긴 8월이 되었습니다. 중간 점검이라고 하기에는 다소 늦은 감이 있지만, 올해에도 지난해에 이어 한 해의 그래픽 디자인 트렌드가 어떻게 흘러가고 있는지 짚어보는 ..
VINYL X
[바이널 X] 오픈소스 엘라스틱서치 검색엔진 [바이널 X] 오픈소스 엘라스틱서치 검색엔진
1. 검색엔진이란? 검색엔진이란? 검색엔진은 쇼핑몰, 소셜 데이터 분석, 웹 문서 검색 등 모든 웹 서비스에 적용되는 필수 요소입니다. 검색엔진의 개발은 어려운 기술 분야의 영역으로 자리잡고 있어 ..
VINYL X
[바이널 X] 인사이드아웃: UI 디자이너와 UX 디자이너의 감정 이해하기 [바이널 X] 인사이드아웃: UI 디자이너와 UX 디자이너의 감정 이해하
* 본문은 ThinkDesign Blog - http://blog.logodesignguru.com/understanding-ui-ux-designers-mind/# 를 토대로 번역 및 재구성하였습..
VINYL X
[바이널 X] 새롭게 열리는 만화 세상, 인터랙티브 코믹스(툰) [바이널 X] 새롭게 열리는 만화 세상, 인터랙티브 코믹스(툰)
웹툰의 등장많은 사람들이 사랑하고, 또 즐겨보는 것이 바로 만화입니다. 만화를 안 보는 사람이라도 ‘드래곤볼’, ‘슬램덩크’ 라는 유명 만화 제목을 알고 있을 만큼 문화적 파급력이 크기도 하지요. ..
VINYL X
[바이널 X] 구글 컨슈머 바로미터로 보는 대한민국 [바이널 X] 구글 컨슈머 바로미터로 보는 대한민국
구글 컨슈머 바로미터 구글이 한국을 비롯한 전세계 소비자의 인터넷 사용 행태를 분석한 ‘컨슈머 바로미터’ 2015년 데이터를 지난달 초 공개했습니다. 컨슈머 바로미터는 구글이 지난해 처음 공개한 웹..
VINYL X
[바이널 X] 디자이너의 정신 건강을 위한 필수 팁 - ① 죽은 파일 살려내는 인공호흡 꿀팁 [바이널 X] 디자이너의 정신 건강을 위한 필수 팁 - ① 죽은 파일 살
알지만 까먹었어(feat.굴림체).jyp 어도비 1장 1절 말씀을 무시하고 의기양양하게 작업하던 디자이너는 작동중지 마귀와 응답없음 마귀들에게 암을 선물로 받곤 합니다. 기습적으로 블루스크린을 마주..
VINYL X
[바이널 X] 허브 루발린 (Herb Lubalin), 20세기 디자인 아이콘: 그래픽 디자이너 [바이널 X] 허브 루발린 (Herb Lubalin), 20세기 디자인
20세기의 대표적인 디자인 운동인 모더니즘은 디자인이 사회를 변혁시키려는 민주적 수단이라는 생각이 모더니즘 발전에 근본적인 영향을 끼쳤습니다. 과도한 장식을 사회의 타락과 연결시키고, 공업 생산에 ..
VINYL X
[바이널 X] 애플 뮤직이 알고 있는 당신의 취향 - 비주류 음악 애호가의 좁고 깊은 애플 뮤직 2개월 사용기 [바이널 X] 애플 뮤직이 알고 있는 당신의 취향 - 비주류 음악 애호가
시작하기 전에현재 글을 쓰고 있는 시점에 애플뮤직은 아직 한국에 정식으로 서비스되고 있지 않습니다. 본문의 글은 애플뮤직이 서비스되고 있는 국가의 계정을 통해 애플뮤직을 사용하고 쓴 체험기임을 미리..
VINYL X
[바이널 X] UX 디자이너들의 필수 용어 사전: Persona (퍼소나) [바이널 X] UX 디자이너들의 필수 용어 사전: Persona (퍼소나
퍼소나(Persona)란?퍼소나란 제품이나 서비스를 사용할만한 목표 인구 집단 안에 있는 다양한 사용자 유형들을 대표하기 위해 설계된 가상의 인물을 말하는 것으로, 서비스 기획, 제품 개발, 인터랙..
VINYL X
[바이널 X] 익어가는 가을 [바이널 X] 익어가는 가을
요즘은 완연한 가을의 정취를 느낄 수 있어 나들이 가기에 딱 좋은 날씨입니다. 따뜻한 햇살과 쾌청한 하늘! 바이널엑스 페북지기도 근교로 짧은 여행을 다녀왔는데요. 간간히 보이는 밤나무에는 벌써 밤이..
VINYL X
[바이널 X] 시대를 반영한 로고들의 변천사 [바이널 X] 시대를 반영한 로고들의 변천사
브랜드 로고 디자인이란, 기업이나 제품 이미지의 통일화를 뜻하는 것으로 주로 브랜드 아이덴티티라고도 하는데, 일반적으로 기업이나 제품의 새로운 이미지를 계획적으로 만들어내는 경영전략을 말합니다. *..
VINYL X
[바이널 X] 'San Francisco' - Apple의 새로운 폰트 [바이널 X] 'San Francisco' - Apple의 새로운 폰트
사소한 변화라 할 수도 있겠지만, iOS 9이 공개되면서 iOS 9의 시스템 글꼴이 이전의 헬베티카 노이에(Helvetica Neue) 에서 신 글꼴인 샌프란시스코(San Francisco)로 대체..
VINYL X
[바이널 X] 노스타임 빈티지 스트랩: 애플워치에 빈티지 감성을 더하다. [바이널 X] 노스타임 빈티지 스트랩: 애플워치에 빈티지 감성을 더하다.
노스타임 빈티지 스트랩: 애플워치에 빈티지 감성을 더하다.바이널엑스의 라이프스타일 디자인브랜드: 101EXPERIENCE의 첫 콜라보레이션 프로젝트 애플워치: 스마트 기기이기 전에 핫한 패션 아이템..
VINYL X
[바이널 X] UX 디자이너를 위한 역사공부 - ② 테슬라와 톰슨이 오늘날 제품기획자에게 주는 교훈 [바이널 X] UX 디자이너를 위한 역사공부 - ② 테슬라와 톰슨이 오늘
지난 1편에서는 20세기초 활약했었던 두 발명가 ‘에디슨(Edison)’과 ‘베를리너(Berliner)’의 사례를 통해서 기술을 너무 중시한 나머지 진정한 시장의 욕구를 제대로 읽지 못하는 누를 범..
VINYL X
[바이널 X] Sublime Text 3 설치부터 플러그인까지 [바이널 X] Sublime Text 3 설치부터 플러그인까지
1. 코드 에디터(Code editor)란? 일반적인 코드 에디터 모습 코드 에디터(Code editor)란 소스 코드를 작성하기 위한 프로그램으로 흔히 텍스트 에디터라고도 합니다. 주로 프론트 엔..
VINYL X
[바이널 X] 2016 봄/여름 컬러 트렌드 [바이널 X] 2016 봄/여름 컬러 트렌드
팬톤에서 발표한 2015년의 컬러 ‘마르살라(Marsala)’의 영향은 실로 다방면에 큰 영향을 끼쳤는데요. 해가 갈수록 ‘팬톤의 올해의 컬러’의 영향력은 커지는 것 같습니다. 2015년의 4사분기..
VINYL X