🔖 2021년 7월 4주 TOP3

🔖 2021년 7월 4주 TOP3

163개의 UX 입사 지원서를 검토한 후의 생각

저는 최근 중급(4년 이상의 경력) UX 디자이너 직위를 위해 많은 입사 지원서를 검토하고 있습니다. 현재(또는 앞으로) 같은 과정을 밟고 계신 분들께 혹시나 도움이 되기를 바라면서, 이 과정에서 얻은 통찰력 중 일부를 문서화하기 위해 이 글을 씁니다.

1. 자기소개서

될 것인가 말 것인가?:

자주 묻는 질문은 다음과 같습니다. FAQ에서 구직 신청 시 자기소개서가 필요합니까?라는 질문이 있는데, 그것은 아마도 당신이 물어봐야 할 질문이 아닐 것입니다. 저는 이것을 "자기소개서를 제공하면 화상 면접에 유리할까요?"라고 다시 재구성하고 싶습니다.

적을 수록 좋다:

명시적으로 요청하지 않는 한 자기소개서를 제공하지 않는다고 해서 기회에서 제외되지 않는 경우가 많습니다. 반대로, 최소 자격 요건을 충족하지 못할 경우에는, 자기소개서를 소지해도 역시 영향을 뒤흔들 수는 없습니다. 좋은 자기소개서를 제공할 준비가 되어 있지 않다면 그냥 빼는 것이 좋습니다.

잘못된 자기소개서:

자주 일어나서는 안되겠지만, 정말 나쁜 자기소개서는 종종 평가의 끝을 알려줍니다. 한 지원자는 채용 공고에 앞서 자기소개서에 시간 표기를 표시한 것에 반해, 어떤 지원자들은 자기소개서에 잘못된 회사 이름을 기입한 것을 보았습니다. 이는 부주의함을 나타내기 때문에, 고용 팀 입장에서는 우려사항의 주된 원인을 제공합니다.

로봇은 인간의 일자리를 얻지 못합니다:

많은 사람들이 자기소개서 템플릿을 재사용하곤 합니다. 저도 압니다, 저희도 물론 바쁘지만 이런 경우에는 로봇처럼 말하는 것 같고 고용팀도 냄새를 맡습니다. 그렇다고 꼭 지원자를 배제하는 것은 아니지만, 확실한 영감을 잘 주지 않고 자신에게 긍정적으로 반영하지도뿐더러, 당신과 고용팀 둘 다 시간을 낭비하게 될 것 입니다.

요약:

자기소개서를 경쟁자와 차별화되고 돋보이게 하는 도구로 활용하세요. 인격적이고, 성실하며, 현실적으로 되세요. 에세이가 될 필요가 없습니다. 단순히 '진행만 통과'만 하지 말고, 목적이 있는 사람들에게 이메일을 보내는 것처럼 행동하세요. 이것이 자기소개서가 진짜로 의미하는 바입니다.

2. 이력서

첫인상이 매우 중요합니다:

대부분의 회사가 입사 지원서를 관리하기 위해 Greenhouse, Jobvite 및 Taleo와 같은 지원자 관리 소프트웨어를 사용한다는 것을 알고 계실 것입니다. 하지만 채용 팀이 입사 지원서를 처음 접할 때, 이력서가 200x260의 축소된 섬네일로 표시된다는 것을 알고 계시나요? 이 작업들을 해 보신 채용팀 분들은 아실지도 모르겠지만, 처음 몇 초 사이에 미리 보기 이미지(시각적인 요소, 레이아웃 및 색상)를 보는 동안 디자이너에 대해서 얼마나 많은 것을 알 수 있는지 놀라울 따름입니다. 저희는 이력서의 내용뿐만 아니라 디자인도 판단합니다. 따라서 사례 연구 프레젠테이션뿐만 아니라 이력서 디자인에 대해서도 생각을 해 보아야 합니다.

대학 이메일 주소를 사용하는 것은 좋지 않습니다:

대부분의 사람들은 이력서에 이메일을 기재를 합니다만, 이력서에 대학 이메일 주소를 사용하는 지원자들을 본 적이 있었습니다. 저는 이것의 근거를 이해할 수 없었습니다. 그들이 학교를 갓 나와서 실무적인 경험이 많지 않을 수도 있다는 것을 전달하는 방법이 될 수 있습니다. 인턴십 역할을 지원하는 것은 괜찮을지 모르지만, 주니어 수준이 아닌 경우에는 그렇게 보기가 좋지 않습니다.

이력서를 현대화하세요:

