피터 모빌의 ux 7요소
사용성: 사용법이 직관적이고 쉬운지를 판단
유용성: 기능을 사용할 수 있는지를 판단
제이콥 닐슨의 10가지 사용성 평가 기준
오류 방지: 사전 예방. 오류가 발생하기 쉬운 상황을 제거
사용자 제어 및 자유: 사용자의 실수를 취소할 수 있는 명확한 방법 제공
피그마
상태 변경: 인스턴스의 상태(표시하는 이미지 등) 변경
화면 이동: 페이지 변경 = 보여지는 프레임 변경
<컴포넌트 상태 추가>
컴포넌트 선택 -> 디자인 -> properties -> varient 클릭 -> 해당 varient에서 변경할 사항을 변경해주면 됨
<캐러셀 정지 상태 구현하기>
정지된 상태 이미지 만들기 -> 일시정지 버튼을 정지된 상태 이미지로 연결
정지된 상태 이미지의 재생 버튼을 캐러셀 이미지로 연결
.. 연결 & 연결 & 연결
재생을 누르면 캐러셀로 이동
멈춤을 누르면 정지 이미지로 이동
정지 이미지에서 < >로 좌우 정지 이미지로 이동
즐겁게 공부하고 꾸준히 기록하는 나의 프론트엔드 공부일지