Overview채용공고 홈 및 검색 페이지 분석 아래의 글은 우리 조의 사용자 시나리오 중 내가 맡은 채용공고 파트 내에 있을 법한 상황을 예상하여 적어본 것이다. ... 채용공고 페이지에 들어온 남자는 추천공고를 둘러본다. 그러나 아직 남자에 대한 정보가 쌓이지 않아 적절한 추천을 해주지 못하는 알고리즘으로 인해 남자는 계속 무한스크롤을 하다 첫 줄로 올라가고 싶은 마음이 들었다. 그러나 맨 위로 올라가기 버튼이 없어 그냥 찾자..라는 생각으로 서치 바를 클릭해 서치 페이지에 진입한다. 그런데, 뭘 적어야 하는지 살짝 난감하다. 연관 검색어가 있긴 하지만 무슨 기준인지도 모르겠어서 그냥 고민하다 내가 원하는 직무를 곧이곧대로 서치하게 된다. ... 채용공고 홈 제일 처음 이 앱을 이용하는 유입 유저는 ..
Overview 드디어 시작된 UI 프로젝트, 데스크리서치 중 고난 오늘 발제를 시작하고, 프로젝트의 여정이 시작되었다. 우리는 개선사항 추출에 용이한 '링크드인' 플랫폼 클로닝을 프로젝트 목표로 잡고 데스크리서치를 시작했다. 그런데 갑자기 예상하지 못한 이슈가 발생하였다. 링크드인은 해외에 본사가 있는 줄은 알았지만 한국 지사가 없는 외국 서비스인지는 미처 몰랐다. 이런 상황이 되면 다음과 같은 문제점이 발생한다. 국내 통계의 신뢰가 떨어진다. 링크드인의 주 이용자층은 미국 청년 남성으로 나타나는데, 국내 사용자는 이와 동일하지 않기 때문에, 국내 이용자의 패턴만을 모집한 통계는 주 이용자층과 거리가 멀어 신뢰성이 떨어진다. 해외 통계를 올바르게 찾는 인사이트가 부족하다. 그렇다면 해외 통계를 서치해야..
Overview 진정한 의미의 페이지 늘려서 제출 지금까지 내가 알고 있던 페이지를 늘려 제출하라는 것의 의미는 프로토타입 Width와 Height은 프로토타입 기기와 동일하게 유지하지만, 프로토타입의 Clip contents를 해제하여 숨어있는 콘텐츠까지 보여달라는 것으로 알았었다. 그러나 진짜 페이지를 '늘려달라'라는 의미는 그것이 아니었다. 프로토타입 페이지를 Fixed navigation은 Bottom으로 유지한채 정말 페이지 Height만큼 늘려놓으라는 것이었다. 그렇게 되면 Scroll behavier를 버티컬로 맞춰놓지 않더라도 프로토타입 기기설정을 On으로 돌리게 되면 자동으로 Scroll 설정이 완료된다. 해당 사항을 이해하고 모두 같은 구조로 변환해 놓으니 정말 편리했다. 토스 컨테이너..
Overview 피그마 활용법 (1) 정리 및 실습을 완료하며 드디어 이번주! 피그마 활용법 (1)의 내용을 모두 옵시디언에 정리할 수 있었다. 커리큘럼 내의 목차나 구성방식이 노트에 폴더화해두면 지식 확장에 용이할 것이라는 생각이 들어 시작한 노트 정리인데, 아직 옵시디언 사용이 원활하지 않아 비효율적인 방식도 많았다. 그러나 부족한 방식이더라도 정보를 구조화해두면 이해하기 훨씬 편할 것이다. UXUI 심리학 법칙은 비단 UXUI에 국한되는 것 뿐만 아니라 광역적 의미로는 세계에 통용되는 것 같다는 생각이 다시금 들었다. 보완해도 보완해도 끝이 없는 개인 과제 계속 수정에 수정에 수정에 수정을 거쳐왔던 개인과제. 이제 끝날 줄 알았지만, 아니었다. 오늘(19일) 튜터님 특강을 들으면서 내 개인과제를 다..
아티클 정보 2024년 디자인 트렌드 5가지 Hero layouts 이승철/2024년 1월 15일 2024년 디자인 트렌드 5가지 Hero layouts 히어로 레이아웃 디자인 트렌드 | 개인적으로 디자인 트렌드에 크게 관심이 없습니다. 제 생각에, 사용자가 제품에 적극적으로 관심을 가지고, 신체적, 심리적, 정서적으로 깊이 몰입할 수 있도 brunch.co.kr 아티클 내용 UXUI 심리학 법칙 중 심미적 사용성 효과에 따라 심미적으로 아름다운 디자인은 더 사용하기 좋은 것으로 여기므로, 디자인 심미적 트렌드에 대한 이해는 유의미하다. 1. Isolated Component Hero Layout 앱이나 소프트웨어의 중요한 UI 컴포넌트만을 선택 강조하는 것 전체를 보여주지 않고도 핵심 부분을 부각할 수..
있다 없는 문의 폼 제목 가상 커머스 상세 문의페이지 와이어프레임 제작 중 가장 고민이 많이 되는 지점은 내가 한번도 생각해보지 못한 '폼 제목'단에 있었다. 문의페이지의 리스트 바리에이션은 커머스별로 두 가지 존재했다. 첫번째로 폼 제목만 상단에 띄운 페이지에서 클릭 시 상세 문의 본문이 들어나는 케이스이고 2번째는 문의폼 제목이 없고 문의 본문만 존재하여 클릭이 아닌 토글로 움직이는 케이스이다. 원래는 토글형 노뎁스로 해야겠다는 생각만 하고 있었는데, 갑자기 다른 변수가 등장한 것이다. 만일 제목과 문의 본문이 모두 있는 토글을 만들게 된다면, 본문 썸네일을 접었다 필 수 있게 하는 토글 요소를 또 만들어야 한다. 이는 사용자로 하여금 UI를 복잡하게 보이게 하는 부정적인 요소가 될 것이다. 그래서 ..
디테일 보완이라는 새로운 목표 목표 설정의 이유 오늘 튜터님께 피드백을 받으며, 보완해야 할 점으로 '디테일 보완' 임무를 부여받았다. 확실히 1차 과제 속 내용물을 살펴보니, 프로토타입 플로우에 따라 다른 부분도 있었고, 머티리얼 디자인 가이드에 지양해야 하는 상황으로 나와있던 부분도 있었다. 프로토타입 플로우가 총 3개(정상, 품절, 비회원구매)가 있었는데, 그중에서 비회원구매 플로우의 메인화면이 다른 플로우(정상, 품절) 이랑 다르게 수정 전 버전으로 되어있음을 확인했다. 이는 수정하여 2차 제출에 반영할 것이다. 머티리얼 디자인 가이드 Divider에서 보면 Full Width Diviers는 절제하며 사용해야 한다고 나와있는데, 너무 많은 디바이드라인은 인터페이스를 어지럽게 만든다고 되어있었다...
어제부터 안 풀렸던 List 컴포넌트 만들기 문제상황 기본 list 컴포넌트가 state를 변경할 때마다 사라지는 이슈, 라디오 list 컴포넌트의 state가 그룹 시켰을 때 제대로 작동되지 않는 이슈가 어제부터 있었다. 기본 리스트: 클릭 > 'Some missing fonts' > supporting text 사라짐 라디오 리스트: 1,2,3(1번에 활성화 상태) 중 2번 클릭 시 state(while press > state pressed) 프로토타입은 작동되지 않고 On click > Change to 2 만 작동이 됨 시행착오 어제의 grouped된 list 내용물을 보며 무엇이 문제인지 찾기 시작했는데, 갑자기 길이 보이기 시작했다. 비포 컴포넌트에서는 3개의 리스트 컴포넌트가 모두 같은 네..