반응형 웹사이트 제작을 위한 사용자 인터페이스

Fluent Design System, Microsoft(2017/05)

마이크로소프트가 미국 시애틀에서 열린 개발자 콘퍼런스인 빌드(Build) 2017에서 윈도 10 가을 크리에이터스 업데이트의 일환(Windows 10 Fall Creators Update)으로 반응형 웹사이트 제작을 위한 사용자 인터페이스인 플루언트 디자인 시스템(fluent.microsoft.com)을 발표했다. 플루언트 디자인 시스템은 다양한 디바이스와 콘텐츠 소비 환경에 둘러싸인 사용자에게 직관적이고 조화로우며 반응적이고 포괄적인 사용자 경험과 인터랙션을 제공하고자 한다. 이제 디스플레이를 두고 마우스나 키보드로 조작하는 것을 넘어서 모바일 디바이스를 터치로 컨트롤하거나, 태블릿 PC를 스타일러스 펜으로 이용하고, 가상현실 헤드셋을 착용한 채 음성 인식과 동작 인식으로 제어하는 등 사용자 인터페이스가 다양화되고 있으므로 이를 통합적으로 아우르는 시스템을 제공하고자 하는 것이다. 빛(Light), 깊이(Depth), 움직임(Motion), 소재(Material), 규모(Scale)의 다섯 가지 요소에 중점을 두고 플루언트 디자인을 구성한다. 이를 활용하면 사용자가 커서를 가져다 대거나 응시하는 부분에 빛이 들어오거나, 그 부분에만 강조를 줘 콘텐츠에 깊이감을 구현한다. 각종 정보들이 맥락에 맞게 움직이면서 직관적으로 정보를 전달하고, 소재감을 더하거나 그 규모와 범위를 가상현실, 혼합현실로 확장할 수도 있다. 

• 구글(Google)의 머테리얼 디자인(Material Design)에서부터 마이크로소프트의 플루언트 디자인까지 데스크톱에서 모바일 그리고 혼합현실, 가상현실까지 사용자가 콘텐츠를 접하는 방식과 인터페이스, 경험 등이 다채로워짐에 따라 이를 종합적으로 고려한 디자인 시스템이 계속해서 선보여지고 있다. 

• 사용자의 동작과 음성이 어떻게 잘 조화를 이룰 것인지, 콘텐츠의 그래픽과 움직임이 실감나는 촉감과 몰입감을 재현할 수 있을 것인지 등 이제 웹 디자인에 있어서 감각까지도 고려하는 차원으로 나아간다.