# ux

164개의 포스트

로그인 페이지로 Redirect하기 전 안내 toast 띄우기

Effitizer 프로젝트의 메인 페이지에는 '지금 구독하기' 버튼이 있다. 원래는 로그인이 되어 있지 않을 때 이 버튼을 누르면 구독 페이지가 아닌 로그인 페이지로 바로 이동했었다. 하지만 아무런 안내 없이 이렇게 리다이렉트 되면 사용자가 불편하다고 느낄 수 있을

어제
·
0개의 댓글
·

React input태그에서 Enter키로 이벤트 활성화하기

UX 향상을 위해서 여러가지 고려할 요소가 많다. 예를 들면, input 태그에서 입력 후 사용자들은 자연스럽게 엔터키를 누르게 된다. input태그에서 enter키를 눌렀을 때 이벤트가 발생하게 하기 위해서는 onKeyDown과 onChange를 활용해야 한다.

4일 전
·
0개의 댓글
·
post-thumbnail

내 맘대로 뽑은 좋은 UX 모음집

이 글은 수시로 업데이트 됩니다!

2022년 9월 17일
·
0개의 댓글
·
post-thumbnail

[UX] [Issue] [scrap] articles

기사 요약하기, 트렌드 파악하기

2022년 9월 14일
·
0개의 댓글
·
post-thumbnail

Instrument로 Commit hitch 찾고 제거하기

Commit hitch를 Instrument로 포착, 분석하는 방법과 hitch를 제거하는 방법에 대해 공부해보겠습니다!

2022년 9월 11일
·
0개의 댓글
·
post-thumbnail

UI/UX 정리

책 내용을 요약해봄!

2022년 9월 8일
·
0개의 댓글
·
post-thumbnail

[UX] 라디오 버튼과 체크박스

라디오 버튼과 체크박스의 차이와 사용

2022년 9월 5일
·
0개의 댓글
·
post-thumbnail

[UX Engineering] [Design System] storybook - intro

storybook 을 찾았다 !

2022년 8월 29일
·
0개의 댓글
·
post-thumbnail

[UX Engineering] [Design System] storybook - install

storybook docs 따라보면서 프로젝트에 포함시켜보기

2022년 8월 29일
·
0개의 댓글
·

CSS 기초

CSS(Cascading Style Sheets) : 웹페이지의 스타일과 레이아웃을 정의하는 스타일시트 언어인터페이스 : 컴퓨터와 교류하기 위한 연결고리CLI(Command Line Interface) : 명령어 인터페이스, 사용자가 터미널을 통해 애플리케이션과 상호작

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

[사용자 친화 웹] Figma로 KREAM 어플 클론하기

👉🏻 이론적으로만 학습했던Figma를 실제로 Figma 사용법을 익히기 위해,구현해보고 싶던 기능들이 눈에 잘 띄기도 하고, 평소에 사용하고 있던 KREAM 어플을 Figma으로 클론을 해보기로 했다. 완벽하게 클론하려고 하기보다는 몇가지 UI 디자인 패턴들을 구현

2022년 8월 25일
·
0개의 댓글
·

UI/UX

1\. 유용성(Useful) : 사용 가능한가?조금 아쉽다.문제점: 앱 서비스의 기능을 나열할 뿐, 구체적인 혜택 정보와 앱 내 시연 영상이 없다.모니모의 웹 사이트의 목적이 모니모 앱의 사용함으로써 얻을 수 있는 혜택을 사용자들에게 알리고, 앱 다운로드를 유도하는 것

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

(블로깅) UI / UX 분석

필터 버튼을 누르면 모달창이 뜨면서 필터링 옵션이 뜸언어와 지역, 통화 설정도 모달창으로 뜨면서 선택할 수 있음숙소의 유형을 섹션화해서 유형별 콘텐츠를 분리해서 보여주고 있음기상천외한 숙소, 국립공원, 통나무집, 섬...메뉴 항목을 최소화하여 메뉴바 안에 숨겨놨다가 누

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

UI/UX 분석

CGV링크최상위 메뉴가 밑으로 스크롤 해도 고정되어 있음을 확인 마우스를 위로 올리면 서브 메뉴가 내려오는 것도 확인가능하다.EVENT 부분에서 캐러셀로 자동으로 돌아가며 넘겨서 사용 할 수 있다.(일시정지 버튼도 있음)단순하면서 직관적이고 사용하기 쉽게 디자인되어있다

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

UI/UX 분석해보기

https://developers.kakao.com/디자인이 깔끔하고 초보자가 따라하기에 어렵지 않아서 Figma로 클론 연습하기 좋다!그렇다면 Kakao Developers를 분석해보자 (주관적 견해 주의,,ㅠ\_ㅠ)자주 사용하는 UI 디자인 패턴을 썼는지

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

[UI/UX] Netflix의 UI

넷플릭스(영어: Netflix, Inc.)는 '인터넷(Net)'과 '영화(Flicks)'를 합성한 이름으로 전 세계 190개국 이상의, 2.1억 명의 회원을 보유한 스트리밍 엔터테인먼트 기업으로서 영화와 드라마, TV 프로그램, 다큐멘터리, 애니메이션 등의 매우 다양한

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

UX 디자인

좋은 UX를 만들려면 무엇을 고려해야 할까요? 피터 모빌(Peter Morville)의 벌집 모형은 이 질문에 대한 답을 줍니다. 이 모형에서 제시한 UX의 7가지 요소를 알아봅시다.유용성은 제품이나 서비스가 목적에 맞는, 사용 가능한 기능을 제공하고 있는가에 관한 요

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

UI&UX

UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미합니다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있습니다

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

CodeStates_Section.3 UI/UX 분석

❗️ 모바일 앱인 망고플레이트에 대해 Figma로 와이어프레임 제작 및 UI/UX를 분석해보았다.

2022년 8월 25일
·
0개의 댓글
·