프로토타입은 UI디자인에서 자주 사용하게 된다. 그렇다면 프로토타입은 언제 사용될까? 모션감, 움직이는 표현 등은 말로 설명하기 어려운 부분들이 많다. 프런트 개발에 익숙하고 경험이 많은 개발자는 디자이너의 의도와 인터렉티브한 표현을 파악하고 대면 소통만으로도 원활하게 작업하기도 하지만 역시 직접 움직이는 모션을 제작해서 보여주는 것이 가장 명확하게 나의 디자인 의도를 전달 가능하고 이해시키기에 쉽다. 또는 디자이너가 텍스트나 말로 전달하기 어렵거나 애매한 상황일 때 프로토타입을 제작해서 보여주면 효과적인 업무 진행이 가능하다. 나 또한 디자인 업무를 제외하면 가장 중요하고 어렵다고 느껴질 수 있는 부분은 바로 디자인 산출물 전달 과정에서 생기는 커뮤니케이션과 개발자와의 조율 과정이라고 생각한다. 시각적..

오늘 강의에서는 인터렉션 디자인은 어떻게 진행되는지 알아보았다. 인터렉션 디자인이라고 해서 특별히 다른 방법으로 진행하는 건 아니다. 보통의 디자인 업무 프로세스와 유사하게 흘러간다. 디자인 아이덴티티와 컨셉 등을 파악하고 관련 레퍼런스를 리서치하고 디자인 작업을 진행한 후 프로토타입을 통해 시안을 확인하고 개발자와 커뮤니케이션을 진행한다. 다만 동적인 요소에 대한 디자인 작업 특성상 제스처 및 행동에 대한 고려 사항이 필요하고 모션 위주의 레퍼런스와 그에 대한 개발 환경 등을 고려해 볼 수 있을 것이다. 특히 움직이는 요소들의 이해를 돕기 위한 프로토타입 작업이 필요할 수 있고 완성된 인터렉션에 대한 가이드 작업을 진행하게 된다. 예전에 비해 웹과 앱에서 구동되는 인터렉션 요소들의 활용이 많아지면서 디..

4주차에서 마지막 파트인 인터렉션 디자인 강의를 시작했다. 인터렉션에 대한 개념을 먼저 보자면 인터렉션(Interaction)이란 개체 간, 물질 간의 상호작용이 일어난 것이라는 의미한다. 인터렉션 디자인이란 이러한 상호작용이 일어날 것을 보다 쉽고 명확하게 예측할 수 있도록 해주는 것이라고 할 수 있다. 사람들은 수년 간 경험하는 것들을 종합하여 정보를 습득하고 학습하여 앞으로 나타날 현상에 예측한다. 인터렉션 디자인은 결국 이러한 예측을 기반으로 사람들의 자연스러운 행동을 유도하는 것이다. 인터렉션 디자인은 UX디자인의 범주 안에 들어가는 개념이며 사용자의 경험을 개선시키는 것에 포함된다. 인터렉션 디자인을 할 때 고려해야 되는 부분들이 많다. 사용자의 상황과 목표, 행동, 신체적, 인지적 특성 등을..

공들여서 만든 산출물이 오랫동안 유지되려면 지속적인 관리가 필요하다. 프로젝트를 진행하면서 만들었던 파일들과 자료들을 정리해놓고 프로젝트의 종료 시점이 되면 그동안 작업하면서 생긴 파일들을 취합한다. 언제 어느곳에서 필요하고 쓰일 수 있고 원하는 파일을 찾느라 시간을 허비하지 않게 하기 위해서 수시로 프로젝트 산출물의 관리를 해줘야 한다. 이때 전에 배웠던 네이밍 룰에 대한 내용을 참고해서 폴더와 파일명에 규칙을 부여한 네이밍으로 저장해두면 필요할 때 쉽게 찾을 수 있다. 플러스엑스에서는 프로젝트가 완료된 후에 파트너사와 내부적으로 프로젝트를 함께 했던 팀원에게도 간단한 설문을 진행한다고 한다. 설문을 진행하며 얻는 다양한 피드백들로 전체적인 프로젝트 과정을 돌아보고 더욱 효율적으로 일하는 방법을 찾고 ..

이번 강의에선 QA에 대해서 배웠다. QA란 Quality Assurance의 약자로 품질보증을 뜻한다. 디자인 최종 산출물이 나오고 서비스가 출시하기 전 최종 단계에서 실시하는 검증이며 이를 통해 산출물의 퀄리티를 올릴 수 있다. 디자인 화면과 실제 구현 화면에서 다르게 보일 수 있고 예상치 못한 이슈들이 발생할 수 있기 때문에 QA과정을 통해 이러한 이슈들을 방지하고 설계대로 디자인 의도에 맞는 화면이 잘 작동 되는지, 프런트 상의 이슈는 없는지 등을 체크한다. 이런 QA를 진행하기 위해서는 각 파트가 역할을 분담해서 협업을 하는 게 중요하며 프로젝트에 참여한 ux, uiux 모든 파트가 함께 협업하면서 꼼꼼하게 검증하는 단계를 거친다. QA를 진행할 때 고려해야될 부분들이 있다. 먼저 기능성에 대한..

디자인에 있어서 디자인 가이드는 매우 중요하다. 서비스를 만들때 항상 디자인 가이드를 함께 제작한다. 디자인 가이드는 만들어진 서비스에 규칙을 부여하고 일관성을 유지시켜주며 프로젝트에 참여하는 이해관계자들과 원활한 소통 및 협업을 진행하는데 필요하다. 플러스엑스는 이런 디자인 가이드를 하나의 언어라고 얘기한다. 디자인 가이드의 중요성을 좀 더 얘기해 보자면 먼저 개발자에게 디자인 의도를 명확하게 전달하기 위해 필요하다. 디자인 가이드가 없으면 개발자가 디자이너의 의도와 다른 방향으로 개발 할 수가 있고, 결국 의사소통이 힘든 상황이 발생할 거기 때문에 디자이너의 의도를 명확하게 전달하기 위해서는 ui 디자인 가이드가 필요하다고 할 수 있다. 그 다음은 일관성 있는 사용자 경험을 제공할 수 있다는 점이다...