사용자 인터페이스
컴퓨터 시스템과의 상호 작용
뇌의 화면에 만든 버튼은 기본적인 그래픽 사용자 인터페이스(GUI)의 시작입니다. 다른 유형의 사용자 인터페이스(UI)도 있지만, 여기서는 가장 많이 사용하는 유형인 GUI에 초점을 맞추겠습니다.
UI는 사용자가 컴퓨터 시스템(또는 기계)과 상호 작용할 수 있는 공간입니다. 뇌의 화면에 버튼을 프로그래밍하면 사용자는 클로봇과 상호작용하여 멈추거나 좌우로 회전할 수 있습니다. 태블릿, 스마트폰, 스마트워치 등 기기의 터치스크린을 사용하면 해당 화면이 유일한 인터페이스가 되는 경우가 많습니다. 기기에 볼륨 조절 버튼이나 전원 버튼도 있을 수 있지만, 주로 화면과 상호 작용합니다.
뇌의 화면에 버튼을 직접 프로그래밍한 후에는 터치스크린이 어떤 아이콘이나 버튼을 선택해야 하는지 감지하도록 프로그래밍하는 방식을 더 잘 이해할 수 있을 것입니다. 물론, 버튼이 정확히 어디에 있어야 하는지에 대한 어려운 프로그래밍 대신 전문가들이 사용하는, 좀 더 정교한 프로그래밍 방법이 있습니다. GUI용 전문 프로그램은 버튼과 아이콘, 기타 변수를 옮기는 데 더 잘 적응하지만, 몇 가지 기본 원칙은 공유합니다.
이러한 원칙은 UI를 사용할 때 사용자 경험(UX)의 기초를 형성합니다. 사용자 경험이란 인터페이스를 통해 사용자가 하려는 일을 얼마나 잘 수행할 수 있는지를 말합니다. 인터페이스가 내가 기대한 대로 작동하고 있나요? 제가 프레스를 통해 전달하려는 내용에 반응하는가? 잘 구성되어 있나요? 아니면 버튼/아이콘/메뉴를 옮겨서 더 편리하게 만들 수 있나요? 인터페이스는 전반적으로 어떻게 생겼나요? 보기에 좋고 더 자주 사용하고 싶게 만드는가? UI가 개발 중이거나 반복되는 경우, 개발자는 계획대로 작동하는 부분과 수정 또는 개선이 필요한 부분에 대한 데이터를 수집합니다. 그 데이터는 다음 라운드의 반복적 설계에 정보를 제공합니다. 권장되는 UX 변경 사항 중 일부는 기기 출시 전에 적용됩니다. 하지만 해당 기기는 있는 그대로 판매될 수도 있으며, 그러한 변경은 다음 버전이 일반 소비자에게 제공되기 전에 이루어질 수도 있습니다.
학습을 확장하세요
학생들에게 스마트 기기(예: iPhone)를 선택하고 기기의 새로운 버전이 나올 때마다 UI가 어떻게 바뀌는지 조사하게 하세요. 그들은 인터넷에서 스크린샷을 찍어서 버전마다 어떤 점이 다른지 설명할 수 있습니다. 이전 릴리스의 변경 사항을 세부적으로 설명한 회사 문서가 있는 경우가 많습니다. 학생들은 자신이 선택한 스마트 기기에 대한 타임라인을 직접 만들어야 합니다.
학생들이 완전히 다른 휴대전화를 비교하지 않도록 특정 브랜드/모델의 기기를 비교하게 하세요. 마찬가지로, 학생들은 스마트 기술보다 더 과거로 돌아가서는 안 됩니다. 일부 모델은 돌출된 푸시 버튼 키로 시작되었을 수 있지만 학생들은 타임라인에 그러한 버전을 포함해서는 안 됩니다. 최신 터치스크린 인터페이스는 사용자 경험을 개선하는 것보다 기술적 진보에 더 중점을 두고 있습니다.
토론 동기 부여
-
사용자 인터페이스 설계자 및 엔지니어
질문:장치와 상호 작용할 때 사용자 경험을 극대화하는 것을 임무로 하는 전문 디자이너 및/또는 엔지니어가 있습니다. 이러한 전문가에게 필요한 기술은 무엇이라고 생각하십니까?
A:답변은 다를 수 있지만, 학생들이 고려해야 할 이 직업의 몇 가지 측면이 있습니다. 최소한 이러한 전문가들은 숙련된 그래픽 디자이너와 프로그래머여야 합니다. 그들은 타이포그래피에 대해 알아야 할 수도 있습니다. 타이포그래피는 글자의 유형을 배열하여 표시될 때 읽기 쉽고 매력적으로 보이도록 하는 기술입니다. 그들은 미학에 대해 알아야 할 수도 있습니다. 미학은 우리가 아름답다고 생각하거나 시각적으로 기분 좋은 것의 본질에 대한 원칙입니다. 그들은 인간적 요소, 인지 과학 또는 인간공학(사람들이 생산성을 높이기 위해 생각하고 기기를 사용하는 방식)에 대해 알아야 할 수도 있습니다. 이를 통해 해당 요구 사항을 충족하도록 디자인을 최적화할 수 있습니다.
질문:UI 디자이너는 "사용자 기대에 부응하는 것"을 매우 중요하게 생각합니다. 이것이 무엇을 의미한다고 생각하십니까? 그리고 이것이 인터페이스 디자인에 어떤 영향을 미친다고 생각하십니까?
A:학생들은 먼저 "사용자 기대에 부응하는 것"이 인터페이스가 예상대로 보이고 사용자에게 반응하는 것을 의미한다고 정의해야 합니다. 첫 번째 부분은 익숙해 보이거나 적어도 직관적으로 보인다는 것입니다. 두 번째 부분은 사용자가 앱과 상호 작용할 때 앱은 사용자가 예상하고 계획한 방식으로 사용자의 행동에 반응해야 한다는 것입니다. 두 가지 모두 디자인에 영향을 미칩니다. 디자이너는 사용자 경험이 최상의 결과를 얻기를 원하기 때문입니다. 실제로 이는 대부분 변경 사항이 적용된 완전히 새로운 인터페이스 대신 몇 가지 변경 사항만 적용된 유사한 인터페이스를 유지해야 한다는 것을 의미하기도 합니다. 인터페이스 전체가 새로운 경우, 사용자는 인터페이스와의 상호 작용 방법에 대한 기대치를 갖출 수 없습니다.
질문:지금까지 아무도 본 적이 없는 완전히 새로운 사용자 인터페이스를 만들어야 한다고 상상해보세요. 즉, 사용자는 이를 사용할 때 활용할 수 있는 경험이 전혀 없습니다. 사용자 기대에 부응하기 위해 인터페이스에 무엇을 포함할 수 있을까요? 힌트: VEXcode에 포함된 기능에 대해 생각해 보세요.
A:사용자의 기대는 다른 인터페이스에 대한 이전 경험에서 비롯될 필요는 없습니다. 어떤 상황에서는 사용자가 UI를 처음 볼 때 기대감이 형성됩니다. 이런 경우, 디자이너는 UI를 직관적으로 보이게 만들어야 합니다. 라벨링, 색상 코딩, 적절한 경우 여러 창/화면을 표시하고, 불필요한 텍스트/이미지/색상을 최소화하고, 다른 프롬프트를 사용하면 사용자가 새로운 UI가 작동하는 방식을 더 빨리 이해하는 데 도움이 될 수 있습니다.