내비게이션(탐색) 메뉴는 가장 많이 보고 가장 많이 클릭하는 인터페이스(UI) 중 하나다. 사용자에게 더 나은 경험을 제공하는 데 도움이 될 내비게이션 디자인의 몇 가지 원칙을 살펴 보자. 1) 배치 문제 웹은 내비게이션이 배치되는 위치(맨 위, 왼쪽 또는 바닥 글)에 대한 명확한 패턴을 개발했다. 메뉴가 이 영역 밖에 배치되면 어색하고 혼란스럽고 찾기가 어렵다. 2) 메뉴가 어디에 있는지 보여준다 사용자의 현재 위치를 명확하게 전달한다. 아래의 것과 같은 여러 단서를 사용하여 방향을 잡는 데 도움이 된다. 사용자는 자신이 어디에 있는지 궁금해 할 필요가 없다. 3) 메가 메뉴 vs. 드롭 다운 연구에 따르면 메가 메뉴는 모든 것을 한눈에 보여주고, 이미지를 활용하고, 더 나은 그룹화를 허용하고, 더 매..

Design Information/Design Resources 2020. 9. 14. 11:54

감성 모바일 액세서리 전문 브랜드 아트뮤에서 자유자재로 높이.각도를 조절하고 목의 피로를 줄여주는 알루미늄 거치대 겸 고속무선충전기(WC910)를 출시했다. 스마트폰 등 모빌리티 디바이스 사용이 많은 현대인의 라이프 스타일로 인해 야기될 수 있는 거북목 및 목 디스크를 예방하고 목의 피로를 줄여주는 기능성을 기존 고속무선충전기에 더해 편의성을 업그레이드한 무선충전기 제품이다. 이번에 출시한 아트뮤 고속무선충전기 WC910 모델의 특징을 살펴 보면, 알루미늄 재질에 아노다이징(Ano-dizing, 양극산화처리) 표면 처리되어 전열성이 높아 스마트폰 발열을 해소했다. 접합부 위에 관절 2 곳을 만들어 각도 조절을 할 수 있는 금속 힌지를 적용했다. 더불어 스마트폰 거치를 고정해 주는 부분과 바닥면 고무패드 ..

Digital News/Gadget and Apps 2020. 9. 1. 11:06

모든 온라인 콘텐츠의 이상적인 길이는 어느 정도가 가장 좋을지 누구나 한 번쯤 고민해 봤을 만한 주제가 아닐까 싶다.비즈니스를 위한 온라인 활동은 소비자나 이용자들에게 주목받지 못하면 경쟁에서 앞서거나 살아남을 수가 없다.소셜미디어 전성시대에 접어든 지금 블로그나 소셜 네트워크 서비스(SNS) 채널을 통해 콘텐츠를 공유하거나 이메일 등을 통해 홍보와 마케팅을 펼치는 일련의 과정은 기본 중의 기본이 되었다.일반적으로 수많은 온라인 담당자들이 경험을 기반으로 연구한 결과에 따르면, 온라인의 모든 것이 최고의 효과를 내기 위해서는 각 채널마다 이상적인 콘텐츠 길이가 존재한다는 것을 발견하게 되었다. 이것은 정형화된 규칙이 아니라, 지침일 뿐이다. 또한 더 길게 또는 짧게 한다고 해서 실패하고 정확하게 유지한다..

Marketing News/Marketing Trend 2020. 8. 25. 16:22

많은 사람들이 키노트나 프레젠테이션을 훌륭하게 선보이고 싶은 마음을 가지고 있지만, 생각만큼 쉽지 않습니다. 이 글을 통해 소개하는 더 나은 프레젠테이션 디자인을 위한 20가지 팁을 통해 여러분의 프레젠테이션을 한 층 돋보이게 하고 청중을 사로잡아 보시길 바랍니다. 여러분이 사전 판매 피치 데크를 위해 매력적인 프레젠테이션을 디자인하거나 또는 관객의 참여를 유지할 수 있는 교육 자료를 만들어야 하는 경우 아래 20가지 팁을 참조하시면 많은 도움이 될 수 있습니다.* 피치 데크(Pitch Deck) : 키노트나 파워포인트 등을 이용한 프레젠테이션으로 기업이나 스타트업이 아이디어 또는 비즈니스 모델을 투자자나 고객에게 간략하게 설명하는 것을 일컫습니다. 01. 발표 목표를 이해할 것. 프레젠테이션을 만들기 ..