지원자의 이력서를 시각적으로 디자인하는 것은 그들의 시각적인 디자인 기술과 큰 관련이 있다는 것을 알게 되었습니다. 제가 MS Word 스타일의 이력서를 볼 때, 저는 종종 그 지원자가 시각 디자인에 그다지 강하지 않다는 것에 이제는 아무 감흥이 없습니다. 이력서는 사용자가 완전히 소유할 수 있는 문서입니다. Word 문서처럼 보이면 입사지원을 크게 상관하지 않거나 올바르게 디자인하는 방법을 모를 수 있습니다. 어느 쪽이든, 보기가 좋지 않습니다.

PDF로 부탁드려요!:

다수의 지원자가 MS Doc 파일(.docx)로 이력서를 제출하는 것을 보았습니다. 이력서 프레젠테이션이 엉망이 될 위험이 없도록 PDF를 고수하세요

간결하게하며 자신의 영향력에만 초점을 맞추세요:

3~4페이지 분량의 이력서를 보면, 저는 많은 업적을 가진 후보자를 보지 못합니다. 오히려 효과적인 의사소통 능력이 부족한 사람으로 보입니다. 이력서 작성에서 중요한 것에 초점을 맞추세요. 5년 전에 하셨던 일들이 흥미로울 수는 있지만, 대부분의 경우 현재 지원하고 있는 역할과는 무관합니다. 여러분의 글쓰기 자본을 현명하게 쓰도록 노력하세요. 공간이 너무 많기 때문에, 모든 단어 숫자들 중요하게 생각하세요.
.  
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

레이아웃 그리드로 더 좋은 UI 디자인을 구축하는 법

그리드 시스템은 인쇄 출판물에서 오랫동안 사용되어 왔습니다. 신문을 읽어보신 적이 있으신가요? 그리드 및 텍스트 블록 형태로 뉴스를 어떻게 표시하고 있는지 확인해보세요. 간단하지만 체계적입니다.

그러나 그리드는 인쇄물과 마찬가지로 디지털 미디어에서도 중요합니다. 일관성이 없는 디자인과 텍스트 블록이 있는 웹사이트나 모바일 앱보다 더 실망스러운 것은 없습니다. 비전문적으로 보일 뿐만 아니라 탐색 및 읽기를 더 어렵게 만듭니다. 이것이 그리드가 유용한 이유입니다.

좋은 디자인의 비결은 시각적 요소가 위치에 따라 어떻게 구성되고 배열되는가에 있습니다. 레이아웃 그리드를 사용하면 이를 달성할 수 있습니다.

컬러와 마찬가지로, 타이포그래피는 UI/UX 디자인에서 필수적인 부분입니다. 레이아웃 그리드도 그중에 중요한 부분을 담당합니다. 그리드가 없으면 텍스트와 이미지가 여기저기 널려 지저분하게 될 것입니다.

따라서 본 아티클은 그리드에 대한 이해를 돕기 위한 가이드로 구성되어 있습니다. 다음과 같이 표시합니다.

그리드 시스템이란 무엇입니까?

그리드 시스템은 쉽게 말해, 서로 교차하는 수직선과 수평선의 조합입니다. 그런 다음 이러한 교차 지점을 이용하여 웹 사이트 또는 애플리케이션의 콘텐츠를 정렬합니다. 그리드 시스템을 통해 디자이너는 쉽게 소화하고 관리하기 쉬운 방식으로 콘텐츠를 정렬할 수 있습니다.

그리드는 요소 사이에 있는 보이지 않는 접착제 역할과 같습니다 이것들이 물리적으로 분리되어 있어도, 제자리에 계속 고정시킵니다.

그리드 레이아웃의 유형은 어떤 것이 있습니다.

그리드에는 4가지의 유형이 있습니다.

1. 원고형 그리드 (manuscript)
2. 컬럼 그리드 (Column Grids)
3. 모듈 그리드 (Modular Grids)
4. 베이스라인 그리드 (Baseline Grids)

이제 각 항목들을 살펴보고 각각 어디에서 사용 가능한지 알아보겠습니다.
.  
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

모든 디자이너가 알아야 할 필수 CSS개념

 이해를 위해 일러스트 및 애니메이션을 제공합니다.

대부분의 UI 디자이너와 마찬가지로 저는 사용자 인터페이스의 기술적인 측면에 대해 배우기 전에 사물의 디자인 측면에서 시작했습니다. 저는 항상 작동 방식을 이해하고 싶었고 UI도 다르지 않았습니다. 나도 모르게 복잡한 프런트 엔드 애플리케이션을 프로그래밍하고 있었습니다. Macromedia Flash의 ActionScript를 시작으로 Adobe Flash Builder, HTML, CSS, jQuery, Next.js, React 및 Contentful과 같은 헤드리스 콘텐츠 관리 시스템을 결합한 완전히 검색 엔진에 최적화된 JavaScript 웹 응용 프로그램에 이르기까지 환상적이다.

 "gotoAndPlay(25);"
 — ActionScript 2.0, 15years ago.

