경험기록

안녕하세요. 오랜만에 피그마 튜토리얼 포스팅이네요. 오늘부터 스스로 매일 30분만이라도 피그마 연습에 투자하고자 합니다. 아직 학생이라 피그마를 매일 쓸일은 없어서, 오랫동안 안쓰면 배워놓은 기능들 다 까먹게 되는게 너무 아깝더라구요. 툴 자체는 배우기 쉽지만 손에 익어야 작업 속도가 빨라지기 때문에 꾸준한 연습이 필요한 것 같아요! 오늘은 피그마 컴포넌트 기능에 대해 자세하게 포스팅해보겠습니다. 피그마를 사용하실줄 아는 분들은 컴포넌트 기능이 어떤 역할을 하는지 알고 계실텐데요! 보통 UI 구성요소들은 반복적으로 여러 화면에 사용됩니다. 가장 쉽게 들 수 있는 예시는 버튼인데요. 같은 색, 모양의 버튼이지만 텍스트만 바뀌는 경우는 해다 버튼은 컴포넌트로 만들어주고 그 컴포넌트를 복사해서 instance..

UX 디자인에서 감성 요소는 매우 중요한 부분이다. 기술이 발전하고 다양한 서비스가 생겨나며 단순히 본질적인 기능에 대한 충족만으로는 경쟁력을 갖지 못하기 때문이다. 인간은 다른 사람들과 감성적인 교감을 원하고, 유대감을 본능적으로 느끼고 싶어한다. 정서적 경험은 사람들의 기억에 오래 남는다. 하지만 감정이 개입되지 않았던 경험은 빠르게 잊혀진다. 인간관계를 예시로 들어 설명하자면 당연한 얘기다. 내가 사랑하는 사람과 함께할 때는 깊은 감정을 느끼고 정서적 교감을 하게되고 그 사람은 내 기억속에 특별한 사람이고, 매우 큰 의미를 갖게된다. 하지만 친분이 별로 없는 사람에게는 감정을 느낄 새가 없고, 특별한 계기가 없는 이상 나와 상관없는 사람이며, 그냥 스쳐지나가고 기억에 남지 않는다. 우리의 에너지는 ..

프로덕트 매니저 업무에 대해서도 궁금하여 유데미 PM강좌를 하나 듣고 있다. 5-6년전에 만들어진 강의라 조금 오래되긴 했지만 성장기를 넘어서서 오랫동안 사랑받는 제품을 개발하는데에는 본질적인 프로세스는 크게 바뀌지 않을 것 같아, 툴이나 어떤 산업 트렌드보다는 디지털 프로덕트를 개발할 때 어떤 프레임워크를 통해 의사결정을 내리는지를 알아두면 좋을 것 같다. 강의 챕터중 'Product Development Process' 섹션에 대한 요약이다. 제품 개발 프로세스에는 보통 7가지 단계가 있다. 1. CONCEIVE 첫 단계는 Conceive 이다. 한국에서는 어떤 단어로 표현하는지는 모르겠는데, 처음 서비스에 대한 아이데이션을 하는 단계로 생각하면 될 것 같다. 이 단계에서는 사용자의 문제나 불편을 겪..

세상에는 정보가 넘치고 흥미로운 것도 많고 새로 배울 게 많아 무엇을 선택해서 배울 것인지 정하는 것도 어렵다. 특히 하나에 꽂혀서 직진하는 성향이 아니라 이것저것 다 따져보고 생각이 복잡한 성향을 가진 사람들에게는. 나는 후자 쪽에 속한다. 나의 첫 출발이 너무 다른 업계였어서, UX를 배우기로 정하는데 꽤 많은 시간이 걸렸고 이제야 첫 걸음을 떼어보았다. 결국 하기로 생각한 것은 일단 빠르고 가볍게 시작을 해보는 것이 훨씬 리스크가 적다는 것을 몸소 느꼈다. UX라는 분야를 배우기로 했지만 막상 UX는 산업별로 접근방식이 다르고 회사마다의 방식도 다르고 정형화된 일이 아니어서 (요즘 많은 일들이 그렇지만..) 이 분야에서 먼저 어떤 부분에 집중을 하고 싶은지도 조금 고민된는 부분이었다. 하지만 결국 ..

UX 는 공부할게 많은 분야인데, 너무 책만 읽고 지식만 습득하다보니 정보가 머릿속에 산발적으로 남아 있고 스스로 생각해보는 시간이 좀 필요한 것 같아 개인 프로젝트를 재미삼아 시작해보았다. 아직 신규 서비스를 생각해낼만한 경험과 아이디어가 부족해 기존의 서비스를 개선하는 UX 리디자인 프로젝트를 시작해보았다. 첫 프로젝트로 마켓컬리를 해보기로 했다! 비주얼 디자인적인 요소들은 그대로 가져가되, 사용성과 경험에 포커싱하여 개인적으로 개선되었으면 좋겠는 포인트들에 대해서만 UX리디자인을 해보려고한다. *읽는 분들이 계시다면, 이 프로젝트는 피그마 연습겸 개인 프로젝트를 진행하기 위한 주관적인 리디자인 프로젝트이며, 마켓컬리가 이렇게 개선되야한다는 주장을 펼치는 것은 아닌 점 참고해주세요 :-) 나는 마켓컬..

