본문 바로가기

UX 리서치

그림으로 알아보는 컴퓨터 아이콘의 역사 *본 포스트는 "Futuramo Blog"의 2015년 05월 10일 게재된 "Visual History of Computer Icons"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 컴퓨터에 사용되는 폴더 아이콘, 스마트폰 상의 삭제 버튼, 혹은 웹 상의 PDF 다운로드를 위한 파일 아이콘 등은 언제부터 사용되기 시작했을까요? 컴퓨터 아이콘들은 일상적으로 사용되지만 35년의 역사를 가지고 있다는 것은 사실 많은 사람들이 알지는 못합니다. 컴퓨터 아이콘의 역사는 매우 유의미합니다. 컴퓨터 아이콘은 먼 어디에선가 만들어졌다고 볼 수도 있으며 혹은 우리 생활 근처에서 발생했다고 볼 수도 있습니다. 뉴스에서 다뤄지지도 않았으며, 저녁 식사의 주..
미니멀리즘이 무엇인지 보여주는 32장의 사진 *본 포스트는 "INSIDER"의 2016년 6월 21일 게재된"Jacob Shamsian"의 "32 photos that show how obsessed Japan is with minimalism"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 미니멀리즘의 유행은 계속 되고 있습니다. Marie Kondo와 같은 사람들은 물건들을 버리고 꼭 필요한 것만 남기는 정신을 널리 알리면서 점차 유명해지고 있습니다. 이러한 움직임은 특히 일본에서 더욱 활발하며, 일본에서는 선불교의 영향력이 단순함에 대한 요구를 더욱 촉진시키는 것처럼 보입니다. 그들에게 빼는 것이 곧 더하는 것입니다(Less if more). 여기에는 실용적인 측면이 작용합니다...
웹디자이너가 개발자와 협업하기 위해 체크해야 할 사항들 *본 포스트는 "Invision App Blog"의 2016년 10월 14일 게재된"Kevin Tomasso"의 "Questions to ask developers befor you start designing"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 다음 인용문은 InVision 사에서 제공하는 온라인 교육 과정 중에서 Kevin Tomasso가 강의한 'Designing with your developers in mind'에서 말한 내용입니다. "대부분의 반응현 웹디자인에서는 다양한 제약 조건들이 존재합니다. 기술적인 측면에서의 제약과 함께, 개발팀이 지니고 있는 지식과 스킬에서도 그 제약 조건들은 발생할 수 있습니다."본 포스트..
카드 UI디자인 하는 법 파헤치기 *본 포스트는 "Smashing Magazine"의 2016년 10월 11일 게재된"Nick Babich"의 "Designing Card-Based User Interfaces"라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 웹/모바일 어플리케이션들은 여러 페이지로 정보가 집약된 디자인에서 개인화된(personalized) 경험에 집중화된 디자인으로 바뀌어 가고 있습니다. 이러한 디자인은 많은 콘텐츠 조각들의 집합을 통해서 가능합니다. 지금 콘텐츠가 보여지는 방식은 카드 형태로 보여지고 있다고 볼 수 있습니다. 카드 기반의 인터랙션 디자인 모델링은 매우 다양하게 활용되고 있으며, 최근에는 거의 모든 곳에서 이런 디자인을 확인할 수 있습니다.(..
좋은 인터페이스 디자인(UI디자인)의 8가지 법칙 메릴랜드 대학 HCI랩의 유명한 연구자, 벤 슈나이더맨(Ben Shneiderman) 교수 사용하기 편하면서도, 생산성이 있고, 전체적으로 훌륭한 인터페이스 디자인 결과물을 원한다면 벤 슈나이더맨(Ben Shneiderman)의 '인터페이스 디자인의 8가지 황금룰'을 참고해 보시기 바랍니다. 애플, 구글, 마이크로소프트는 이러한 벤 슈나이더맨의 황금룰을 가장 잘 반영하는 최고의 제품들을 만들어 내는 회사들로 볼 수 있습니다. 황금룰을 통해서 만들어진 특징들은 위에서 언급한 각 회사들이 가지고 있는 UI디자인 인터페이스 가이드라인을 통해서 확인할 수 있습니다. 이러한 황금룰들을 단순 컨셉이 아니라 시각적으로 실천하는 데에 성공하는 것은 각 회사의 제품을 더욱 성공할 수 있게 해주는 역할을 합니다. 이번 기..
UI디자인 패턴 파악에 도움을 주는 10개의 사이트 이번 포스트는 인터랙션디자인 재단에서 작성한 '10개의 UI디자인 패턴 참고 사이트'라는 포스트를 소개해 드릴까 합니다. 답을 찾기 위해서 똑같은 리디자인의 작업의 반복을 좋아하는 디자이너가 있을까요? 이미 성공적으로 문제를 해결하는 데에 성공한 디자인 양식을 활용할 수 있다면 그러한 작업의 반복을 피할 수 있을 것입니다. 저희는 UI디자인 패턴을 찾을 수 있는 최적의 장소들을 선별해서 기재하는 작업을 하였습니다. 몇몇 사이트는 특정 정보에 한해서는 과금을 할 수도 있으니 주의하시기 바라며, 저희는 해당 사이트들과 어떠한 이익적 관계가 없음을 밝혀 드립니다.(모든 사이트는 영문 사이트입니다.)01. UI Patterns (UI 패턴스) UI 패턴스라는 이 사이트는, 말 그대로 UI디자인 패턴을 쉽게 찾을..
무료 UX 및 쇼핑몰 관련 플랫+라인 아이콘 세트 (83개 아이콘, AI, EPS, PNG, SVG) *본 포스트는 "Smashing Magazine"의 "Freebie: Flat Line UX And E-Commerce Icon Sets (83 Icons, AI, EPS, PNG, SVG)"라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다.회사 내에서 목표를 설명해야 하는 상황에 얼마나 자주 처하시는 편입니까? 다음 목표에 대한 프레젠테이션을 준비해야 할 수도 있고, 디자이너로서 새로운 디자인 패턴 라이브러리를 제작해야 할 수도 있습니다. 어떤 식의 프로젝트를 진행 중이든 간에 오늘 제공드릴 아이콘 세트는 매우 유용하게 이용될 수 있을 것입니다. Ecommerce Website Design이라는 디자인팀에 의해서 제작된 이 아이콘들은 다양한 포..
모질라 재단의 새로운 로고디자인과 인터넷 공개 투표 이미지 출처 : http://thenextweb.com/ 파이어폭스로 유명한 모질라 재단은 6월 부터 아이덴티티를 다시 정립하는 작업을 시작했으며, 인터넷에 이에 도움을 구하고 있습니다. 모질라는 이미 많은 디자이너들과 관련 커뮤니티들로부터 최종 선정된 디자인 로고 후보들에 대한 피드백을 받아 내기도 했습니다. 이미지 출처 : www.blog.mozilla.org 위에 보시다시피 여러 스타일과 카테고리로 분류가 되어 있습니다. The Good Fight(괜찮았던 싸움), For The Internet of People(인터넷 사람들을 위해), Choose Open(마음대로 선택하세요), With you from the Start(처음부터 당신과 함께), Mavericks & United(메버릭스앤유나이티..
❤️ 외주/과외 문의
🖥️ 클라우드 메뉴판 : 디지털팝