fineanswer
50,000+ Views

심리학으로 보는 사이트의 이해

인지심리학과 인터페이스 디자인
보편화된 사이트 인터페이스가 왜 그렇게 만들어져야 했는지 그 근거를 생각해 본 적이 있으신가요? 사이트를 기획하려면 먼저 '왜 그렇게 행동하는가'를 해석하기 위해 '왜 그렇게 생각하는지'에 대한 이해가 필요합니다.
인지 심리학의 과학적 근거를 토대로 효과적인 사이트 인터페이스 및 디자인에 대한 포스팅 입니다.
01 사람들은 가까운 것끼리 하나로 묶어서 본다
02 사람들은 비슷한 것끼리 하나로 묶어서 본다
03 착시와 사이트 콘텐츠 디자인
04 사이트 이탈의 열쇠! 이용자 감정
Comment
Suggested
Recent
Cards you may also be interested in
[인정받는 디자이너가 되기위한 발걸음 그리드]
안녕하십니까 IT 아웃소싱 플랫폼 프리모아입니다. 디자인분야에서 레이아웃을 잡는 것은 기본적이면서 퀄리티 높은 결과물을 만드는데 중요합니다. 물론 웹디자이너분들도 웹사이트를 디자인하면서 배치나 여백, 정렬 등 신경을 많이 쓰고 있을겁니다. 앱디자이너들도 카테고리나 주요기능을 이용자에게 가독성을 좋게하려고 고민하고 계실 것 같습니다. 디자인에서 중요한 레이아웃을 빛나게 도와주는 도구이자 수단인 '그리드(grid)' 를 알아보겠습니다. § 그리드란? 레이아웃의 요소들을 조화롭게 시각화시키기 위하여 사용하는 수평 , 수직의 안내선입니다. 레이아웃을 잡게 도와주는 요소이지 꼭 그리드에 신경쓰다보면 획일화되고 융통성 없는  레이아웃 디자인으로 나올 수 있으므로 틀에 얾메일 필요는 없습니다.  § 그리드의 장점 첫째. 정보의 조직, 명료, 집중화 둘째. 창조성과 객관성의 증대 셋째. 디자인 요소의 통합과 공간의 체계적 통계 넷째. 제작 과정의 합리화를 통한 시간과 비용의 단축 § 그리드의 구성요소 (1) 칼럼 : 글자나 이미지를 배열하기 위해 나눈 세로형태의 공간 (2) 모듈 : 모듈은 가로, 세로가 일정한 간격으로 분할된 한 면으로, 공간을 나누는 기본 단위이다. (3) 마진 : 그리드 외곽의 빈 공간, 화면에 균형과 긴장을 부여, 내용과 이미지를 제외한 나머지 부분 (4) 플로우 라인 : 공간을 수평으로 분할하는 가상의 기준선 (5) 존 : 몇개의 모듈이 모인 별도의 틀 (6) 마커 : 표제와 페이지번호와 함께 사용되어 반드시 동일한 위치에 반복되어야 합니다. (7) 칼럼 마진 : 칼럼과 칼럼 사이의 공간을 말합니다. § 그리드 종류 1. 블록그리드 그리드의 기본으로써 하나의 블록만을 사용하는 디자인으로 1단그리드라고도 불립니다.  글을 많이 적는 서적이나 논문, 리포트에 주로 쓰이는데 반복될 경우 지루한 느낌을 줄 수 있습니다. 2. 단그리드 두개이상의 단으로 나누어 사용한 그리드로써 단의 수의 따라 2단 3단으로 불리는 그리드 디자인 다양한 형태의 단으로 구성될 수 있어 신문이나 잡지에서 많이 쓰이며 '칼럼그리드'라고도 불립니다. 3. 모듈그리드 모듈그리드는 단그리드보다 복잡한 디자인 형태일때 사용하는 그리드형태입니다. 모듈이라는 사각형의 방을 만들어 그룹화하는데 이 잉역을 바탕으로 레이아웃을 정합니다. 모듈을 제대로 사용하지 않을 경우 시각적 혼란을 주기 떄문에 안정된 느낌으로 디자인해야합니다. 4. 계층그리드 직관적인 배치를 사용하여 어떠한 범주에도 들어가지 않고 규칙적이고 반복적으로 쓰이는  다른 그리드와 달리 디자이너의 공간연출 역량이 중요합니다. 주로 포스터나 북디자인, 웹페이지에서 접근하는 방법입니다. § 그리드디자인 하는데 도움되는 사이트 Grid guide <http://grid.guide/>그리드를 생성하는데 수치를 도움받을 수 있는 좋은 리소스사이트입니다. 전체 폭과 열의 수를 입력하면 자동으로 거터 너비 별로 그리드의 수치를 계산해서 알려줍니다, <http://guideguide.me/>를 들어가면 설정을 통해 포토샵에서 그리드를 쉽게 생성할 수 있도록 제공받을 수 있습니다.  웹디자인을 하기전에 그리드를 세팅해 놓고 레이아웃을 잡는다면 이용자들에게  깔끔하고 가독성있는 웹사이트를 설계하실 수 있을 것 같습니다.  또한 그리드를 잘 이용할 수록 숙련도 높은 디자이너로 성장하실 수 있습니다.  디자이너를 꿈꾸는 분들에게 많은 도움이 되셨으면 좋겠습니다.  감사합니다.
잃어버린 반려견과 마주친 소년의 반응 'Marry Christmas!'
캐럴이 울려 퍼지며 크리스마스의 들뜬 분위기 거리를 메우고 있지만, 장난꾸러기 소년 카터는 전혀 기쁘지 않아 보입니다. 최근 사랑하는 반려견 파이퍼를 잃어버렸기 때문이죠. 한 달 전, 카터가 가족과 함께 휴가를 떠났을 때 휴게소에서 화장실에 들른 사이 파이퍼가 감쪽같이 사라지고 말았습니다. 카터의 엄마가 씁쓸한 미소를 지으며 당시를 회상했습니다. "우리 가족 모두가 파이퍼를 사랑했지만, 큰아들 카터는 파이퍼를 유독 좋아했어요. 카터에겐 정말 힘든 시기였을 거예요." 가족은 주변을 샅샅이 찾아 돌아다녀보았지만 파이퍼는 보이지 않았고, 주변을 뛰어다니던 카터의 얼굴은 사색이 되었습니다. 파이퍼가 실종된 기간이 길어지자 가족은 조금씩 마음의 준비를 해야 했죠. 문제는 카터가 점점 미소를 잃어간다는 것이었습니다. 크리스마스가 다가오고 있었지만 카터는 항상 우울한 표정이었으며 크리스마스 나무를 장식할 때에도 전혀 행복해 보이지 않았습니다. 그러다 얼마 전, 카터의 엄마에게 전화 한 통이 걸려왔습니다. 바로 파이퍼를 찾았다는 보호소의 연락이었습니다! 카터의 엄마와 아빠는 보호소로 달려가 파이퍼를 발견하고 기쁨의 인사를 나눈 후, 지금도 슬퍼하고 있을 아들 카터를 위해 서프라이즈를 계획했습니다! 엄마는 파이퍼와 함께 카터가 하교하는 시간에 맞추어 학교로 마중 나갔습니다. 종이 울리자 학교에서 학생들이 쏟아져나왔고, 멀리서 카터가 차를 향해 걸어왔습니다. 차로 걸어오던 카터가 차 안에 있는 파이퍼를 발견한 순간! 너무 놀란 카터는 제자리에 우뚝 서 한참을 바라보고는 차 안으로 들어와 파이퍼를 꼬옥- 껴안고 눈물을 터트렸습니다. 카터의 엄마는 이 영상을 SNS에 공개하며 말했습니다. "우리 가족에게 크리스마스 기적이 찾아왔어요. 카터는 매일 밤 파이퍼와 함께 잠듭니다. 세상에서 가장 행복한 크리스마스가 될 것 같네요!"  꼬리스토리가 들려주는 동물 이야기!
[부산IN신문] 항문질환 관리는 ‘좌욕’으로… 길고 불편했던 좌욕 준비 과정 없이, 변기에 걸어 간편하게 사용하는 케이(k)-미르 ‘금빛좌욕기’
육식 위주의 식습관과 오랜 좌식 생활로 치열 및 치질 등 항문질환을 겪는 사람들이 상당하다. 여성들의 경우, 식습관뿐만 아니라 출산 등 물리적인 자극에 의한 항문질환이 발생하기도 한다. 항문질환을 관리하는 가장 좋은 방법 중 하나는 바로 ‘좌욕’이다. 기존의 좌욕은 뜨거운 물이 항문 주변의 혈액 공급을 원활하게 해 보다 원활한 배변을 가능하게 하는 것이 좌욕의 본 목적이나, 케이(k)-미르의 금빛좌욕기는 이러한 기성좌욕기의 틀을 벗어났다. 특히 바쁜 일상을 보내는 사람들에게 준비해야 하는 것이 많은 좌욕은 번거롭게 느껴질 수 있다. 이런가운데 길고 불편했던 좌욕 준비 과정 없이, 변기에 걸어 간편하게 사용하는 ‘금빛좌욕기(대표 강인구)’가 출시돼 화제몰이 중이다. 한국적외선개발원에서 개발, 케이(k)-미르가 유통 중인 금빛좌욕기는 화장실에서 좌욕과 볼 일을 동시에 해결할 수 있는 편리한 좌욕기다. 물에 의한 2차 감염이 기성좌욕기의 치명적인 단점이였다. 금빛좌욕기는 생명의 빛으로 불리는 800nm의 근적외선이 환부를 관리해 환부에 물이 닿지 않는다. 2차 감염 및 환부가 불지 않아 빠른 회복이 가능하며, 치질 및 치루 등 항문질환을 비롯해 암내 제거 및 고질적인 변비 해소, 여성들의 냉-대하와 질내막염, 생리통, 허리통증 등 다양한 증상을 개선하는 데 도움을 준다. 뿐만 아니라, 근적외선이 피부를 침투해 혈행을 원활히 혈색과 피부개선에도 크나큰 일조를 한다. 금빛좌욕기 본체는 24k 순금으로 도금돼 금의 효능도 기대할 수 있다. 또한, 루비 퀄츠 램프에서 나오는 붉은 빛이 환부를 소독해 주는 동시에 비데와 변기의 곰팡이, 박테리아 등을 살균해 더욱 깨끗한 환부 관리가 가능하다. 사용 방법도 간편하다. 번거로운 좌욕 준비 없이 변기에 걸어 스위치를 켜면 바로 좌욕을 시작할 수 있으며, 사용 후 램프를 끄고 물을 내리면 자동으로 세척된다. 작고 가벼워 출장이나 여행, 산후조리원, 입원실 등 다양한 장소에서 사용할 수 있는 것도 장점이다. 현재 적외선의 붉은 빛을 이용한 좌욕기는 다양하게 출시되고 있지만, 대부분 장비가 고가이며 준비과정이 길고 별도의 독립된 공간이 필요하다. 이에 배변활동과 좌욕을 동시에 할 수 있는 금빛좌욕기의 간편함이 더욱 주목을 받고 있다. 케이(k)-미르 강인구 대표는 “현재 금빛좌욕기 시장이 전 세계적으로 확대되지 않아 한국에서만 활동하고 있지만, 수년 내 세계 시장에 진출해 인류 건강을 위한 서비스를 제공할 계획이다”라며 “현재 노인복지시설, 경로당 등에 제품을 무료 설치하고자 노력 중이며, 향후 국민 건강을 주도하는 회사가 되도록 힘쓸 것이다”라고 포부를 밝혔다. 케이(k)-미르는 한국적외선개발원에서 발명특허를 받은 ‘금빛좌욕기(제10-1685688호)’를 온/오프라인 유통 전문 회사로, 금빛좌욕기가 주력 상품이다. 기존 일시불로 판매되던 좌욕기 영업을 보완, 렌탈서비스도 시행 중이다. 거래 안전성을 강화하기 위해 온라인상에서 에스크로(안전구매서비스)도 실시, 고객의 신뢰를 더한다. 한편 케이(k)-미르는 해운대1인창조기업지원센터 입주기업으로 경영지원, 사업화지원, 시설이용 등을 지원받고 있다. 강승희 기자 / busaninnews@naver.com #항문질환 #좌욕 #케이미르 #금빛좌욕기 #한국적외선개발원 #근적외선 #산후조리원 #발명특허 #렌탈서비스 #안전구매 #좌욕기추천 #해운대1인창조기업지원센터 #입주기업
타다를 응원해주세요
제가 응원을 요청드리는건 아니고요~ 아래와 같은 문자를 받았습니다. 씨알이 먹힐지는 모르겠으나 저는 적극적으로 지지서명했습니다. 택시사업자들의 서비스개선과 반성에 대한 경각은 없고 기득권세력에 밀려 신사업서비스만 죽이는 것 같아 아쉽습니다. 타다를 지지하는 것보다는 택시사업자들과 택시운전수들이 너무 꼴보기 싫습니다. ㆍ 승차거부가 없어진 줄 알죠? 싸가지없는 택시들은 예약등 켜놓고 거부하다가 외국인같은 승객만 골라서 태웁니다. ㆍ택시차량에는 깜빡이(방향지시등)이 안달려 있는 것 같습니다. 차로변경이건 정차건 깜빡이키는 택시를 찾기 어렵습니다 ㆍ끼어들기위반, 신호위반 등등 위험한 짓거리는 다 합니다. 도로위의 무법자들은 빨리 분리수거해야하는데 너~무 많습니다. 면허수를 줄여야 할 것 같습니다. ㆍ얼마전에도 아내(외국인)의 친지분들이 서울에 여행오셨다가 택시요금 바가지를 썼습니다. 물론 타다도 똑같이 저럴 수 있겠지만, 적어도 바가지ㆍ승차거부는 줄어들겠죠 [Web발신] 타다금지법은 누구를 위한 법일까요? 총선을 4개월여 앞두고, 타다금지법이 국토위 전체 회의를 통과했습니다. 이 법안을 추진한 누군가에게 타다는 가치가 없는 서비스일 것입니다. 하지만 타다의 모든 이용자들에게는 그렇지 않습니다. 타다는 피곤한 직장인들에게, 등원/등교하는 아이를 가진 부모에게, 부모님을 모시고 이동하는 아들딸에게, 반려동물과 병원을 찾는 애견/애묘인에게, 장애인과 65세 이상의 교통약자에게, ‘이동의 기본’이라는 당연한 권리를 잊고 살았던 우리 모두의 일상에 의미있는 서비스입니다. 간단한 지지성명으로, 타다로 이동하는 수많은 이용자들이 있음을 알려주세요. *성명 참여하기: http://bit.ly/supportTADA 타다를 이용해주시는 150만 이용자 여러분께, 진심으로 감사드립니다. 타다 팀 드림 *수신거부 : 타다 앱 [설정 > 마케팅 정보 수신 동의] *본 문자는 12/10 기준 마케팅 정보 수신 동의자 대상으로 발송되었습니다
간단한 윈도우10 부팅 USB 만들기, 만드는게 어렵다? 아니! 쉽다!
-출처 : http://ccf1007overmen.tistory.com/1369 안녕하세요~ 모든 IT, Technology 및 일상정보를 공유하는 K.Min's 입니다. 오늘 소개해드릴 정보는 윈도우10 부팅 USB 만드는 것에 관한 정보가 되겠습니다. 윈도우10 USB 부팅 만드는 방법자체가 윈도우7 USB 만드는 것보다 훨씬 간단해졌으니 그대로만 따라와주시면 됩니다. 준비물은 자기가 쓰고 있는 컴퓨터나 노트북에 8GB짜리 이상 USB 메모리 하나면 됩니다. 편의점가도 16GB짜리를 1만3천원쯤에 판매되고 있으니 하나 구입하시면 되겠습니다. https://www.microsoft.com/ko-kr/software-download/windows10/ 윈도우 10 USB 부팅디스크를 만들기전에 먼저 위에 링크를 타시면 이런 화면이 뜨실겁니다. 화면에 " 지금 도구 다운로드 " 클릭하셔서 다운받으신다음에 " MediaCreationTool " 이라는 아이콘이 다운로드폴더에 생기실텐데 그것을 클릭해주세요. 클릭하신뒤에 USB를 컴퓨터에 꽂으신 뒤에 다른 PC용 설치 미디어 만들기를 클릭하신뒤에 다음버튼을 눌러주세요. 그 다음화면으로 넘어가시면 언어,에디션,아키텍쳐가 나오실텐데 자기컴퓨터가 RAM이 4GB 이하이시면 아키텍쳐를 32비트로 하셔도 되지만 보통 윈도우 10으로 업글하시는분들은 8GB 이상이실테니 무조건 64비트로 설치하시면 되겠습니다. 언어는 무조건 한국어 그리고 에디션은 아무거나 고르시면 됩니다. 여기서 주의할점은 RAM 용량이 4GB 초과이신분들은 무조건 64비트로 가셔야됩니다. 그 이유는 32비트 OS는 RAM을 4GB 이상을 못 읽습니다. 그래서 RAM이 4GB 이상이신분들은 무조건 64비트로 설치하시면 되겠습니다~. 다음 화면으로 가시면 USB 플래시 드라이브로 클릭하셔서 설치를 해주시면 되겠습니다. 물론 공CD로 구우실분들은 ISO 파일로 하시면 되겠습니다. 설치가 시작되면 저렇게 진행률이 뜨면서 다운로드 되기 시작합니다. 정말 쉽죠? 그전에 윈도우 10 USB 만들 때 주의할 점이 있습니다. 윈도우 10 USB 만들때 안에 있는 USB 파일들은 옮기셔야 됩니다. 이유는 윈도우10을 설치하기 시작하면 그 안에 있던 파일들은 일단 다 삭제한뒤에 윈도우 10 USB 파일이 다운되기 때문에 중요한 파일이  있다면 다 옮기신뒤에 다운받으셔야됩니다. 이 주의점은 지키시면 윈도우10 USB 부팅디스크 만들기가 끝난것입니다. 정말 쉽죠? 다음에는 좀 더 좋은 정보를 가지고 돌아오겠습니다. 이상 K.Min's의 윈도우10 정보였습니다. 설치방법도 올리고 싶었지만 이 부분은 나중에 따로 바이오스 사진까지 찍어서 올리도록 하겠습니다. (사실..귀찮ㅇ..읍읍!) 좀 더 많고 빠르게 제 IT정보 및 견적 소식을 듣고싶으시다면 제 페이스북 페이지에 좋아요와 팔로워를 해주세요~ https://www.facebook.com/ccf1007overmen/
[부산IN신문] ‘직관성’ 기반한 디자인으로 최적화된 커뮤니케이션 선사한다! 그래픽디자인 회사 ‘모아그라픽스’
디자인에는 ‘정답’이 없다. 같은 디자인에 대해 사람들이 느끼는 감성과 느낌, 가치 등이 모두 다르기 때문이다. 모두를 만족시키는 디자인을 만드는 작업은 거의 불가능에 가깝다. 따라서 디자인 작업 전, 충분한 소통 과정을 거쳐 고객이 필요로 하는 것을 디자인으로 구현하는 것이 중요하다. 그래픽디자인 회사 ‘모아그라픽스(대표 손모아)’는 편집을 중심으로, 아이덴티티 디자인, 이벤트 디자인, 사이니지 디자인, 도시 디자인 등을 다루는 시각 디자인 에이전시다. 모아그라픽스를 정의하는 키워드는 ‘직관성’이다. 프로젝트에 대한 명확한 전략 수립과 적절한 스토리텔링, 디자인 문법을 바탕으로 고객이 희망하는 최적화된 커뮤니케이션 솔루션을 제공해 호평을 받고 있다. 고객의 니즈를 파악해 이를 기반으로 디자인 기획을 진행하는 ‘모아그라픽스식 디자인 프로세스’는 모아그라픽스가 작업 시 신경을 가장 많이 쓰는 부분이다. 고객이 필요로 하는 것을 시각적 문법으로 어떻게 풀어내 최적화된 솔루션을 제공할 것인지에 중점을 두고 고객과 함께 정답을 찾아 나선다. 모아그라픽스는 갤러리, 박물관, 음악회장, 국제 행사 등 문화 예술 계통 클라이언트와 작업을 진행하고 있다. 일회성에 그치는 보편적 디자인을 넘어, 클라이언트의 상황과 성격에 전략적으로 접근, 정확한 포지셔닝에 기반한 디자인을 제시해 클라이언트의 만족도를 높이고 있다. 모아그라픽스 대표 손모아는 “클라이언트와 소통하며 디자인 결과물을 완성해가고, 최종 작업물에 대해 고객이 높은 만족도를 보일 때 가장 보람을 느낀다”며“아직 2년도 되지 않은 신생 디자인 회사이기 때문에 디자인 포트폴리오를 차근차근 쌓아갈 예정이며, 다양한 고객과 만나는 것이 단기적인 목표다”라고 전했다. 모아그라픽스라는 브랜드명은 메인 아트 디렉터 이름에서 기반한 것이다. 현재 편집 출판 인쇄(책자, 포스터, 브로슈어, 카달로그, 제안서, PPT)와 아이덴티티브랜딩(로고, 브랜딩, 패키지, EI), 사인 디스플레이(안내판, 간판, 사인 가이드, 전시 기획, 전시 홍보관) 등 다양한 작업을 진행하며 빠르게 성장하고 있다. 한편 모아그라픽스는 해운대1인창조기업지원센터 입주기업으로 경영지원, 사업화지원, 시설이용 등을 지원받고 있다. 강승희 기자 / busaninnews@naver.com #모아그라픽스 #시각디자인 #아트디렉터 #스토리텔링디자인 #아이덴티티브랜딩 #편집출판 #사인디스플레이 #그래픽디자인 #브로슈어제작 #리플렛제작 #부산디자인회사 #해운대1인창조기업지원센터 #입주기업
[부산IN신문] 자동차 가죽시트 고민 ‘이염과 스크래치’…친환경 가죽 코팅제 'Yawara'로 가죽 본연의 질감과 향을 그대로 유지하세요
밝은 색상의 가죽, 유색 가죽시트가 장착 된 차량은 출시 이후 단시간 안에 오염, 이염으로 인해 가죽이 손상을 입는 경우가 많다. 이 때문에 가죽이 오염되지 않도록 예방하고자 가죽시트코팅이 필요하다. 이에 일본 정통 가죽코팅 브랜드 ‘Yawara’를 수입하여 해외 판권을 확보, 적법한 절차를 거쳐 합법적으로 판매하고 있는 기업이 있다. 바로 ‘루시드라인’이다. Yawara는 자동차 가죽시트나 명품가죽제품 핸드백, 가방, 지갑 등 표면의 오염과 스크래치, 손상을 방지해주는 제품으로 현재 시판되고 있는 가죽케어 제품들보다 안전하고 냄새도 강하지 않아 시공자나 소비자 입장에서도 많은 호응을 얻고 있다. 특히 부드러운 실리콘 수지를 물에 녹여 만든 수성 코팅제로 기존 유성코팅제의 문제점으로 거론된 표면 광택, 번들거림, 착석했을 때의 단단한 느낌이 전혀 없이 가죽 본연의 질감과 촉감 그리고 향을 그대로 유지할 수 있으며 그 효과 또한 우수하다. 1회 코팅으로도 최대 3년의 내구성을 자랑하며, 성인 80kg 1일 10회 이상 약 11,000회 접촉에 의한 마모도 손상없다. 일반인도 가능한 편리한 유지, 관리성과 클리닝 비용이 절약되는 경제성도 갖추고 있다. 또한 차량 실내는 ‘제 2의 생활공간’이라 할 만큼 가족들이 함께 하는 공간이다. 'Yawara'는 수성 코팅제로 인체에 무해하여 가족의 건강과 안전을 안심할 수 있다. Yawara는 환경부에서 지정한 시행규칙에 따라 나라에서 지정한 검사업체를 통해 인증 받아 루시드 라인이 정식 수입을 하고 한국총판인 부산 투카인즈(담당자 이희천)를 통해 판매되고 있다. 일본과 한국에 자리를 잡은 Yawara는 해외판권을 가진 루시드라인의 영업력과 Yawara 제품의 우수한 성능을 무기로 필리핀, 태국, 베트남, 싱가폴 등 동남아시아로 시작하여 유럽 및 미주시장진출을 2020년부터 시작할 계획이며 2020년 3월경 도쿄 오토살롱에도 출전할 예정이다. 한편 루시드라인은 해운대1인창조기업지원센터 입주기업으로 경영지원, 사업화지원, 시설이용 등을 지원받고 있다. 강승희 기자 / busaninnews@naver.com #자동차가죽시트 #가죽이염 #가죽스크래치 #가죽코팅제 #Yawara #루시드라인 #수성코팅제 #차량유지 #해외판권 #정식수입 #부산투카인즈 #해운대1인창조기업지원센터 #입주기업