somlogg 님의 블로그

[Weekly I Learned] 인터렉션과 반응형 - 24.12.19

목요일 - 목표📍디자인 적용하기📍푸터 인풋 필드 추가하기📍인터렉션 설정하기📍반응형에 따라 화면 조정하기👀  혼자서 해결해보자걍 무작정 튜터님 찾아가는 것 보단 먼저 혼자 해결해보기! 목표 ▶️ 푸터 인풋 필드 추가하기어제 조금 많은 디자인도 다 적용하고 미뤄놨던 인풋필드를 만들었다! 원래는 웨이브에 있는 로그인 인풋필드를 활용해서 만드려고 했는데 웹플로우의 엘리먼트 중 폼이 디자인을 다 적용하는데에 뭔가 한계가 있어서 그냥 내가 위의 디자인에 맞춰서 다르게 디자인했다.. 이러다보니까 내일 피그마도 다시 정리해야하는 사태가 벌어지고 있지만..ㅜ 어쩔 수 없지 모원래는 필드랑 버튼 다 가로 배열로 만들었었는데 그랬더니 화면 비율을 조금만 줄여도 난리가 나길래 세로 배열로 만들었다. 반응형 만들..

[Weekly I Learned] 웹플로우 디자인과 Saas - 24.12.18

수요일 - 목표📍카타 Saas - 노션 발표 준비📍웹플로우 Variables 등록하기📍웹플로우 구조에 디자인 입히기👀 인생은 계획대로 안되는 법분명 계획은 디자인도 다 입히고 인터렉션까지 마치는 거였는데 배경 넣는거랑 슬라이더 때문에 시간을 와장창 잡아먹혔다..! ▶️ 카타 Saas - 노션 발표 준비이번주 내내 카타 시간에 집중을 잘 못해서 오늘 저녁시간에 시간을 따로 내서 노션 리서치를 더 진행했다. 이번 주제는 Saas 였고, 나는 그 중에서 노션이 걸렸다! 노션은 내가 개인적으로도 많이 사용하는 툴이라서 잘 알고 있긴 했지만 Saas 에 관련해서 리서치를 하다보니까 몰랐던 부분도 많이 알게되었다. 원래 내가 사용하고 있는 이 무료플랜이 원래는 유료였는데 노션의 전략으로 무료플랜이 되었고, ..

[Weekly I Learned] 웹플로우로 랜딩페이지 제작 - 24.12.17

화요일 - 목표📍서비스 프로덕트 선정하기📍피그마 - 디자인 시안 그리기📍웹플로우 - 구조잡기👀 ~(˘▾˘~) ~(˘▾˘)~ (~˘▾˘)~~~~wavve~~~ ▶️ 서비스 선정하기어제 발제된 과제에서 나는 웨이브를 선택했다. 당근페이가 조금 쉽고 웨이브랑 노션이 조금 더 어려운 편이었다. 뭔가.. 제일 쉬운걸 하고싶진 않은 나의 얄량한 자존심! 그리고 아예 가상의 페이지를 만들거나 제공된 시안들말고 다른걸 찾아서 할 수도 있었지만 웨이브로 했다ㅋㅋㅋㅋ ▶️ 디자인 시안 그리기피그마에서 디자인 시안을 잡고 웹플로우를 제작하라고 했는데 나는 전에 해진님이 알려준 플러그인으로 쇽샥 불러왔다. 플러그인을 불러오니까 폰트랑 컬러 시스템도 같이 적용되서 너무 좋았다..🥹 roRnl 플러그인..! 플러그인이 ..

캠프 8주차 - 목표📍노코드 웹플로우 강의 듣기📍웹퍼블리싱 강의 듣기📍개인면담👀 ▶️FACTS 이번 일주일 동안 있었던 일, 내가 한 일월화수는 웹퍼블리싱 실시간 강의가 있었다..! 나는 개인사정이 있어서 참여하지 못했는데, 8기 독스에 올라온 녹화본으로 월요일 강의분만 일단 들었다..! 목금에는 노코드 툴인 웹플로우로 웹페이지를 만드는 강의를 들었다. 월요일까지 3주차까지 들으면 되는데 오늘 3주차까지 다 들었다 ㅎㅎ 후후 CMS 실습이 이루어졌는데, 콜렉션(백엔드), 콜렉션 리스트, 콜렉션 페이지를 다루었다. 페이지에 디자인 해놓은것에 데이터베이스를 연결해놓고 자동화해놓으면 업데이트되고..! 그 외에 페이지를 만드는건 어제 만든거의 반복이어서 쉽게 따라했다. 튜터님의 속도가 너무 빨라서 조금 ..

