UX 포트폴리오 팁 및 모범 사례

게시 됨: 2022-03-11

글로벌 아웃도어 브랜드 Patagonia의 설립자인 Yvon Chouinard는 회고록에서 Let My People Go Surfing 에 대해 다음과 같이 말했습니다.

정상에 오르는 것보다 산을 어떻게 오르는가가 더 중요하다.

따라서 방법론이 가장 중요한 UX 디자인의 세계에서 특히 클라이언트 및 경력 기회를 추구할 때 가장 중요합니다. UX 디자이너가 방법론을 시연하고 문제 해결 능력을 보여줄 수 있는 가장 좋은 방법 중 하나는 잘 디자인된 포트폴리오 웹사이트를 이용하는 것입니다.

포트폴리오를 기술의 쇼케이스로 생각하기 보다는 "이것이 내가 할 수 있는 일입니다." UX 디자이너는 자신의 프로세스를 설명하고 즐거운 사용자 경험을 만드는 기회를 가져야 합니다 . "이것이 내가 디자인을 사용하여 사람들의 문제를 해결하는 방법입니다."

마찬가지로, 디자이너는 특정 청중, 즉 함께 일하고 싶은 사람과 일하고 싶은 산업에 맞게 포트폴리오를 조정해야 합니다. 그 이유는 무엇입니까?

UX 디자인은 인터랙션 디자이너, UX 연구원, 정보 설계자, 경험 전략가 등 다양한 직함을 가진 광범위한 분야입니다. 이러한 역할은 사용자 경험을 개선하기 위해 존재하지만 동일하지는 않습니다. 각각은 제품 디자인 프로세스에 고유한 기여를 합니다.

에이전시를 위한 UX 디자인 웹사이트
포트폴리오 영감을 찾는 좋은 방법은 UX 디자인 에이전시에서 힌트를 얻는 것입니다. Momentum Design Lab의 이 예는 복잡한 디자인 프로세스를 간단한 그래픽과 명확한 언어로 요약하는 방법을 보여줍니다.

이 가이드에서는 UX 디자이너에게 다음을 통해 멋진 포트폴리오 웹사이트를 만드는 방법을 보여줍니다.

  • 프로세스에 대한 필수 질문 검토
  • 실용적인 포트폴리오 디자인 팁 및 리소스 공유
  • UX 포트폴리오의 매력적인 예시 제공

시작하자.

모든 UX 디자이너가 답해야 하는 포트폴리오 질문

UX 포트폴리오와 관련하여 디자이너는 자신이 소유한 기술, 사용하는 프로세스 또는 전문 프로젝트의 종류에 대해 모호할 여유가 없지만 너무 많은 정보를 제공하는 것도 조심해야 합니다.

마찬가지로 UX 포트폴리오는 모든 과거 작업의 저장소가 되어서는 안 됩니다. 구체적이고 최근에 나온 뛰어난 프로젝트를 선택하고 최상의 솔루션에 도달하는 데 필요한 모든 UX 디자인 단계가 포함 된 프로세스 로 제시합니다.

명료함과 간결함 사이의 균형을 유지하려면 계획이 필요합니다. 단일 UX 포트폴리오 페이지를 설명하기 전에 해결해야 할 중요한 질문이 있습니다. 이것들을 건너 뛰지 마십시오. 답변은 필수 포트폴리오 콘텐츠의 잠금을 해제하고 사이트의 조직적 프레임워크 역할을 합니다.

나는 어떤 유형의 UX 디자이너인가?

미래의 경력 기회를 과거 직책에 국한하지 마십시오. 시간을 내어 실제로 하는 일과 수행 방법을 평가하십시오. 당신은 당신이 당신의 경력 전반에 걸쳐 잘못 분류된 것을 발견하고 놀랄지도 모릅니다. 이 질문의 목표는 UX 디자인 프로세스의 중심에 도달하여 계속해서 의존하는 문제 해결 패턴을 밝히는 것입니다.

