✴️  자바스크립트 문법 연습 1자바스크립트 활용해보기(변수형 / 리스트형 / 딕셔너리)  자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 리스트 3. 딕셔너리 4. 리스트 딕셔너리   ✴️  자바스크립트 문법 연습 2자바스크립트 활용해보기(과일 리스트에서 모두 지우고 원하는 번호의 과일을 붙이는 방법)   자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 붙이기 ..

✴️ 스파르타플릭스 만들어보기 자바스크립트 활용해보기(변수형 / 리스트형 / 딕셔너리 / 조건문 / 반복문) 스파르타플릭스 @import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@300&display=swap'); * { font-family: 'Hahmlet', serif; } /* 구글 폰트 가져오기 : 별은 모든태그를 해당함 */ .main { color: white; /* 이미지를 넣을 때 자주 사용하는 3가지 */ ..

✴️ 로그인 페이지 뼈대 만들어보기 - 1 Document .mytitle { color: red; font-size: 40px; } .mybtn { font-size: 12px; color: white; background-color: green; } .mytxt { color: red; } 로그인 페이지 ID: PW: 로그인하기 ✴️ 이미지 배경이 들어간 로그인 페이지 만들어보기 - 2구글폰트를 ..

WIL(Weekly I learned) 이번 주 경험한 모든 일 1. UX 기반 팀 프로젝트 - 이번 팀원들과 함께하는 프로젝트가 시작되었다. 나름 잘 진행되는 것 같아서 다행스럽다. 프로젝트가 디자인보다는 기획, 분석을 위주로 솔루션의 근거를 제시하는 부분이 큰데 작업하는 과정들이 재밌었다. 특히 왜 이렇게 하면 좋은지, 왜 이렇게 나온건지, 왜 이런게 많은지 등등 꼬리에 꼬리를 무는 질문을 진짜 많이 날린것 같다. ㅎ.ㅎㅎㅎㅎㅎ아마 팀원들이 엄청 싫어했을 것 같다 ㅋㅋㅋㅋㅋ 2. 다이제 팀 프로젝트 개선 - 너무너무 바빠서 진행을 보류했다. 다음주부터는 빡시게 진행해야지! 이번 주 아쉬웠던 점 / 깨달은 점 / 나의 감정 - 아쉬웠던 점 : 없음 - 깨달은 점 : 근거를 찾는 과정이나 문제를 정의하는..

✅ 실현 가능한 목표 설정 및 직업적 성향 탐색 이름 : 이희수 백그라운드 : 시각디자인 / 웹 기획 및 디자이너 내배캠에서 흥미로웠던 과제 : UI 분석 기반 클론디자인, 서비스 선정 후 서비스에 대한 분석과 페르소나 정의 등 문제를 도출하고 완벽한 검증은 아니지만 그것을 개선하는 과정 자체가 재밌었다. 가장 도전적이었던 작업과 해결 과정 : 팀소개페이지 만들기, 처음이라 눈에 뵈는거 없이 이것저것 유튜브 및 인터넷을 보며 도전했던 기억이 있다. 특히 프로토타입에서 하고 싶은 기능을 하기 위해 엄청난 서치와 연습이 필요했고 완벽하지는 않지만 어느정도 구현하고 심화과정을 거쳐보며 내 것으로 만들었다. 상대적으로 쉽게 느껴졌던 작업과 그 이유 : 클론디자인, 피그마에서 작업은 처음이지만 자주 해봤던 작업이..

WIL(Weekly I learned) 이번 주 경험한 모든 일 1. UX 강의 - 갑자기 과제도 숙제도 강의도 등등등 휘몰아치는 느낌이 든다. 너무 바빠졌다. 강의를 제때 듣지 못했고 주말에라도 듣자는 나와의 약속이 깨지면서 일정에 문제가 생겼다.. 2. 다이제 팀 프로젝트 개선 - 개선 프로젝트를 실행시키고 2번째 페르소나를 다시 정의해보려고 한다. 다들 너무너무 정신이 없어서 이번주말까지 페르소나를 각자 3개를 만들어보고 월요일에 만나기로 했다! 다이제 팀으로도 개선프로젝트를 진행하고 최종팀으로도 최종 프로젝트를 진행하게 되서 신기하고 너무 좋다 3. 개인 과제 진행 - 인터뷰를 진행하고 결과를 정리해 인사이트를 도출했다. 아직 할일이 태산이지만 주말에도 열심히 작업해야겠다. 4. 수준별 학습 진..

2024.04.11 - [UXUI 스터디・강의・기록] - [UX/UI] UX 기획 및 리서치 5주차 강의 요약 - 사용성 테스트 1 [UX/UI] UX 기획 및 리서치 5주차 강의 요약 - 사용성 테스트 1 1. 사용성 테스트의 개념과 중요성 1) 사용성 테스트의 개념 사용성 테스트(Usability Test; UT)는 프로토타입이 있다면 제품 개발 단계 중 언제든 활용할 수 있음 유저가 제품이나 서비스를 실제 사용 hihx.tistory.com 4. 사용성 테스트 결과 정리 1) 사용성 테스트 결과 정리하기 문제점 도출 → 원인 도출 → 개선 방향 도출을 통해 결과를 정리 문제점 도출 참가자의 생각과 행동에 대한 기록을 종합하여 문제점을 파악. 진행자와 관찰자의 기록을 종합하여 문제점을 파악. 원인 도..

1. 사용성 테스트의 개념과 중요성 1) 사용성 테스트의 개념 사용성 테스트(Usability Test; UT)는 프로토타입이 있다면 제품 개발 단계 중 언제든 활용할 수 있음 유저가 제품이나 서비스를 실제 사용할 때 의도한 시나리오에 따라 테스크를 수행하는 지, 문제점은 없는지 관찰하기 위해 진행. 유저가 제품이나 서비스를 사용할 때 어떤 생각을 가지고 어떤 혼란을 겪는지 파악. 제품 개선 전에 진행하면 유저가 불편하게 생각하는 부분, 제품 개선 후에 진행하면 유저가 실제 어떻게 사용하는지를 파악 2) 사용성 테스트의 중요성 사용성 테스트를 하는 이유는 우리가 사용자가 아니기 때문, 프로젝트에 대해 너무 많이 알기 때문에 편향을 가지고 있음. 유저가 화면을 직접 조작하면서 마주치는 문제를 식별할 수 있..

커머스 서비스 회원가입 과정에서 "신규 가입 유저가 로그인/회원가입을 할 때 겪는 문제점을 찾아내고자 함." 참여자는 주 2회 이상 커머스 서비스를 사용하지만, 자사 서비스를 사용해본 경험은 없는 유저

카카오톡 선물하기 서비스를 통해 친구에게 생일 선물을 보내는 30대 직장인 유저의 고객 여정 지도 그려보기 [유저 페르소나] - 주요 인적 사항 : 스타트업 데이터 분석가 (32세) - 니즈 : 추천 상품을 구매하고 싶은 니즈가 있어요. - 페인 포인트 : 복잡하게 이것저것 찾아보는 걸 귀찮아해요. - 기술 친숙도 : 주 2회 이상 커머스를 잘 활용해요. - 관심있는 브랜드 : 무신사, 하이버 [유저 시나리오] - 유저 : 30대 직장인 유저 - 목표 : 카카오톡 선물하기 서비스를 통해 친구에게 생일 선물을 보내려고 해요. - 동기 : 추천 상품 중 인기가 많은 5만원 이상 가격대에 있는 선물 중에 골라서 성의 있는 선물을 전하고 싶어졌어요. - 외부 요소 : 야근을 하느라 단톡방을 보지 못해서 친구가 ..