본문 바로가기

웹/UX 와 UI

(2)
UI/UX 분석하기 Figma로 유튜브 클론하기에 이어서 https://www.figma.com/file/eImS76rU97fhNtky2sOG5A/S3U2-%EA%B3%BC%EC%A0%9C-Figma-%ED%81%B4%EB%A1%A0 유튜브의 UI/UX를 분석을 했습니다 기준 UI 분석 사용중인 UI 디자인 패턴 컬럼 그리드 시스템 사용 여부 UX 분석 피터 모빌의 UX 7요소 충족 여부 User flow 그려보기 사용성 평가 제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부 먼저 유튜브 UI를 분석했을떄 사용중인 UI 디자인 패턴 모달 (Modal) 탭 (Tab) 태그 (Tag) 자동완성 (Autocomplete) 드롭다운 (Dropdown) 아코디언 (Accordion) 캐러셀 (Carousel) 페이지네이션 (Pag..
UI와 UX UI UI(User Interface, 사용자 인터페이스)는 사용자가 사물 또는 시스템,기계 , 컴퓨터 프로그램등등 과 상호작용 하기 위한 것 이라고 할 수 있습니다 대표적인 예로 핸드폰의 터치를 통한 상호작용과 컴퓨터의 마우스를 통한 상호작용이 있습니다 UX UX(User Experience, 사용자 경험)은 제품, 애플리케이션, 시스템 또는 서비스를 사용할 때 사용자가 경험하는 느낌을 말합니다. 사용자가 제품을 얼마나 잘 탐색할 수 있는지, 사용하기 쉬운지, 표시된 콘텐츠가 얼마나 관련성이 있는지 등 모든 것을 포괄할 수 있는 광범위한 용어입니다. UI와 UX의 차이점 UI와 UX는 혼용되어 사용되는 경우가 많지만 실제로 두문자어를 쓰면 User Interface와 User Experience가 상당..