이것은 큰 질문이지만 당신이 무엇을 찾을 수 있는지 두려워하지 마십시오. 모든 큰 질문과 마찬가지로 작은 질문으로 압축을 푸는 것이 가장 좋습니다. 따라서 다음과 같이 자문해 보십시오.

  • 내가 일반적으로 해결하는 UX 디자인 문제 유형을 통해 실행되는 공통 스레드가 있습니까?
  • 내 UX 디자인 프로세스에서 반복되는 단계는 무엇입니까?
  • 연구를 수행하기 위해 어떤 방법을 사용하고 내 발견으로 무엇을 합니까?
  • 내가 다른 사람보다 중요하게 여기는 문제 해결 방법이 있습니까?
  • UX 디자인 경력에서 어떻게 이 시점에 도달했으며 실제로 어떤 관련 경험을 갖고 있습니까?

*프로 팁: 이러한 질문에 답하고 나면 모든 답변을 읽기 쉬운 단일 문장으로 요약하고 포트폴리오의 "홈" 또는 "정보" 페이지에 눈에 띄게 표시합니다.

UX 디자이너 포트폴리오 홈페이지
제품 디자이너 Miro Kirov는 자신의 전문 배경, 강점 및 자격 증명에 대한 명확한 설명과 함께 자신의 포트폴리오 웹사이트 방문자를 환영합니다. 그렇게 함으로써 그는 파트너가 되고자 하는 고객 유형에 대해서도 암시합니다.

UX 디자인 분야에서 나는 무엇을합니까?

문제 해결 프로세스의 내부 작업을 이해했다면 UX 디자이너로서 실제로 하는 일에 대해 더 구체적으로 알아볼 때입니다. 다시 말하지만, 과거 직책이 귀하의 답변을 알려주도록 하는 것은 현명하지 않습니다.

다음은 시작하는 데 도움이 되는 몇 가지 질문입니다.

  • 나는 UX 연구원입니까 아니면 디자이너입니까?
  • 나는 UX 제너럴리스트인가? UX 연구와 디자인 사이를 쉽게 이동할 수 있습니까?
  • 나는 전문가인가? 내가 탁월하고 무엇보다도 하고 싶은 특정 UX 연구 또는 디자인 작업이 있습니까?
  • 내 기술이 UI 디자인 및 시각 디자인에 적용됩니까?
  • UX 전문가 팀을 관리할 능력, 경험 및 의욕이 있습니까?

귀하의 답변은 포트폴리오에 포함되어야 하는 프로젝트와 참여를 구성하는 방법을 나타내기 때문에 중요합니다.

패션 업계 최고의 UX 디자인 포트폴리오
UX/UI 디자이너 Kat Windley는 포트폴리오 표지 이미지를 사용하여 패션 업계의 유명 인사들과 함께 일한 경험을 보여줍니다.

예를 들어, 정말로 인터랙션 디자이너로 일하고 싶다면, 민족지학적 연구의 틈새 분야에서 과거 경험을 강조하는 서면 설명과 프로젝트를 중심으로 포트폴리오를 구축하는 것은 현명하지 않을 것입니다.

나의 관련 UX 관련 기술은 무엇입니까?

삼키기 힘든 약이 있습니다. 포트폴리오 사이트에 있는 "관련 기술"의 긴 목록은 방문자에게 가치를 추가하지 않습니다 .

UX 디자인 기술 및 포트폴리오 모범 사례
디자인 기술과 성취에 대한 긴 목록은 읽기 어렵고 무시하기 쉽습니다.

프로젝트의 관점에서 UX 디자인 능력을 향상시키는 더 좋은 방법이 있습니다. 이것은 당신이 사용하는 디자인 프로그램과 방법을 당신의 프로젝트 비주얼과 설명의 프리젠테이션에 짜넣는 것을 의미합니다.

시작하려면 자신이 자랑스러워하는 프로젝트를 시작하고 다음과 같은 질문을 하십시오.

  • UX 디자인 프로세스의 각 단계에서 이 프로젝트에 기여한 것은 무엇입니까?
  • 이러한 기여를 하기 위해 어떤 도구와 기술을 사용했습니까?
  • 최종 제품에 큰 영향을 미치는 전략을 만들거나 구현하는 데 도움을 주었습니까?
  • 내가 초기 고객 대화에 참여했거나 프로젝트 제안서를 작성했습니까?
  • 내 일반적인 전문 분야 이외의 작업을 수행해야 하는 주요 장애물이 있었습니까?