UI 디자이너와 작업할 때 코딩할 줄 아는 디자이너와 그렇지 않은 디자이너 사이에는 매우 분명한 차이가 있습니다.
15년 전, 하지만 오늘날과 마찬가지로 훌륭한 그래픽 디자이너는 인쇄의 기본을 알고 있었습니다. 그는 종이 종류와 무게를 알고 있었습니다. 그는 다른 인쇄 기술을 알고 있었습니다. 그는 이러한 기술의 단점과 장점, 이를 결합하는 방법 등을 알고 있었습니다. 마찬가지로 훌륭한 (UI) 디자이너는 CSS의 기본 사항과 사용자 인터페이스가 실제로 어떻게 구축되는지 알아야 합니다.
오늘은 모든 디자이너가 알아야 할 가장 기본적인 CSS개념 5가지를 알아보겠습니다.

1. 부모와 자녀
당신이 알고 있든 없든 모든 구성은 일종의 계층 구조입니다. 정신적으로 이 계층 구조를 인정한 다음 디자인에 구현하면 사용자를 위한 정보를 구조화하고 디자인을 견고하고 일관성있게 유지하는 데 도움이 됩니다.

계층은 부모와 자식으로 구성됩니다. 가계도와 마찬가지로 자녀는 더 많은 자녀의 부모가 될 수 있으며 대부분의 부모는 자녀입니다. 즉, 부모, 조부모, 조부모 등의 조상이 있고 자녀, 손자 등의 후손이 있습니다.

디자인을 가장 상단에 디자인의 루트인 캔버스가 있는 조상과 후손의 모음으로 생각합니다. 조상이 움직이면 자손도 움직입니다. 조상이 차원을 변경하면 자식도 재배포하거나 크기를 조정합니다.

2. 마진(개인 공간)
디자인의 모든 개체는 정의된 개인 공간 또는 여백을 갖기를 원합니다. 여백은 사람들이 붐비는 장소에서 다른 사람들과 일정한 거리를 유지하는 것을 선호하는 것처럼 개체가 자신과 다른 개체 사이에 유지하려는 공간입니다.

개체는 각 면에 대해 다른 여백을 가질 수 있습니다. 예를 들어, 정사각형은 왼쪽에 100픽셀의 공간을 유지하고 상단에 50픽셀의 공간만 유지하는 것을 선호할 수 있습니다. 일반적으로 부모(형제)가 같은 개체는 모두 같은 여백 집합을 공유합니다. 이렇게 하면 디자인이 정리되어 보입니다.
개체의 여백을 변경하면 해당 개체와 다른 개체 간의 거리가 변경됩니다.

 3. 패딩( 모피)
여백과 밀접하게 관련되어 있지만 근본적으로 다른 것은 패딩입니다. 패딩은 모피로 볼 수 있습니다. 주변 공간이 아니라 개체의 필수적인 부분입니다. 여백과 마찬가지로 패딩은 위쪽, 왼쪽, 오른쪽 및 아래쪽에 대해 다른 값을 가질 수 있습니다.

패딩은 객체에 자식이 있을 때만 작동합니다(또는 객체에 미리 정의된 너비 또는 높이가 있지만 복잡하게 만들지 않겠습니다). 부모 개체에 20픽셀의 패딩이 있고 너비가 100픽셀, 높이가 50픽셀인 자식이 하나 포함되어 있는 경우 부모 개체의 크기에 모피가 추가되기 때문에 부모 개체는 너비가 140픽셀, 높이가 90픽셀이 됩니다.

패딩을 일관되게 사용하면 디자인을 안정화하는 데 도움이 됩니다. 디자인에 여러 유형의 컨테이너(자녀가 있는 부모)가 포함된 경우, 서로 다른 용도로 사용되더라도 각 컨테이너에 동일한 패딩을 사용하는 것이 가장 좋습니다.

패딩이 증가함에 따라 자녀로 가득 찬 컨테이너는 다음과 같이 커집니다.

컨테이너는 패딩과 여백을 모두 가질 수 있으며 종종 그렇게 합니다.  패딩은 컨테이너의 실제 크기를 늘리고 여백은 컨테이너와 다른 객체 사이의 공간을 정의합니다.
.  
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

디자이너 공유, UXUI 스터디 참관, UX 발표자료 공유등 다양한 정보를 노션에서 확인하세요.

💭 단톡방 가입문의  (2,070명)

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

📍 SNS   @from.designer 페이스북 , 인스타그램