Passion Makes Me Sexy!

지난주에 열린 Kipfa의 웹어워드 UX이노베이션 컨퍼런스 강의를 정리하여 공유해보려 합니다. 이번 포스팅은 HCI의 기본 원리인 유용성, 사용성, 감성에 대한 이비피알컨설팅 전민수 대표님의 강의내용입니다. HCI의 기본 원리를 이해하고 이를 모바일, 웹서비스 기획에 바로 적용해 볼 수 있는 매우 유익한 강의였습니다., HCI의 원칙 ㅣ 유용성, 사용성, 감성의 원리 [ 컨텐츠의 유용성 ]1. 유용성 모형(가치 모형) : 사용자가 시스템이 어떠한 가치를 제공해 줄 것이라고 생각하는 심성 모형* 유용성을 알기위해서는.. ① 사용자 조사 : in depth interview, 설문조사(정량, 교차조사), FGI(AS IS), FGD(TO BE, discussion) ② 전문가 분석 : 벤치마킹, 경쟁사분석,..

/웹, 모바일, SNS, UI 트렌드, 컨셉, 디자인, 이미지공유, 소셜/ [핀터레스트의 이미지 공유 레이아웃 2] 앞선 포스팅에서는 다양한 컨셉으로 핀터레스트의 UI를 차용한 사이트들을 소개해 드렸습니다. 이번에는 핀터레스트 UI를 각 사이트의 독특한 표현방법으로 표현한 사례들을 소개해드리려고 합니다. 감성적인 표현방법1. 선택과 집중 빅데이터 시대에 대량의 데이터를 모두 관심을 갖고 확인하는 것은 매우 불가능합니다. 하지만 수 많은 데이터 중 특정 데이터에 집중할 수 있다면 어떨까요? Effektive 사이트의 경우, 이를 이미지로서 풀어내습니다. 모든 이미지를 흑백처리하여 나열하고, 그 중에 한 이미지를 마우스로 오버하였을 때 포인트컬러(레드)로 강조하여, 데이터에대한 선택과 집중을 잘 표현한 사례..

/웹, 모바일, SNS, UI 트렌드, 컨셉, 디자인, 이미지공유, 소셜/ 핀터레스트의 이미지 공유 레이아웃 1 최근들어 이슈가 되고, 이미지 공유 UI로서 각광받고 있는 핀터레스트 입니다. 핀터레스트에 대해 간략이 알아볼까요? --------------------------------------------------------------------------------핀터레스트는 이용자가 웹 곳간 이곳저곳에 있는 정보를 이미지로 공유하게 하는 사회관계망 서비스(SNS)다. 트위터처럼 주제나 인물을 팔로우하고, 페이스북의 ‘좋아요’ 단추와 비슷한 하트 모양 단추가 있고, 트위터의 ‘리트윗’과 비슷한 ‘리핀’이 있다. 블로그처럼 이용자가 주제와 카테고리에 따라 콘텐츠를 모아서 올리고 공유할 수도 있다.작동..

반응형웹의 형태 변형 참고 UI 입니다.기본적으로 컨텐츠가 아래로 드롭되거나 레이아웃형태가 세로에서 가로로 바뀌는 등 다양합니다.터치 디스플레이를 활용한 슬라이드 형태도 매우 유용해보입니다.자세한 내용은 아래 참고 사이트에서 확인바랍니다 :) Mostly FluidColumn DropLayout ShifterTiny Tweaks Off Canvas * 참고 사이트 : http://www.lukew.com/ff/entry.asp?1514

전략팀 세미나 준비로 작성한 '반응형 웹 UI분석 및 시사점' 공유합니다 :) 요즘 반응형웹이 화두에 오르면서 많은 관심을 받고 있지요 이번 세미나에서는 반응형웹 UI를 분석하고 시사점을 도출해보았습니다. 디바이스간의 사용성공유 및 BI 일관성, 연속성을 유지하는데 매우 유용한 방법으로 주목받고 있는 반응형웹. 하지만 반응형웹제작시 공수가 많이 들고 모바일에서는 퍼포먼스가 떨어지는 등 문제점이 많이 있다고 하네요. 실제로 개발된 반응형웹중에는 디바이스간의 연속성을 해치는 UI도 있다고 해요 디바이스간의 유용한 서비스 활용을 위해 고안된 방법이 오히려 더 불편함을 초래하는 것이 아닐련지.. 좀 더 신중히 기획하고 개발하여야 할 것같습니다. * 참고 : 김영아 책임연구원의 '최신 모바일웹 트렌드와 반응형 웹..