자신을 짧게 팔지 마십시오. 프로젝트 참여를 주의 깊게 살펴보면 "조사 수행" 또는 "설계 소프트웨어 운영"보다 훨씬 더 많은 일을 했다는 것을 알게 될 것입니다.

*프로 팁: 일부 UX 디자이너는 포트폴리오의 각 프로젝트에 대해 "사용된 기술" 요약을 포함합니다. 이것은 효과적일 수 있지만 너무 많은 기술을 나열하거나 UX 디자인 프로세스의 전체 프레임워크에 맞지 않는 기술을 강조 표시하면 역효과가 날 수도 있습니다.

내 UX 디자인 기술을 누구를 위해 어떻게 사용하고 싶습니까?

젊거나 경험이 부족한 UX 디자이너는 자신이 어떤 직업을 갖고 싶은지 알기 어려울 수 있지만 몇 년의 조미료와 소수의 성공적인 프로젝트를 통해 바람직한 경력 경로를 더 쉽게 구상할 수 있습니다. 이것은 UX 포트폴리오의 중요한 측면입니다.

당신이 일하는 사람들의 종류, 당신이 일하는 프로젝트, 당신이 일하는 산업은 당신의 포트폴리오의 예시와 서면 설명에서 명확해야 합니다.

예를 들어, 대학 스포츠 세계에 영향을 미치는 디지털 제품에 대한 사용자 연구원이 되려는 매우 구체적인 야망이 있는 경우 포트폴리오에 이를 분명히 해야 합니다.

UX 디자인 기술을 누구를 위해 사용하고 싶은지에 대한 통찰력을 얻으려면 다음과 같이 자문해 보십시오.

  • 내가 일하고 싶은 상위 두 산업은 무엇입니까?
  • 내가 선호하는 업계에 취직하는 데 도움이 되는 프로젝트나 과거 경험이 있습니까?
  • 나는 어떤 작업 속도를 즐깁니까? 나는 긴 시간에 괜찮습니까?
  • 프리랜서를 하고 싶습니까? 스타트업과 함께 일하십니까? 기업 경력을 시작?
  • 내 작업이 영향을 미치기를 원하는 조직이나 원인이 있습니까?
  • 얼마를 받고 싶습니까?
  • 나는 어디에서 살고 싶은가? 원격으로 일하고 싶습니까?

이것은 완전한 목록은 아니지만 시작하기에 좋은 곳입니다. 당신이 숙련된 UX 문제 해결사라면 수요가 높을 수 있지만 이는 사람들이 적합하지 않은 경우에도 기꺼이 당신을 고용할 것임을 의미합니다. 궁극적으로, 당신은 당신 자신의 옹호자가 되어야 하고 당신의 야망에 부합하는 UX 경력을 계획해야 합니다.

Show and Tell – UX 포트폴리오를 위한 실용적인 디자인 팁

포트폴리오 사이트의 모든 픽셀은 즐거운 사용자 경험을 만들 수 있는 기회입니다. 프로젝트 비주얼에서 사이트의 정보 아키텍처에 이르기까지 각 디자인 요소는 "나는 최고의 UX 디자이너입니다."라고 선언하는 핑계입니다.

결론: 포트폴리오를 전문 프로젝트처럼 취급하고 실제로 빛나는 사이트에 대한 실용적인 디자인 팁을 통합하십시오.

시각적 단순성을 통해 디자인 프로세스를 최전선으로 가져오기

  • UX 디자인 프로세스의 결과물을 깨끗하고 균일하며 순차적인 방식으로 제시합니다. 여기에는 스케치, 와이어프레임, 사용자 여정 지도, 프로토타입 등이 포함됩니다.
  • 복잡한 애니메이션이나 독특한 페이지 레이아웃과 같은 기능을 포함하면 방문자가 귀하의 사이트를 방문하는 실제 이유, 즉 귀하의 작업을 보기 위해 주의를 분산시킬 수 있습니다.
  • 최종 제품의 글래머 샷을 보여주는 것은 괜찮지만 이것은 이야기의 일부일 뿐입니다. 고용 관리자와 잠재 고객은 귀하의 프로세스를 빠르게 보고 이해하기를 원하며 광택 있는 인터페이스는 문제 해결 기여의 핵심에 도달하지 못합니다.

