카톡 : coco900jy
이메일 : sylvia900@naver.com










bang-olufsen



[ project 01 / bang-olufsen ]

' Bang & Olufsen ' 사이트를 가상 리뉴얼 했습니다.

음향기기 전문 Bang & Olufsen 사이트를 리뉴얼 하기 앞서 사용자들이 전반적인 아티클에서 운율감을 느낄 수 있는 사이트 디자인을 하고 싶었습니다. 
메인 사방에 마진을 둬 액자식으로 배치하고, 전반적인 아티클의 가로를 1200px로 설정하여 일관성과 안정감을 느끼도록 했습니다.
'Music Matters' 아티클은 1200px로 고정하지 않아 변화와 재미를 느낄 수 있도록 하였습니다.

기기 이미지들은 흑,백을 위주로 사용하여 기기특유의 깔끔함을 강조하였습니다.  반면 classic의 인물 이미지에서는 따스함을 느끼게 하여 사용자가 텍스트를 읽을때 편안함을 갖도록 의도했습니다. 

*최소 해상도 HD를 기준으로 FHD까지 어떠한 화면에서도 동일한 UI를 제공합니다.

*사용자의 디바이스와 인터넷사용경험을 고려한 UX Design이 언제든 가능합니다.

*적절한 트래픽 관리로 사용자에게 빠른 로딩속도를 제공하도록 개발하였습니다.









yunjac


[ project 02 / yunjac / RWD]

화장품 브랜드 '연작'(YUNJAC) 사이트를 가상 리뉴얼 했습니다.
연작 브랜드에서 지향하는 '자연이 만든 작품' 에 착안하여 전체적으로 밝고 온화한 느낌을 가질 수 있도록 리뉴얼 하였습니다. 
 브랜드 사이트라는 점에 집중 할 수 있도록 메인 이미지들과 텍스트를 심플하게 사용하였습니다. 
모바일 퍼스트로 *Mobile(가로 360px)을 기준으로 제작하였고 HD, FHD, QHD 어떠한 디스플레이에 구애 받지 않고 반응합니다.

*사용자의 디바이스와 인터넷사용경험을 고려한 UX Design이 언제든 가능합니다.

*적절한 트래픽 관리로 사용자에게 빠른 로딩속도를 제공하도록 개발하였습니다.









wisewedding


[ project 03 / wisewedding ]

'와이즈웨딩'(wisewedding) 사이트를 가상 리뉴얼 했습니다.
와이즈웨딩은 '당신의 행복이 와이즈웨딩의 행복입니다' 라는 슬로건을 내세우고 있습니다. 
고객의 행복에 공감하는 마음이 전해질 수 있도록, 부드러움을 더해주는 로즈브라운 컬러를 버튼 포인트 색상으로 사용했고, 화사한 사진들을 사용해 디자인에 순백의 느낌을 더했습니다.

*최소 해상도 HD를 기준으로 FHD까지 어떠한 화면에서도 동일한 UI를 제공합니다.

*사용자의 디바이스와 인터넷사용경험을 고려한 UX Design이 언제든 가능합니다.

*적절한 트래픽 관리로 사용자에게 빠른 로딩속도를 제공하도록 개발하였습니다.






UI/UX의 관계에 대한 나의 관점


ux는 사용자가 어떤 시스템, 제품, 서비스를 이용하면서 느끼고 생각하게 되는 총체적 경험. 
ui는 사용자와 사물 또는 시스템 사이에서 의사소통을 할 수 있도록 만들어진 매개체 라고 할 수 있습니다.

예를 들어 시리얼과 우유가 있다면, 사용자는 이를 섭취하는 것을 원하고 있으며 그릇과 숟가락을 이용해 목적을 달성하려 할 것 입니다.
이 과정에서 사용자가 시리얼을 먹는 행위와 목적을 달성하는 과정, 목적을 달성했을때의 만족감 등 총체를 ux.
목표를 달성하기 위해 사용했던 도구들인 그릇과 숟가락이 ui라는 개념이 되겠습니다.

