inno 48
Sparta coding
Innovation Camp
w7 day48
17 14:00 ux특강
17 18:00 S.A feedback
19 구현 시작
24 중간 멘토링
figma
ctrl \ > UI hide
ctrl shift L > compo lock
Spart readmap?
- 참고가능
경로 의존성
- 불편해도 오래보면 편함
- qwerty 원래 불편디자인
집중해야하는 내용 가운데
- user의 시선을 고려
- 불필요한 시선분산 > 제거
좌 > 우
가장먼저 시선 닿는곳
- keyword
user는 우리가 원하는 곳부터
시선이 시작할 가능성 99%
- 어디서 접근해도
원하는 정보에 도달할 수있게
주제를 확실히,
그리고 작게 잡기
- tennis X
- 실내 tennis장 찾기 O
- tennis할사람 찾기O
- 배드민턴도? X
최초의site 만드는중
- 아직 확장단계ㄴ
나와야할 page 정리
- 한장씩 전부
- 한장안에 들어갈기능 전부
WEB 선형성X
- user 이탈
main > login >
login후 main에 추가된기능
모든 process가 정리됐으면
문서화 ex) figma
-wireframe
wireframe에 살을 더붙이면
- storyboard
- login하면 어디로간다 등
집중해서 보여줄 내용 check
- 실내tennis장 찾는기능 핵심
- 어떤 방식으로 왔든
실내tennis장 위치는 반드시
볼 수 있어야함
- 어떤 방식으로 왔든
여기까지 기본
이제부턴
user가 우리 site에 적응
- 자주 오도록
WEB 단방향 소통
인터렉션
- site탐험하는 user를 위한 guide
- user의 행동에 맞게 일어나고
- 규칙대로 수행
- 첫방문을 했다 > 환영합니다
인터렉션 6가지 원칙
가시성
- 눈의 띄어야 함
- 숨어있으면 안됨
피드백
- user행위 후 일어나야함
- 게시글안썼는데 > 잘썼어요X
제한요소
- 회원가입시 비번 2회입력
>안하면 못넘어감
맵핑
- user가 떠올릴만한 것
- 좋아요 > heart
닫기 > X
일관성
- 적용된 디자인은 일정한 패턴
예측가능한 일관성 - 삭제확인 pop up 띄우기로했으면
모든삭제, 모든수정에 pop up - 중요함
행동유도성(일관성보다 중요도 낮음)
- 이거 눌러보고싶지 않니?
- 게시글 작성하는 + 버튼
>site가 간절히 원하는 행위 +가 눈에
너무 잘 띄어서 눌러보고 싶게
같은 주제의 잘만들어진 다른 site 확인
fontend > 많은 site이용경험 중요
project에 많은 기능X
- 서비스해도 괜찮을만한 완성도 집중
- 더 친절한 UI
Q
스낵바
- site 밑, side에
환영합니다 여러분 같은거
(모바일 스낵바, WEB 토스트)
원래 side에 뜨는게 스낵바
개발자에게 가장 중요한 것
- 기간 스케줄 마감
mvp에서 나올 것은
- 정확하고 쉽더라도 확실한 기능
team으로 진행할 땐
- 우선순위를
target하는 device하나에 맞춰서하면 굳
- 꼭 해야겠으면 스케줄조절 잘하고
- 같은 기능은 같은 위치에, 일관성
써드파티라이브러리 써라
- react 장점
이미 잘 개발된 무수한 library - study라 직접할꺼면 안말림
(근데 이부분 매니저님마다 갈림)
styled-component?
- tailwind CSS? 로 넘어가는 트렌드
- typescript도
4주차 이후에 마케팅자료 배포
thunk많이씀.. 익숙해져라
- 비동기 > timing관리 생각많이 할 것
- 많이쓰면 결국 익숙해져
10년차 몸에 이상..
- 컴퓨터에서 잠깐이라도 멀어질 것
- 1.2 > 0.4
- 35인치 모니터 / 직장 모니터3개
- CS공부 하루에 하나
- 악수 > TCP ?
- 시계404 > 시계없어짐 ㅋㅋ
18 18:00 github 특강 질문지 제출
page 구성용
- layout
- header
- footer
-
storyboard
무제님 road
태권님 test
하지만 둘다 뺼 수 없다 동의
pixel art 어떻게 ?
back에서 인가코드 요청 /
googloe에서 token생성
다시front로 내려주는 방식