가장 일반적인 UI / 구성 요소는 무엇입니까? 그들의 강점 / 약점은 무엇입니까? 개선하는 방법?
흠, 나는 우리가 커뮤니티 위키를 갖고 있기를 희망하고있다.
이 질문을 본 후 : 세계에서 가장 일반적인 사용자 인터페이스는 무엇입니까? 나는 most 공통점을 골라서 토론을 제한하지 않는 것이 교육적이라고 생각했습니다. 대신에 우리가 (인간 : 인간이) 매일 상호 작용하는 많은 공통적 인 인터페이스와 그것들이 어떻게 개선 될 수 있는지에 대해 토론하십시오.
그렇다면 가장 일반적인 UI/UI 구성 요소는 무엇입니까? 그들의 강점과 약점은 무엇입니까? 그것들은 어떻게 향상 될 수 있습니까?
예를 들면 다음과 같습니다.
콤보 박스
콤보 상자는 웹과 데스크탑 소프트웨어를 통해 풍부합니다.
Pros : 사용자가 사용하지 않을 때 최소한의 공간을 요구하면서 선택 목록을 가질 수있게 해줍니다.
문제 : 선택 목록이 너무 길면 사용자가 다루기 어려워지고 단단해집니다.
잠재적 솔루션 : 자동 완성 콤보 상자, 입력 된 사용자 입력에서 텍스트 일치를 사용하여 가능한 선택 목록을 좁히고 더 쉽게 선택할 수 있습니다.
분명히 자동 완성 콤보 박스를 발명하지 않았습니다. 답변은 발명을 개선 할 필요는 없습니다.
테이블
답은 데스크탑 응용 프로그램의 관점에서 제공되지만 웹 응용 프로그램에도 유용 할 수 있습니다.
Pros : 상대적으로 작은 영역에 많은 양의 데이터가 포함될 수 있습니다.
Cons : 항목 수가 많으면 검색이 불가능할 수 있습니다. 매력적인 렌더링 (아이콘, 색상)이 없으면 응용 프로그램이 지루해 보일 수 있습니다. 일부 정보는 일부 사용자에게 중복 될 수 있습니다. 데이터 우선 순위가 평탄화됩니다.
개선 방법 : 데이터 구성 방법-정렬 (필수!), 열 순서 변경 (즉, 입력하는 동안) 필터를 제공하십시오. 가능한 경우 텍스트 대신 아이콘을 사용하고 색상을 사용하십시오. 열 선택기 옵션을 제공하십시오. 기본적으로 기본 열만 표시하고 항목을 클릭 할 때만 가깝지만 별도의 장소에 전체 데이터를 표시합니다.
바퀴를 다시 만들지 말고 대신 여기를 읽으십시오. http://www.welie.com/patterns/index.php
사용자 인터페이스 패턴에 대해서는 종종 Yahoo! Design Pattern Library 를 참조합니다. 내가 좋아하는 것은 각 패턴에 대한 관련 질문에 답변한다는 것입니다.
- 어떤 문제가 해결됩니까?
- 이 패턴을 사용하는 경우
- 해결책은 무엇입니까?
- 이 패턴을 사용해야하는 이유
- 특수한 상황들
- 접근성
uI 구성 요소를 선택할 때마다 이러한 질문이 모든 UI 디자이너의 생각과 교차해야한다고 생각합니다.
Sencha ExtJS 샘플 페이지 가 이러한 종류의 구성 요소를 가장 잘 컴파일 한 것으로 나타났습니다.
개선 방법에 관해서는 단일 게시물에 대해 너무 큰 질문 일 것입니다. 그것은 당신이 요구하는 책입니다. 단일 구성 요소에 대해 더 구체적으로 질문 할 수 있습니까?
스크롤 바
- 장점 :
- 문서/페이지의 특정 지점으로 직접 탐색 허용
- 세밀한 움직임 허용
- 문서/페이지를 빠르게 스크롤
- 문서/페이지 길이를 나타냅니다
- Edge에 대한 일반적인 배치는 Fitt 's law
- 단점 :
- 매우 큰 문서에는 잘 작동하지 않습니다
- 스크롤 휠이 출현 한 이래로 덜 유용
- 다른 구현은 혼란을 일으킬 수 있습니다
- 개선하는 방법
- 스크롤 막대를 가장 유용한 UI 요소 중 하나라고 생각합니다. 많은 기능이지만 일반적으로 잘 이해되고 있습니다. 그러나 스크롤 막대가 일관되지 않게 구현되면 (예 : 일부 플래시 응용 프로그램에서) 문제가 발생합니다. 시각적 요소가 스크롤바를 향상시킬 수 있습니다 (예 : Acrobat 축소판과 스크롤 막대의 조합.