UX 연구 포트폴리오 아티팩트
Jeffrey Davis와 같은 노련한 UX 디자이너는 이 콘텐츠 전략 스프레드시트와 같은 디자인 프로세스의 화려하지 않은 아티팩트를 보여주는 가치를 알고 있습니다.


포트폴리오를 만들고 프로세스 스케치를 포함합니다.
Cyber ​​Duck과 같은 UX 디자인 에이전시도 문제 해결 프로세스를 시연하는 방법으로 개념 스케치와 저충실도 인터페이스를 공유합니다.

포트폴리오 방문자의 참여를 유도하기 위해 명확한 프로젝트 요약 작성

  • 포트폴리오의 각 프로젝트에 대한 높은 수준의 요약을 제공하십시오.
  • 문제를 간결하게 정의하고 다양한 솔루션을 탐색한 방법을 보여줍니다.
  • 프로젝트 요약은 당신이 한 일을 나열하는 것이 아닙니다. 유익한 결과를 제공한 방법을 보여줄 수 있는 기회입니다.

UX 디자인 웹사이트 프로젝트 요약
Bill Tribble의 프로젝트 요약은 UX 디자인 문제를 간결하게 정의하고 솔루션에서 그의 역할을 소개합니다.

전문 용어 없이 프로세스를 설명하여 전문성 입증

  • 기술 전문 용어에 대한 광범위한 지식에 감명을 받기 위해 UX 포트폴리오 사이트에 오는 사람은 없습니다.
  • 친근하고 전문적인 목소리를 사용하고 과도한 자기 홍보와 내부 유머를 피하십시오.
  • 기술의 변화에 ​​따라 신선하게 유지되는 "에버그린" 언어를 목표로 합니다.
  • 단순함은 이해를 나타내는 것이므로 비전문가도 쉽게 이해할 수 있는 쉬운 언어로 작성하십시오. 결국 당신을 고용하는 담당자는 정교한 UX 용어에 익숙하지 않을 수 있습니다.

명확하게 정의된 UX 디자인 프로세스
UX 디자인 연구는 복잡할 수 있지만 디자이너 Maria Corino는 이해하기 쉬운 언어를 사용하여 연구 노력 이면의 의도를 명확히 합니다.

다른 사람들과 협업할 수 있는 능력을 보여주세요

  • 광범위할 필요는 없지만 다른 디자인 및 개발 전문가와 잘 협력한 사례를 보여줍니다.
  • C-Suite와 함께 작업한 경험이 있는 경우 강조 표시하십시오.
  • 제품 팀이나 원격 작업자 그룹을 관리했다면 기록해 두십시오.

작업을 선별하고 우수하지 않은 것은 버리십시오.

  • 자가 편집은 크리에이티브 전문가에게 가장 어려운 작업 중 하나이지만 사람들이 귀하가 완료한 모든 프로젝트를 샅샅이 살펴보기 위해 귀하의 포트폴리오를 방문하는 것은 아니라는 점을 기억하십시오.
  • 게다가 3-4년 전의 작업은 지난 12-18개월 동안 작업한 프로젝트와 많이 다를 수 있습니다.
  • 최선을 다하고 일반적인 UX 디자인 프로세스와 모순되는 것이 없는지 확인하십시오.

이해관계자 추천으로 신뢰 구축

  • 설계 작업의 특성상 설계자는 종종 프로젝트 이해 관계자와 긴밀한 작업 관계를 구축합니다. 이해 관계자의 간단한 1-2 문장 평가(헤드샷과 함께)를 포함하는 것은 미래에 당신을 고용할 사람들에 대한 신뢰를 고취시키는 좋은 방법입니다.
  • 당신이 사용하는 평가가 당신이 끌어들이고 싶은 UX 클라이언트의 종류와 관련이 있는지 확인하십시오.

