본문 바로가기

UX 리서치/디자인 이론과 리서치

카드 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디자인 패턴을 쉽게 찾을..
2016년의 웹디자인 & UI디자인 트렌드 7가지 다른 저작물들에 의해 영감을 받고 이를 팀에 공유하는 것은 팀 전체의 작업물을 보다 신선하게 하고, 디자인 수준을 더 높은 단계로 높이는 데에 긍정적인 역할을 한다고 합니다. SQUARE 205라는 디자인 에이전시는 그러한 작업의 일환으로 꾸준히 디자인 트렌드가 무엇인지 찾아보고 이를 정리하는 작업을 진행하고 있습니다. SQUARE 205가 바라보는 2016년의 웹디자인 & UI디자인 트렌드는, 전반적으로 2013~5년에 걸쳐 꾸준히 진행되온 디자인 트렌드가 보다 확장되는 개념이라고 합니다. 예를 들면 반응형 디자인이나, 모바일 기반 디자인은 이제는 표준으로 까지 자리를 잡았다고 할 수 있습니다. 헤더 이미지는 계속해서 크게 자리 잡게 될 것이고, 비디오와 애니메이션 또한 지속적으로 쉽게 이용될 수 있는..
웹디자인(HTMl/CSS/JS)을 온라인으로 배우는 방법 소개 (2016년 기준) HTML5 등장 이후 웹디자인 계에도 많은 변화가 이루어졌고, 현재에도 그 변화는 계속 이어지고 있습니다. 전통적인 웹디자인 구축 방식이었던, 웹디자이너가 웹사이트를 통이미지로 구축한 후 이미지를 잘라서 개발자에게 넘기면, 개발자가 이를 바탕으로 웹사이트를 구축, 데이터베이스에 연결하고 서버에 발행하던 방식에서 이제는 조금 더 작업자간 경계가 모호해지는 쪽으로 흐름이 이어지고 있습니다. 그 단례로 이제는 웹디자이너라고 하면 포토샵은 기본이고 그만큼 CSS 또한 잘 다루는 사람으로 인식이 되는 측면도 있는데요, 자바스크립트 역량에 따라(국내 한정)웹퍼블리셔라는 직책명을 갖기도 합니다. 이번 포스트에서는 시대 웹디자이너의 필수 소유 역량인 HTML/CSS/JS를 온라인으로 배울 수 있는 방법에 대해 간략히 ..
디터람스의 '좋은 디자인의 10가지 원칙' 디자인 계의 바이블로 통하는 디터람스의 '좋은 디자인의 10가지 원칙'에 대해 소개 드립니다. 산업디자인 계의 대부이자 모더니즘의 원류로 통하는 디터람스가 1976년 뉴욕에서 스피치한 이 10가지 원칙은 현대에도 통용되는 원칙이며, 이를 가장 잘 따른 디자인 사례로 애플의 조너선 아이브의 작품들이 손꼽히기도 합니다. 1. 좋은 디자인은 혁신적이다. (Good design is innovative)혁신의 가능성은 어떤 방식으로든 항상 존재합니다. 기술적 발전은 항상 새로운 디자인 혁신에 대한 가능성을 제공합니다. 하지만 디자인 혁신은 항상 새로운 기술적 발전과 함께 진행되며, 디자인 개별적으로는 혁신이 이루어질 수 없습니다.2. 좋은 디자인은 제품을 유용하게 한다. (Good design makes a p..
사용자를 사로잡는 B2B 소프트웨어를 디자인하는 4가지 방법 *본 포스트는 "CO.Design'에 게재된 " Justin Rosenstein"가 쓴 "4 Ways To Build Business Software Users Actually Love"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다.원문 : https://www.fastcodesign.com/1672511/4-ways-to-build-business-software-users-actually-love저자 : Justin Rosenstein('아사나'의 공동 창립자')'아사나' : 웹앱 기반의 프로젝트 매니지먼트 툴(https://asana.com/) 지난 10년 간, 소프트웨어의 성공에 좋은 디자인은 매우 중요한 역할을 해 왔습니다. 쉽지 ..
외주/과외 문의

티스토리툴바