디자인을 위한 안목을 높이는 방법 (How to develop an eye for Design)

내가 처음 디자인을 시작했을 때, 난 형편없었습니다.
트렌드 한 Dribbble 이미지를 복사하는 데 집착했지만, 모든 작품이 어떻게 작동했는지는 잊어버렸습니다. 내가 추가한 거친 그림자와 불필요한 장식들을 당신이 보게 된다면, 당신은 공포에 떨게 될 것입니다.
비록 내가 제품 디자인의 천재는 아니었지만, 내가 필요한 기술을 빠르게 해킹하는 방법을 알아냈습니다. 그리고 지금 나는 그 교훈 중 하나를 당신과 공유하고 싶습니다. 당신이 디자이너이든 아니든 이 연습은 제품 감각을 날카롭게 하고 디자인에 대한 안목을 향상시키는 데 도움이 됩니다.

단순히 앱을 사용하지 말고, 연구하십시오.

마치 당신이 제품의 디자이너인 것처럼 생각함으로써 디자인 안목을 개발하십시오. 자주 사용하는 앱을 열고 콘텐츠를 스크롤 하려는 충동을 억누릅니다. 대신, 나는 당신이 적극적으로 당신 앞에 있는 스크린에 집중하기를 바랍니다. 여기에 몇 가지 기억해야 할 사항이 있습니다.
Hierarchy 계층
디자인이 어떻게 당신을 집중하도록 안내합니까? 어떤 정보가 강조되어 있습니까? 색상과 텍스트 처리가 특정 요소의 중요성을 어떻게 알려줍니 까?
Content 콘텐츠
이 경험을 위해 어떤 구체적인 표현이 선택되었습니까? 어떤 콘텐츠가 보이고, 더 흥미롭게는 어떤 콘텐츠가 아닌가요? 콘텐츠의 프레임 간격은 어떻게 사용합니까?
Intent 의도
왜 누군가 이 앱을 열었을까요? 어떤 문제가 해결됩니까? 어떻게 하면 그 디자인이 그 문제를 더 잘 해결할 수 있을까요?
Audience 관객
이 제품을 사용하는 사람들은 누구입니까? 사용 사례가 당신의 사례와 다른 점은 무엇입니까? 이러한 사용 사례에 대한 디자인의 역할은 무엇입니까?



앱 분석하기

아래 GIF에서는 각 구성 요소에 쉽게 초점을 맞출 수 있도록 앱을 분해했습니다. 애니메이션 내에서 다음에 어떤 구성 요소가 나올지 예측하려고 하면 이전에 알지 못 했던 세부 정보를 확인할 수 있습니다. 다음 구성 요소가 구축되는 것을 보면서 보이는 모든 것에 대해 궁금해하고 이 제품에 대해 선택해야 할 사항들에 대해 생각해 보십시오.
presentation
Airbnb 분해
시작하기 위한 몇가지 관찰 내용:
  • 검색 창에 표시되는 플레이스 홀더(placeholder) 텍스트는 단순히 "여기에서 검색"이라고 말할 수 있지만 대신 특정 도시를 언급합니다. 비록 나는 런던에 갈 생각은 없지만, 갈 수 있다는 가능성을 보는 것은 신나는 일입니다.
  • 나는 그들이 날짜(Dates)와 손님(Guests)을 흐름의 후반에 볼 수 있도록 얼마나 반복을 시도했는지 궁금합니다. 위치를 선택하기 전에 날짜가 표시되지 않는 디자인을 만들기 위해 많은 디자인을 시도했을 것입니다. 이것은 사람들이 어떻게 검색하는지 그리고 언제 검색에 필터를 사용하는지 궁금하게 만듭니다.
presentation
Twitter 분해
관찰:
  • Retweets 및 Likes의 수가 굵게(bold) 표시됩니다.
  • 타임스탬프에는 날짜뿐만 아니라 특정 시간도 포함됩니다. 왜 그럴까요? 또한 앱의 다른 위치에서 타임스탬프가 짧아지는 곳도 있습니다 (예 : Feed view 의 '5h'또는 Profile view의 경우 '4/14/18'). 이것의 다른 의도를 생각해보십시오.
  • 다른 트윗을 추가할 예정인 사용자가 있으며 언어가 구체적입니다. 그것은 단지 “Add a Tweet”가 아니라 “Add another Tweet”입니다.
presentation
Spotify 분해
관찰:
  • Spotify가 재생 음악을 볼 수 있도록 하는 방법에 유의하십시오.
  • 이 New Releases 보기에 표시하도록 선택한 콘텐츠에는 새로운 재생 목록과 새 앨범 / 싱글이 포함되어 있습니다
  • The playlist New Music Friday은 팔로어 수를 가지고 있지만 the playlist Release Radar는 그렇지 않습니다. 이 제한을 파고들어 봅시다 - 릴리스 레이더는 사용자에게 특정하기 때문에 팔로워가 없을 것입니다. 누군가는 모든 콘텐츠 사용 사례를 매핑하고 적절한 부제 목을 사용하여 쌍으로 구성해야 했습니다.

규칙을 잘 이해한다, 그러면 당신은 그들을 깰 수 있습니다.

다음에 Lyft에 앉아 있거나 친구를 기다리면서, 앱을 열고 디자이너가 왜 그런 식으로 디자인 한 이유를 생각해보십시오. 일상적으로 다른 앱을 분석함으로써 제품에 대한 사고력을 발전시키고 직접 앱을 디자인하는 데 익숙해질 것입니다.

이 글은 번역 글입니다. 원본 링크입니다.
원저자의 트위터 링크 입니다.



presentation
안녕하세요!
Early adopter입니다. 제 번역 블로그를 자주 찾아 주셔서 감사드립니다.
저를 위해서 시작한 블로그였는데 1년 넘게 하다 보니 욕심이 생기게 되었습니다. 해외 디자인 관련 좋은 콘텐츠를(영어 포함 다양한 언어) 가능한 한 모두 번역해보자!라는 목표를 새워보았습니다. 많이 도와주세요^^
[DTF] 디자인 번역 공장 - Design Translation Factory 그룹도 많이 가입해주시길 바랍니다. 아직은 너무 부족하지만 함께 좋은 방향으로 발전할 수 있기를 기대합니다.
다시 한번 제 블로그를 방문해 주셔서 진심으로 감사드립니다.
PS. 제가 사용하는 블로그 "보버"에 "함께 쓰는 블로그"라는 기능이 요번에 추가됐네요 ㅋ (미디엄에 퍼블리케이션 같은 기능..)
혹시나 저랑 함께 "보버"에서 디자인 번역 공장 연재를 해주실 유저분 계시면 리뷰나, 페북 어디에서든 메시지 주세요!!! 외롭습니다
함께 작업했으면 좋겠습니다^^ 연락 간절히 기다립니다.


번역 글 추천(신청) 받습니다.
안녕하세요. 일 년 조금 넘게 제가 공부 좀 해보려고 블로깅을 처음 시작했는데, 생각보다 많은 분들께서 제 번역 글들을 보시고 계셔서 놀라기도 하고 좋기도 했습니다.
읽고 싶은 좋은 디자인 관련 해외 글들이 있다면 리뷰에 링크를 달아 주세요. 가능하면 번역해보려고 합니다.
기간은 보통 원작자 허락 구하는데 3일 정도 그리고 번역은 1일 정도입니다. 신청하시면 가능한 1주일 내에는 충분히 볼 수 있지 않을까 생각됩니다.