포트폴리오 디자인 레이아웃 사용후기 페이지
UX 디자이너 Tamara Olson은 대담한 헤드라인 글꼴을 사용하여 자신의 디자인 기술과 긍정적인 고객 관계에 대해 이야기하는 고객 평가의 핵심 문구를 강조합니다.

실제 사례에 대한 링크 및 작업의 실제 장점 입증

  • 잠재 고객이나 고용 관리자가 직접 프로젝트를 경험하는 것은 강력할 수 있으므로 주저하지 말고 작업의 실제 예에 대한 링크를 포함하십시오.
  • 그러나 링크에만 의존하지 마십시오. 포트폴리오의 각 프로젝트에는 컨텍스트와 참여에 대한 설명이 필요합니다.
  • 주의 사항: 때때로 링크를 모니터링하여 작업이 여전히 정확하게 표시되는지 확인하십시오. 고객은 때때로 완제품을 "손으로 만지작거리는" 습관이 있는데, 이는 당신의 능력을 아마추어처럼 보이게 할 수 있습니다.

강력한 클릭 유도문안 설계 및 연락처 정보 제공

  • 이것은 간과하기 쉽지만 웹사이트 방문자가 연락하도록 유도하는 것이 중요합니다(특히 프리랜서의 경우).
  • 이 작업을 수행하는 가장 좋은 위치는 프로젝트가 끝날 때 수행할 수 있는 작업을 보여준 후입니다. “당신이 보는 것처럼. 얘기하자.”
  • 그런 다음 사람들이 당신과 연결할 수 있는 하나 또는 두 가지 신뢰할 수 있는 방법을 제공해야 합니다.

포트폴리오 사이트 클릭 유도문안 및 연락처 정보
UX 디자이너 Alex Gilev는 영감을 주지 않는 "Contact Me" 버튼에 만족하지 않습니다. 대신 그는 "나와 협력하면 제품이 향상될 것"이라는 약속으로 방문객을 유인합니다.

전문가 UX 포트폴리오의 5가지 필수 요소를 기억하십시오

이 안내서에서 다른 것이 기억나지 않는다면 다음 다섯 가지 필수 진리를 기억하십시오.

  1. 프로세스가 가장 중요하며 UX 디자인 포트폴리오는 디자이너가 문제에서 솔루션으로 이동하는 방법을 명확히 해야 합니다.
  2. UX 디자인 포트폴리오는 기술 쇼케이스가 아니라 즐거운 사용자 경험을 만들고 UX 디자인 프로세스의 숙달을 보여줄 수 있는 기회입니다.
  3. 간단한 프로젝트 설명과 시각 자료는 전문 용어와 화려한 이미지보다 더 효과적입니다.
  4. UX 디자이너의 포트폴리오에 있는 모든 프로젝트는 채워진 역할과 기여한 부분에 대해 명확해야 합니다.
  5. 디자이너는 UX 포트폴리오를 특정 청중에게 맞춰야 합니다.

UX 요소 연구 아티팩트
UX 디자이너 Fabio Muniz는 Google 문서도구에서 만든 디자인 아티팩트를 공유합니다. 화려한 제품 이미지는 괜찮지만 디자이너 프로세스의 핵심에는 도달하지 못한다는 것을 기억하십시오.

실수하지 마세요. UX 포트폴리오 사이트를 디자인하는 것은 신중한 생각과 실행이 필요한 상당한 작업이지만, 프로세스가 최전선에 있을 때 디자이너가 항상 꿈꿔오던 경력과 클라이언트에 접근할 수 있는 가장 좋은 방법 중 하나입니다. 의.

• • •

Toptal Design 블로그에 대한 추가 정보:

  1. 최고의 UX 도구 [인포그래픽 포함]
  2. 검증된 UX의 법칙 [인포그래픽 포함]
  3. Ultimate UX Hook – UX의 예측적이고 설득력 있고 감성적인 디자인
  4. 경험이 전부입니다 – 최고의 UX 가이드
  5. 최고의 디자이너가 사용하는 10가지 UX 결과물