Digital News/IT Trend 2020. 8. 5. 14:53

이미지는 웹 사이트를 매력적이고 시각적으로 돋보이게 만드는 데 많은 도움이 된다. 그러나 대체 텍스트('Alt Text' 또는 'Alt Tag')로 이미지를 최적화하지 않으면 사이트의 사용자 경험과 접근성을 향상시킬 수 있는 중요한 기회를 놓치기 된다.웹사이트 내 이미지를 올바르게 사용하려면 먼저 대체 텍스트(Alt Tag)가 무엇인지 이해하는 것이 중요하다. 이 글을 통해서 Alt Tag가 무엇이며 왜 사용되는지 설명한다. 또한 그에 대한 모범 사례를 소개한다. Alt 태그란 무엇인가? 대체 텍스트(Alt Tag)는 HTML의 이미지에 추가되어 웹페이지의 내용과 컨텍스트를 설명한다. 미디어 파일을 제대로 로드하지 못해 표시할 수 없는 경우 대체 텍스트(Alt Tag)가 이미지 컨테이너에 나타난다. 대체..

Digital News/IT Trend 2020. 7. 10. 15:59

한국도로공사가 국민의 디자인을 고속도로 공공디자인으로 현장에 적용하는 고속도로 공공디자인 공모전을 개최한다. 고속도로 공공디자인 공모전은 고속도로를 이용하는 국민의 안전, 편의 증진 및 국민 행복 실현을 위해 2012년 제1회를 시작으로 매년 개최되고 있다. 공모전 수상작들을 고속도로 현장에 적용해 고속도로 경관 및 디자인 개선에 적극적으로 기여해 왔다.2020년 ‘제9회 고속도로 공공디자인 공모전’ 공모 주제는 정부 디자인 정책과 공사 경영 방침을 아우른 ‘국민 안전이 담보된 고품격의 세련된 고속도로 공공디자인’으로 톨링존(톨게이트), 휴게존(휴게 시설, 졸음 쉼터) 및 기타 고속도로 시설물 분야의 개선된 공공디자인을 7월 3일부터 9월 13일까지 접수를 통해 출품받는다.공모 자격은 대한민국 국민이면 ..

Design News/Design Exhibition 2020. 7. 9. 11:18

소셜 미디어를 활용한 마케팅이 나날이 비중이 커지고 있는 가운데 다양한 소셜 미디어가 등장하고 이어 지속적인 리뉴얼을 통해 영역별 이미지 크기가 변화하고 있다.시각적인 콘텐츠가 주목도가 높은 것은 누구나 공감하고 있고 규격에 맞는 최적의 이미지 사이즈가 해당 콘텐츠를 가장 돋보이게 보여 준다는 사실도 익히 알고 있다.다변화를 꾀하는 소셜 네트워크 서비스들의 최적화 이미지 사이즈를 알고 가장 효과적인 콘텐츠를 만들 수 있도록 아래 소셜 미디어별 이미지 인포그래픽을 활용해 보길 바란다.2020 소셜 미디어 최적의 이미지 사이즈 인포그래픽은 페이스북, 트위터, 핀터레스트, 인스타그램, 링크드인, 유튜브 등 대표적인 소셜 미디어 6종의 영역별 모든 이미지에 대해 최적화 사이즈를 제시하고 있다.

Design Information/Design Resources 2020. 7. 7. 16:52

UX와 UI는 자주 상호 교환적으로 사용되지만 실제로 매우 다른 두 가지 용어입니다. 그 차이점을 쉽게 구분하지 못하는 경우를 종종 실무에서 마주하게 됩니다. 오늘 한 장의 인포그래픽을 통해 UX와 UI가 어떤 차이점을 가지고 있는지 한 눈에 살펴보고 앞으로 쉽게 구분할 수 있기를 바랍니다.UX와 UI에 대해 용어적 정의, 핵심 요소 기준 차이점 그리고 UX 디자인과 UI 디자인의 작동 방식과 직업으로써 어느 쪽이 더 나은지에 대한 자세한 내용은 다음 글을 통해서 소개하도록 하겠습니다.

Design Information/Design Resources 2020. 7. 1. 11:13