ux,ui 모두 사용자=User 의 경험에서 문제점을 발견하고 여러관점에서 해결책을 고안해 내는 것을 큰 관점에서 말할 수 있습니다.
궁극적으로는 분석을 통해 나온 결과를 눈에 보이는 결과물로 그려내는 것이 ui디자인이라 정리해 볼수 있습니다.





내가 생각하는 UI디자이너의 역할


UI 디자이너는 User Interface(사용자 인터페이스)라는 약칭에서 알 수 있듯이 웹사이트의 디자인을 
최적의 색상과 버튼, 모양, 글꼴, 이미지 등을 조합해 사이트나 응용 프로그램의 ui 디자인을 만듭니다.
모바일 사용자가 늘어나고, 작은 스마트폰 화면을 효과적으로 사용자가 터치하고 조작하기 위해서는 쉽고 직관적인 ui가 필요하기 때문입니다.

ui와 ux를 동일하게 묶어서 이야기 하지만, ux는 사용자 만족감과 성과향상이 목적이라면 ui는 위와 같이 유저가 접속가능한 레이아웃을 제작하며,
클라이언트, 개발자, ux디자이너와의 유연한 소통을 해야합니다.





나만의 UI/UX 개발 원칙 10


01 나와 사용자의 입장을 혼돈하지말자.
- 나의 개인적인 의견이 사용자의 피드백과 다를 수 있음을 유의하자. 사용자의 피드백(지표, 테스터)등을 충분히 활용해야 합니다.

02 각 화면의 의도는 명확하게 표현하자.
- 메인, 로그인, 마이페이지 등 각각 화면마다 목적이나 목표가 있기 마련이다. 사용자가 각 화면에서 제작자가 요구하는 행동을 할 수 있도록 명확하게 설계해야 합니다.

03. 반응이 있어야한다.
- 반응은 사용자와 대화하는 방법입니다. 반응없는 앱/웹을 개발할 수 는 있으나 사용자의 집중, 관심, 머무르는 시간에서 많은 차이가 날 것 입니다.

04. 이야기에 흐름이 있어야한다.
​우리는 사용자가 경험할 수 있는 상황에 대한 이야기를 만들어냅니다.
이야기에 집중하기 위해서 기승전결이 확실해야 하는 만큼 각각의 상황이 뒤죽박죽 되어 혼란을 주어서는 안됩니다.

05 시각적 일관성을 유지한다.
화면에서 일관되지 않은 의외의 효과들이 나타난다면
시선이 분산되고 제작자가 의도한 결과를 얻지 못할 가능성이 높습니다.

​06 사용자가 예상할 수 있어야 한다.
햄버거 메뉴를 눌러 전체 메뉴들을 확인하고 싶은데 마이페이지로 간다면 사용자는 길을 잃을것입니다.

07 의미 있는 움직임만 보여준다.
시선의 분산은 제작자가 의도한 길과는 다르게 사용자를 이끌것입니다.
중요한 움직임, 효과를 사용해야 합니다.

08 타깃을 충분히 고려하자.
실제 사용하는 타깃을 충분히 고려해야합니다.
잠재적인 사용자가 될 유저나 실제 서비스를 이용한 타깃의 성향과 습관, 여러 지표를 통해 UI설계가 진행되어야 할 것입니다.

09 사용자의 익숙함을 존중한다.
사용자가 많은 큰 서비스를 운용할수록 UI/UX변경에 고민이 필요한데, 
새롭게 바뀐 부분을 파악할때 불만이 쌓일 수 있기에 익숙함 또한 고려해야합니다.

10 필요한 만큼만 단순하게 디자인한다.
단순하게 디자인 한다는 것은 제공하고자 하는 서비스의 목적에 '충실'하다는 이야기가 되고. 사용자가 집중하도록 만듭니다.​




카톡 : coco900jy
이메일 : sylvia900@naver.com