본캠프/스터디
-
아티클 https://uxdesign.cc/what-should-be-the-contrast-level-of-inactive-buttons-e618424c1f57 What should be the contrast level of inactive buttons? Using the APCA Readability Criterion to improve the accessibility of disabled controls uxdesign.cc - 비활성 사용자 인터페이스 구성 요소의 일부인 텍스트 또는 이미지… 대조 요구 사항 없음 - ARC Visual Readability Contrast 가이드라인에서는 Bronze, Silver, Gold(소스)의 세 가지 최소 콘트라스트 적합성 레벨이 있습니다. 테스트 대..
비활성화 버튼아티클 https://uxdesign.cc/what-should-be-the-contrast-level-of-inactive-buttons-e618424c1f57 What should be the contrast level of inactive buttons? Using the APCA Readability Criterion to improve the accessibility of disabled controls uxdesign.cc - 비활성 사용자 인터페이스 구성 요소의 일부인 텍스트 또는 이미지… 대조 요구 사항 없음 - ARC Visual Readability Contrast 가이드라인에서는 Bronze, Silver, Gold(소스)의 세 가지 최소 콘트라스트 적합성 레벨이 있습니다. 테스트 대..
2024.01.30 -
iOS와 iPadOS는 4가지 버튼 스타일을 가진다. 각 스타일은 3가지 사이즈를 가질 수 있다. 각 사이즈와 스타일의 조합별로 각기 다른 비쥬얼 중요도를 가진다. - 버튼 속 서브 타이틀은 정말 유용한 디테일을 담고 있을 때만 사용 할 것 : 장바구니 버튼에 수량을 표기하는 서브타이틀까지 인정. 버튼의 추가 기능을 설명하기 위한 서브타이틀은 지양한다. - 버튼에 대한 액션 피드백이 즉각적으로 이루어지지 않는다면 액티비티 인디게이터(로딩중 아이콘 등)를 표시한다 : 유저가 버튼을 누른 후 액션에 대한 지연이 발생한다면 버튼 안에 액티비티 인디게이터(로딩중 아이콘 등)을 통해 유저의 행동에 대한 피드백이 진행 중이라는 것을 명확히 할 것. 로딩중 아이콘이 아니더라도, 'checkout' 라벨이 'check..
HIG Button -iOS, iPadOSiOS와 iPadOS는 4가지 버튼 스타일을 가진다. 각 스타일은 3가지 사이즈를 가질 수 있다. 각 사이즈와 스타일의 조합별로 각기 다른 비쥬얼 중요도를 가진다. - 버튼 속 서브 타이틀은 정말 유용한 디테일을 담고 있을 때만 사용 할 것 : 장바구니 버튼에 수량을 표기하는 서브타이틀까지 인정. 버튼의 추가 기능을 설명하기 위한 서브타이틀은 지양한다. - 버튼에 대한 액션 피드백이 즉각적으로 이루어지지 않는다면 액티비티 인디게이터(로딩중 아이콘 등)를 표시한다 : 유저가 버튼을 누른 후 액션에 대한 지연이 발생한다면 버튼 안에 액티비티 인디게이터(로딩중 아이콘 등)을 통해 유저의 행동에 대한 피드백이 진행 중이라는 것을 명확히 할 것. 로딩중 아이콘이 아니더라도, 'checkout' 라벨이 'check..
2024.01.14 -
버튼 * 스타일 : 사이즈, 컬러, 쉐입 * 콘텐츠 : 심볼 아이콘, 텍스트라벨 * 역할 : 버튼의 의미론적 뜻을 확인하고, 외형에 형향을 주는 시스템 정의 장치 모범 사례 버튼이 즉각적으로 인지되고 이해하기 쉬울 때 앱이 직관적이고 잘 디자인 되었다고 느껴진다. - 사람들이 버튼을 사용하기 쉽도록 할 것 : 시각적으로 버튼을 구별할 수 있어야 한다. 버튼에 충분한 공간을 주어 사람들이 누르기 편하도록 한다. 일반적으로 버튼은 최소 44x44 크기를 가져야 한다. - 각 버튼의 기능을 명확히 나타낼 것 : 버튼은 항상 다음 액션을 예상할 수 있는 텍스트라벨 또는 심볼을 표시한다. 스타일 시스템 버튼은 내장된 인터랙션 상태, 접근성 지원, 외관 모형을 제공하면서 광범위의 커스터마이징을 지원하는 다양한 스타..
HIG Button버튼 * 스타일 : 사이즈, 컬러, 쉐입 * 콘텐츠 : 심볼 아이콘, 텍스트라벨 * 역할 : 버튼의 의미론적 뜻을 확인하고, 외형에 형향을 주는 시스템 정의 장치 모범 사례 버튼이 즉각적으로 인지되고 이해하기 쉬울 때 앱이 직관적이고 잘 디자인 되었다고 느껴진다. - 사람들이 버튼을 사용하기 쉽도록 할 것 : 시각적으로 버튼을 구별할 수 있어야 한다. 버튼에 충분한 공간을 주어 사람들이 누르기 편하도록 한다. 일반적으로 버튼은 최소 44x44 크기를 가져야 한다. - 각 버튼의 기능을 명확히 나타낼 것 : 버튼은 항상 다음 액션을 예상할 수 있는 텍스트라벨 또는 심볼을 표시한다. 스타일 시스템 버튼은 내장된 인터랙션 상태, 접근성 지원, 외관 모형을 제공하면서 광범위의 커스터마이징을 지원하는 다양한 스타..
2024.01.14 -
1. NH투자 주식 물타기 UIUX 아 너무 귀엽다 세상 트렌디한 uiux 옵션 같다 국내 주식 문화와 사람들을 잘 이해하고 풀어낸 것 같아서 감탄함 슬라이더바가 늘어나는 만큼 변하는 이미지까지 디테일 부분까지 놓치지 않음 누가봐도 직관적이고 도움이 되는 UIUX 이게 정말 그..NH? 2. Rabbit R1 데모 사용자가 가장 직관적으로 사용할 수 있도록 인터페이스를 줄인다는 래빗 내가 깔아 놓은 앱을 rabbit 포털에 연동 시키면, 내가 직접 앱을 열어서 탐색할 필요 없이 어레인지 해주는 비서 역할인 것 같음. 이렇게 모든 고민의 과정을 ai가 다 해주면 인간은 점점 사유하지 못하게 되는거 아닐까? 쓸데없는 고민과 결정은 없다고 생각하는데.. 일상 생활의 모든 고민과 사소한 갈등들이 없어지면 어떻게..
[UIUX] 2024-01-10 오늘 발견1. NH투자 주식 물타기 UIUX 아 너무 귀엽다 세상 트렌디한 uiux 옵션 같다 국내 주식 문화와 사람들을 잘 이해하고 풀어낸 것 같아서 감탄함 슬라이더바가 늘어나는 만큼 변하는 이미지까지 디테일 부분까지 놓치지 않음 누가봐도 직관적이고 도움이 되는 UIUX 이게 정말 그..NH? 2. Rabbit R1 데모 사용자가 가장 직관적으로 사용할 수 있도록 인터페이스를 줄인다는 래빗 내가 깔아 놓은 앱을 rabbit 포털에 연동 시키면, 내가 직접 앱을 열어서 탐색할 필요 없이 어레인지 해주는 비서 역할인 것 같음. 이렇게 모든 고민의 과정을 ai가 다 해주면 인간은 점점 사유하지 못하게 되는거 아닐까? 쓸데없는 고민과 결정은 없다고 생각하는데.. 일상 생활의 모든 고민과 사소한 갈등들이 없어지면 어떻게..
2024.01.10