UX분야에 입문을하며, 입문자가 사용하기에 가장 장벽이 낮은 피그마를 기초부터 차근차근 배우고 있는데요! 피그마가 사용하는 것 자체는 쉽게 느껴지는데, 은근 효율적으로 프로토타이핑 작업을 하기 위해 쓰이는 꿀팁, 활용법 등을 배우는게 어려워요. 어떤 하나의 기능을 배우기 위해 유튜브, 인프런 등 여러 튜토리얼들을 찾아봐야하고, 강의하는 분들 저마다 포커스하는 내용이 조금씩 달라서 고급 기능 하나 익히는데 생각보다 어렵네요 ㅠ-ㅠ.. 오늘 공유하는 내용은 Auto Layout 기능이에요. 오토레이아웃 기능이 쓰이는 상황은 매우 다양해서, 다양한 예시를 많이 연습해보면 금방 익숙해질 수 있을 것 같아요! 좋아하는 일러스트레이터이자 디자이너인 파블로 스탠리의 튜토리얼 영상을 참고해서 배웠는데, 그 어떤 피그마..

002. 신용카드 결제 화면 두번째 UI 챌린지는 신용카드 결제 (Check Out) 화면이다. 아직 툴 다루는 것도 익숙치 않아 스스로 디자인하는 것이 조금 어려워서 피그마에 익숙해질겸 기존 서비스의 화면을캡처 해서 목업을 똑같이 만들어보는 연습도 좋은 것 같다. 직접 앱을 다운 받아 화면 캡처하는 것도 괜찮지만 mobbin이나 wwit에서 원하는 화면을 쉽게 찾아볼 수 있다. 더보기 (혹시 mobbin.design을 모르시는 분들을 위해) https://mobbin.design 은 해외 유명 서비스들의 어플 전체 화면을 쉽게 찾아볼 수 있는 사이트다. 국내에도 거의 동일한 서비스가 있는 것도 오늘 처음 알았다. https://wwit.design UX/UI 디자이너나 프로덕트 디자이너, PM같은 분들..

Sign Up 화면 디자인하기 Create a sign up page, modal, form, or app screen related to signing up for something. It could be for a volunteer event, contest registration, a giveaway, or anything you can image. www.DailyUi.co Daily UI Design Challenge, Inspiration, and Resources Daily UI design challenge. Become a better designer in 100 days. www.dailyui.co 필라테스나 요가 수업 같은 경우 단체 수업이어도 한 타임당 정원이 정해져있어 미리 예약하..

UX로 커리어 전환이 요즘 내 관심사여서 그런지 유튜브를 보면 전혀 관련 없는 일을 하다가 UX 분야로 커리어 전환을 하는 사람들이 생각보다 많은 것 같아 위안이 된다. UX경험 없이 UX디자이너로 어떻게 취업했는지, UX비전공자가 포트폴리오를 어떻게 만들었는지 등 각자의 커리어 전환 계기와 경험담을 자세히 얘기해주는 영상들을 볼 때마다 나같은 사람들이 많다는 사실에, 혼자가 아니란 생각에 위로를 많이 받는다. 유튜브 만세 ! 저마다 UX를 공부한 방법이 너무 다양해서, 영상을 계속 보다보면 정답이란 게 없는 것 같다. 일단은 어떤 방법으로라든 시작을 하는 것이 중요한 것 같다. UX를 가르키고 있는 온라인 강의 (유료, 무료)도 찾아보면 정말 많아서, 기본기를 배운다는 생각으로 사람들에게 많이 알려져 ..

UX 쪽 공부를해 커리어 전향을 하기로 결심했다. UX의 중요성이 대두된지는 꽤 오래되었고, 나도 2년전에는 UX 공부를 해보려고 미국 부트캠프도 기웃거려보고, 온라인 코스도 알아보고 했다. 미국 부트캠프는 General Assembly처럼 유명한 곳들이 꽤 많은데 리서치를 해보니 Tradecraft라는 곳이 조금 덜 알려졌는데 명성이 괜찮아보여서 담당자랑 스카이프 챗 인터뷰도하고 사전과제로 내가 생각하는 좋은 디자인의 예시에 대해 기술하는 것과 가상의 서비스를 기획해 와이어프레임 단계까지 만들어보는 것이었다. (와이어프레임은 Balsamiq라는 툴을 이용했다. 처음 써보는 툴인데도 굉장히 직관적이었고 재밌었던 기억이..) 이정도까지 했으면 UX쪽을 공부하는 것에 대해 꽤 진지하게 임하고 있었는데 동시에..