목요일 - 목표📍웹플로우 1주차 수강📍웹퍼블리싱 1일차 수강👀 놀았으면 공부하자월화수를 쉬고 왔더니 머리가 말끔해졌다..! 굳 그럼 이제 공부를 해보자 밀린거 다 들으려면 바쁘다 바빠 ▶️ 노코드툴 - 웹플로우노코드란? 개발 언어를 이용하지 않고 웹, 어플리케이션, 응용 프로그램 등을 설계, 제작하는 접근 방법을 말한다.이번 강의에서는 웹플로우, 에어테이블, 재피어 세가지 노코드툴을 배운다고 한다. 오늘은 웹플로우! 노코드라는 말도 처음 들어봐서 그런지 수~~많은 노코드툴은 더 처음봤다. 프엔개발자 되고 싶다면서 아무것도 모르는 나 어떤데 웹플로우 강의 자체는 어렵지않았다. 패딩값 마진 이런 개념이 피그마에서 나오는 것과 비슷하기도 하고 스타일 먼저 만들어두고 적용하는게 편집디자인하고도 같은 부분이..

수요일 - 목표📍경쟁사 분석 - 포지셔닝 맵핑📍경쟁사 예매 플로우 장단점 분석📍솔루션 - 아이데이션📍As is - To be ▶️경쟁사 분석 - 포지셔닝 맵핑 ▶️경쟁사 예매 플로우 장단점 분석▶️솔루션 - 아이데이션▶️As is - To be 💭 ㄱㅎㄷㄷ

화요일 - 목표📍사용성 테스트📍사용성 테스트 결과 정리 - 어피니티 다이어그램📍문제점 우선순위 도출 - Impact-effort matrix📍문제정의📍경쟁사 분석👀 사용성 테스트어제 저녁 사용성 테스트를 진행했다. 친구 두명한테 했는데 생각보다 우리 팀이 생각한 문제점을 빠짐없이 짚어줘서 너무 좋았다. 아무래도 테스크를 잘 짜서가 아닐까하하하하 개인과제하면서 여러번 사용성 테스트를 진행해봐서 그런지 시나리오에 없던 꼬리질문도 막힘없이 나오고 전과 달리 실제로 사용하는 어플이라서 더 다양하고 실제 의견이 많이 나온 것 같다! 테스트 하는게 꽤 재밌어서 원래는 팀원들 각각 한명씩 해오기로 약속했는데 나는 두명한테 테스트를 진행했다. ▶️사용성 테스트 결과 정리 - 어피니티 다이어그램오전에는 사용..

월요일 - 목표📍1단계 서비스 선정하기📍1단계 데스크 리서치📍2단계 유저 플로우📍2단계 사용자 테스트 시나리오👀 UX 개선 프로젝트 서비스 선정하기새로운 팀 프로젝트의 날이 밝았다! 이번에도 금요일에 발제가 되어서 진짜 시작은 금요일. UX를 개선하는거였는데 어떤 서비스를 선정할지 많은 고민을 하다가 처음엔 메가박스로 결정하고 데스크 리서치를 진행했다.. 그런데 어라라.... VoC를 분석하다 보니까 2주전에 전면적인 UI 업데이트가 되었다는 사실을 알게되었다..그래서 새로운 VoC를 찾기 힘들어서 엎어야되나 하던 와중에 표매니저님이 오셔서 수강생때 얘기를 해주시면서 이런 상황이면 빠르게 바꾸는게 낫다고 해주셨다. (표매니저님은 수욜날 뒤엎었다고 했다🫠 ) 그래서 다른 카테고리를 찾을까 하다가..

목요일 - 목표📍문제 정의 수정하기📍화면 개선 as is - to be📍과제 제출!👀 나날이 힘든 스케줄어떻게 매주매주 힘든 정도가 갱신되는건가요? ㄱㅎㄷㄷ ▶️문제 정의 수정하기어제 받은 피드백을 토대로 문제정의에 대한 근거를 더 단단하게 보충하기 위해서 우선순위를 선정한 기준을 다시 세워서 그룹핑을 진행했다. 원래는 m,s 까지 다 진행하려고 했었는데 더 문제점을 좁혀서 m 부분만 개선하기로 정했다.분류기준에 기존 페이지를 분석한걸 추가했다. 포트폴리가 첫번째에 나오는걸 보니 이 캠프에서 가장 보여주고 싶어한다고 판단했고, 그 부분에서 사용자 테스트에서 문제점으로 언급량이 많았다면 반드시 해결해야되는 문제라고 판단했다. 그 다음으로는 이 페이지의 최종 목표인 사전알림신청하기에서 문제점으로 언급..

수요일 - 목표📍어피티니 다이어그램📍인사이트 - 문제 도출📍문제점 우선 순위 - MoSCoW📍문제 정의 피드백....📍클론 만들기 특강 ▶️어피티니 다이어그램사용자 테스트 결과를 토대로 어피니티 다이어그램 기법을 활용해서 그룹핑을 진행했다.그룹핑한 내용들을 문제점으로 나열사용자 니즈와 목적 + 테스트 언급량을 기준으로 MoSCoW를 나눴다. 가장 우선순위로 해결해야한다고 판단을 문제점들을 가지고 문제 정의를 하기로이렇게 문제정의를 해서 피드백을 받으러 갔는데 문제 범위가 너무 광범위하다는 지적을 받앗다...🫠 오늘은 너무 힘드니까 내일 해봐야지..▶️클론 만들기 특강클론만들기 특강!! 클로닝 정말 재밌어서 이런 강의가 있다는걸 들었을땐 너무 좋았지만 타이밍이...🙄 할게 너무 많은 상황이다..