Copy
읽는 디자인, REASIGN입니다. 매주 화/목(주 2회) 해외 디자인 아티클을 읽기 쉽게 번역하여 보내드립니다. 

개선되었으면 하는 점, 응원의 말 등 코멘트는 아래 버튼을 눌러 남겨주세요. 추천하고 싶은 영문 아티클 역시 링크를 남겨주시면 검토 후 번역하여 보내드립니다.

구독해주셔서 감사합니다.
 
댓글 남기기
[2018.07.19]
어떤 작업이든 기획 의도를 추적해보는 건 유의미한 일입니다. UIUX분야에 대한 글이지만, 타 분야에 종사하시는 분들도 시각 언어 공부에 적용하기 좋은 학습 방법인 것 같습니다.
REASIGN 드림

디자인 안목 기르는 방법 3가지

목차

  1. 앱, 쓰지만 말고 공부하기

  2. 앱 분해하기

  3. 규칙을 알아야 규칙을 깰 수 있다.

디자인을 처음 시작했을때,멘붕에 빠졌다.

드리블(Dribbble) 작품을 따라하는데 집착했지만, 그 작품이 실제로 어떻게 만들어지는지에 대해선 의식하지 못했다. 나는 작품을 따라하며 드롭쉐도우를 추가하거나 과장된 표현등을 더하곤 했는데, 당신이 만약 이것들을 볼 기회가 있다면 꽤 공포스러울 것이다.

비록 제품디자인의 천재는 아니었지만, 나는 필요한 기술을 빠르게 습득하는 방법을 알았다. 그리고 그 방법을 공유하고자 한다.

당신이 디자이너든 아니든, 이 예제는 당신의 감각을 선명하게 하고 디자인을 보는 안목을 기르는 데에 도움이 될 것이다.

1. 앱, 쓰지만 말고 공부하기
 

스스로를 제품 디자이너라고 생각하면서  디자인보는 안목을 길러라. 자주 사용하는 앱을 열고 그저 아무생각 없이 콘텐츠를 스크롤하려는 욕구를 참아내야 한다.. 대신, 다음 내용을 유의하면서 적극적으로 스크린(화면)에 집중해보자..
 

계층

  • 앱의 디자인이 어떤 방법으로 당신의 시선을 이끄는가? 어떤 정보가 강조되어있는가? 색상과 텍스트를 어떻게 처리해서 특정 요소의 중요성을 알리는가?

내용

  • 이 경험을 위해 어떤 구체적인 표현이 선택되었는가? 어떤 콘텐츠가 더 흥미롭고, 어떤 콘텐츠가 그렇지 않은가? 컨텐츠의 틀 안에서 공간을 어떻게 사용하는가?

의도

  • 유저가 이 앱을 연 이유가 뭘까? 어떤 문제를 해결해주는가? 디자인이 어떻게 그 문제를 더 잘 해결하도록 도와주는가?

잠재고객

  • 누가 이 제품을 사용할 것 같은가? 당신과 그들의 사례가 어떻게 다른가? 디자인이 그 사례에서 어떤 역할을 하는가?
2. 앱 분해하기

아래 GIF에서 나는 각각의 요소에 더 쉽게 집중하기 위해 앱을 분해했다. 인식하지 못했던 디테일을 관찰하고 애니메이션 안에서 다음 요소로 어떤 것이 나타날지 예상해 볼 수 있다.
각 요소들이 다음 요소 위에 구축되는 걸 보면서, 당신이 본 것에 대해 궁금해하고, 이 제품을 만들기 위해 선택한것을 생각해라. 화면에 보이는 것처럼 각 컴포넌트들은 다음 컴포넌트 위에 쌓여져간다.
이렇게 당신의 눈에 보이는 것들이 어떤 선택과 결정에 따라 만들어졌을지 끊임없이 호기심을 가져보자.
Airbnb 분해

시작하기 위한 몇 가지 관찰

  • 검색 창에 표시되는 Placeholder는 "검색해보시오" 라고 말할 수도 있지만, 그 대신 특정 도시를 언급한다. 런던으로 갈 생각이 없었더라도, 갈 수도 있다고 보여지는 게 흥미롭다.
  • 나는 흐름 안에서 그들이 나중에 볼 수 있는 날짜와 손님으로 몇번이나 반복했는지 궁금하다. 위치를 선택할 때까지 날짜가 표시되지 않는 곳에 대한 탐구는 많은 디자인을 거쳤을 것이다. 이런 사례들은 사람들이 어떻게 검색하고, 그 검색 중에 어떤 식으로 필터를 나타나게 하는지 궁금하게 만든다.
Twitter 분해
관찰
  • 리트윗과 좋아요의 숫자가 얼마나 굵은지 주목해라
  • time stamp에는 날씨 뿐만 아니라 특정 시간도 포함한다. 왜 이럴까? 또한 앱의 다른 위치에서 time stamp가 짧아지는 곳을 주목해라 (예: 프로필 영역의 경우 "5시간" , 피드 영역에서 "4/14/18") 이러한 views의 다른 의도를 생각해라

  • 또 다른 트윗을 더하려는가 있고 그 언어는 구체적이다. 단순하게 '트윗 추가' 가 아니라, '다른 트윗 추가'이다 .

관찰
  • Spotify(*역자 주: 전세계에서 가장 인기있는 음원 스트리밍 서비스들 중 하나)가 재생중인 노래를 보기위해 유지하는 방법에 주목해라

  • New releases에 표시하기로 선택한 콘텐츠에는 새로운 재생목록과 앨범, 싱글이 포함된다.

  • The playlist new music friday에는 팔로워 수가 표시되지만, 재생목록에는 없다. 이 제약에 주목하자. release radar에는 사용자가 한정적이기 때문에 팔로워가 없을 것이다. 누군가는 모든 콘텐츠 사용 사례를 매핑하고 이들과 짝을 이룰 적절한 하위제목을 결정해야 했다.

Spotify 분해

3.규칙을 알아야 규칙을 깰 수 있다.

다음에  Lyft(*역자 주: 미국의 카카오택시같은 서비스)에 앉아있거나 친구를 기다리면서 앱을 열고 디자이너가 그런 식으로 디자인한 이유를 생각해봐라. 일상적으로 다른 앱을 분석해나가면  제품에 대한 생각이 발전되고, 직접 앱을 디자인할 때 더욱 잘 할 수 있을 것이다.

 

당신의 의견도 듣고 싶다!. 재미있는 얘기가 있다면, 언제든 연락해서 말씀해주시길. 그리고 이 주제에 대해 더 생각해보고 싶다면, Hack design 에 와서 Closing the Creative Gap 수업을 추천한다.

저자: Kathleen Warner
원문 링크: https://uxdesign.cc/how-to-develop-an-eye-for-design-c5a4c64bb26c
번역: REASIGN
문의: reasign.newsletter@gmail.com

*무단 전재 및 재배포 금지
디자인에 관심 있는 친구가 있다면 하단 링크를 공유해주세요!
구독 신청 >> http://bit.ly/2u0x2F5
Copyright © 2018 REASIGN, All rights reserved.






This email was sent to <<->>
why did I get this?    unsubscribe from this list    update subscription preferences
D.dok · Kangseo gu, Hawgok ro · Seoul, 11 135-600 · South Korea

Email Marketing Powered by Mailchimp