프로덕트디자이너 Hailey 일기장📝

인라인 스타일을 유지해야 하는 경우특정 에만 다른 스타일을 적용해야 한다면 인라인 스타일을 유지하거나, 별도의 클래스 이름을 추가해서 관리할 수 있습니다.  HTML: CSS:.custom-hr { border: none; border-top: 2px dashed #000; margin: 30px 0;}결론적으로, 공통적으로 사용하는 스타일은 CSS로, 특정 스타일만 인라인 스타일로 적용하는 것이 최적의 방법입니다. + custom-hr 이거 하나 써버렸으면 다른것도 커스텀 하고 싶을땐 어떻게 적용하는지? 궁금했는데 만약 태그를 여러 개 사용하고 각각 다른 스타일을 적용하고 싶다면, 각 에 고유한 클래스 이름을 부여하거나, 공통 클래스에 추가적인 스타일을 덮어쓸 수 있다. 방법 1: 고..

오늘의 TIL (Today I Learned)1. 웹 퍼블리싱 특강 수강오늘 강의는 웹퍼블리싱의 기본을 배우는 시간이었으며, 매우 유익하고 흥미로웠습니다.  https://replit.com/~ Sign UpBuild and deploy software collaboratively with the power of AI without spending a second on setup.replit.com2. Replit 사용한 페이지 개발Replit을 활용해 간단한 웹 페이지를 개발해보았습니다.아직 CSS 단계를 배우지 않았지만, 텍스트만 나열된 페이지가 단조로워 보여서 기본적인 CSS 스타일링을 추가해 보았습니다.페이지에 디저트 버튼을 만들어 클릭 시 디저트 페이지로 이동할 수 있도록 구현했습니다.index..

오늘 A, B 참가자 분들과의 사용성 인터뷰(UT)를 완료하고, 저녁 8:10에는 C 참가자 분과 인터뷰를 진행했습니다.참가자 분들의 협조 덕분에 문제 정의의 근거와 인사이트를 잘 도출할 수 있을 것 같습니다.   어제 튜터님께 받은 피드백을 바탕으로, 결제 위주의 기능명을 작성하는 대신 유저 플로우의 목표를 정의하며 기능을 조금 더 추가해보는 방향으로 진행했습니다. 특히, 지역화폐 결제 유저 플로우와 관련된 부분은 결제 과정에서 외부 앱을 다운로드받아야 하는 구조적 문제가 있어, 우리가 UI/UX 관점에서 직접 개선하기 어려운 영역으로 판단했습니다.대신, 메뉴 및 가게 리스트와 썸네일 레이아웃, 판매 제품(음식) 이미지와 같은 배달 앱의 본질적인 부분을 개선하는 데에 집중하기로 했습니다. 이전에 A/B..

오늘은 유저 플로우를 작성하며 효율적인 협업 방식을 고민하다가 피그마 Jam을 활용했습니다.Jam 덕분에 작업 속도가 훨씬 빨라졌고, 팀원들과 실시간으로 논의하며 다양한 아이디어를 바로 반영할 수 있었습니다.협업 도구를 적재적소에 활용하는 것이 얼마나 중요한지 다시 한번 느낀 하루였습니다.팀장으로서 팀의 방향성을 명확히 하고, UX 분석을 체계적으로 진행하기 위한 방법에 대해 고민했습니다.특히, 데이터 분석과 리서치 결과를 단순히 수집하는 데서 끝내지 않고,이를 설득력 있는 근거로 활용해 디자인에 녹여내는 것이 중요하다는 점을 다시 깨달았습니다. 경쟁사의 주요 기능을 정리한 기능 분석표를 제작해 앞으로의 전략 수립과 비교 분석에 활용할 준비를 마쳤습니다. 디테일에 신경 쓰고 논리적으로 작업을 정리하는 것..

오늘의 회고 (TIL)디자인 카타 진행 후기오늘 오전에는 디자인 카타를 진행하며 발표 준비와 캐러셀 컴포넌트에 대한 조사를 병행했습니다. 과정을 통해 무의식적으로 지식이 쌓이는 느낌을 받았고, 이러한 점에서 디자인 카타의 의의를 새삼 느끼게 되었습니다. 특히, 발표를 준비하면서 캐러셀 컴포넌트를 소개할 방법을 고민하다 보니 자연스럽게 개념이 명확해지고 이해가 깊어졌습니다.캐러셀(Carousel)사전적 정의: 회전목마.UI/UX 용어로는 회전목마처럼 반복적으로 돌아가는 형태의 이미지를 의미합니다.주로 커머스 사이트 메인 배너 영역에서 사용되며, 다른 용어로는 이미지 로테이터(Image Rotator) 또는 **슬라이더(Slider)**라고도 불립니다.발표를 잘 마무리해서 뿌듯하고, 디자인 카타를 통해 얻은..

사용성 테스트 인터뷰 내용을 되도록 원본 그대로 정리후인사이트를 도출하였고.현재 정리중이다. 너무 내가 원하는 기대치가 있어서 다 하려고 하다보니 내일 까지 완료하기엔 체력이 금방 소진 되는것 같다.시나리오 테스크도 다시 정리중폭풍 작업&정리중이다...내일까지 UIUX개선까지 다 할수 있기를...ㅠㅠ! 잘할려고 하다보니까 조금 버겁다 ㅎ,, 내일 오전 디자인 카타 발표도 있는데... 발표자료 좀더 정리해야하는데.. 다 할수 있으려나 모르겠다 .. ㅠㅎㅎ 끝까지 열심히 잘해봐야겠다!

사용성 테스트 시나리오 계속 수정에 수정에 수정을 거쳐... 제작 중이다!원래 생각을 많이 하고 시간을 쓸수록 좋은 내용이 나오니까.. 어쩔 수 없다 ㅠㅠㅠㅠ벌써 9시가 다되어간다! 9시 이후 에 사용성테스트 인터뷰를 진행해야해서 빨리 후딱 끝내고 진행할 예정이다경쟁사 분석후 문제 정의 후에 내가생각했을 때 이런부분이 불편할 수 있을것 같다라는 간략한 가설을 세운 후 시나리오 계속 수정 중이다!내일 두분과 함께 또 사용성테스트 일정 완료후 인사이트 도출 하고 정리를 해야겠다! 체력이 오늘은 좀 약해진것 같다!어제 운동을 너무 많이 했나 보다. 내일 피그마 특강이 오전에 있는데 너무 기대 된다!! ㅎㅎㅎ  시나리오 빨리 완성해야해서 우선 가보겠다오늘의 TIL 끝

2024.11.25(월) 오늘 사용성 테스트 참가 모집 공고를 제작 완료 후,사용성테스트 참가 모집을 위해 전체 채널 방에 공유 해보았습니다.팀없이 혼자 진행해본건 오랜만이라 설렘과 떨림이 함께 있었습니다..ㅎ   사용성 테스트 참가 모집 공고 제작사용성 테스트에 참여할 대상 사용자를 명확하게 정의하는 것이 중요함을 깨달았습니다. 사용자 프로필을 설정할 때는 주요 특성과 테스트 목표를 반영하여야 합니다.공고에는 참여자의 역할과 테스트 진행 방식을 명확히 안내해야 참가자가 어떤 기대를 가지고 참여할 수 있을지 알 수 있습니다. 또한, 참여 보상과 테스트 목표를 간결하고 명확하게 설명하는 것 또한 중요한 부분이라는 점을 배웠습니다.사용성 테스트 시나리오 제작공고 제작 후에는 사용성 테스트 시나리오를 빠르게 ..