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

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

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

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

매년 수많은 종류와 스타일의 유료 또는 무료 아이콘 세트와 아이콘 모음이 공개되지만, 완성도 높은 아이콘 팩으로 구성된 아이콘 라이브러리를 만나기는 쉽지 않다.특히, 인기 있는 다양한 그래픽 도구에 호환성을 갖추거나 동일한 구성에 여러 가지 스타일을 포함하고 있는 경우는 드물다. 오늘 소개하는 머트리얼 아이콘 라이브러리는 아이콘 리소스를 필요로 하는 디자이너의 니즈를 충족하기에 부족함이 없다. 라운드, 아웃라인, 투톤 등 3가지 스타일과 16가지 카테고리로 분류된 24x24픽셀 1000개 이상의 정교한 고급 아이콘을 무료로 다운로드할 수 있도록 했다. 또한 스케치(Sketch), FIGMA, SVG, 인비젼 스튜디오(Invision Studio), 어도비 XD, 포토샵(Photoshop)과 호환되며 인기..

Design Information/Design Resources 2019. 5. 28. 02:29

오늘날 중소기업에서 대기업에 이르기까지 브랜드와 콘텐츠를 경쟁 업체보다 돋보이기 위한 검색엔진 최적화(SEO) 및 사용자 경험(UX) 의존도는 나날이 높아지고 있다."유용성과 사용자 경험은 사이트의 외부 인기도에 간접적이지만 측정 가능한 이점을 제공한다. 그러면 검색엔진은 더 높은 품질의 신호로 해석할 수 있다. 이것은 "아무도 부실하고 지저분한 사이트로 연결되는 것을 좋아하지 않는다"는 현상으로 일컫는다. - Moz"우수한 사용자 경험(UX)을 제공하는 것은 고객 만족에 필수적일 뿐만 아니라 Google 순위를 높이기 위한 기준 중 하나이기도 하다.오늘날 사이트 개발 과정에서 사용자 경험(UX)이 SEO에서 수행하는 역할은 때때로 잊힐 수 있다. UX에 대한 무지 또는 지식 부족은 SERP(검색 엔진 ..

Marketing News/SEO 2019. 3. 18. 17:15

LG전자가 부드러운 곡면디자인이 적용한 보급형 스마트폰 ‘LG 볼트(Volt)’를 오는 17일 이동통신 3사를 통해 국내 출시한다. ‘LG 볼트’는 지난 3월 MWC 2015에서 공개한 보급형 라인업 4종 가운데 ‘LG 스피릿(Spirit)’과 동일한 제품이다. ‘LG 볼트’는 LG전자가 올해 국내에 내놓는 첫 보급형 스마트폰이다. LG전자는 프리미엄급 스마트폰에 탑재해왔던 곡면디자인과 UX를 ‘LG 볼트’에 대거 적용했다. ‘LG 볼트’는 3,000R의 부드러운 곡률을 디스플레이에 적용, 세련된 곡선미와 편안한 그립감을 갖췄다. 또한, 터치센서와 LCD를 통합하는 ‘인셀터치(In-cell Touch)’ 기술을 통해, 얇은 두께와 가벼운 무게를 구현해 터치감을 향상했다. LG전자는 소비자로부터 반응이 좋..

Digital News/IT Trend 2015. 4. 16. 02:31

오늘날 포트폴리오 웹사이트 디자인은 완수해야 할 도전 과정 중의 하나가 되어가고 있습니다. 예를 들어, 디자이너들과 개발자들은 웹사이트의 유용성, 검색 엔진 크롤러의 사용 지침서, 스타일링 그리고 사용자 반응 등을 고려해야 합니다. 가끔씩 최신 기술, 디자인 혹은 테마를 가지고 새로운 웹사이트를 제작하기 위해, 전문가들은 사이트의 기본 기술 몇 가지를 무시할 수밖에 없습니다. 이런 이유의 결과로, 디자인이 잘 된 포트폴리오 웹 사이트이지만 검색 엔진 순위에 오르지 못하기도 합니다.기본적인 가이드라인에 충실한 것은 언제나 문제 되는 부분 없이 더 나은 디자인을 개발하는데 도움을 줍니다. 아래의 몇 가지 나열된 팁들은 여러분의 포트폴리오 웹 사이트를 검색엔진의 순위에서 더 올라갈 수 있도록 도와줄 것입니다...

Design News/Design Trend 2013. 12. 3. 08:02

아이트래킹 연구(eye-tracking research)가 알려준 4가지의 사용자 경험 디자인(User Experience Design, UX design) 필수 규칙웹 디자이너들은 디자인하는 사이트가 방문자를 위해 최선의 것이 되도록 많은 도구를 사용합니다. 이런 목적을 이루기 위한 가장 좋은 방법 중 하나는 실제적인 과학적 연구를 사용자의 만족을 최대화하기 위해 웹 디자인에 적용하는 것입니다. 아이트래킹 연구(eye-tracking research: 눈동자 움직임 추적 연구)는 웹 디자이너들에게 방문자들이 어떤 사이트에서 일반적으로 정보를 얻는 우선순위에 관한 가이드라인과 같은 종류의 청사진을 제공해 줍니다. 또한, 아이트래킹 연구(eye-tracking research)는 사이트 방문자들이 웹사이트..

Design News/Design Trend 2013. 11. 28. 05:29

200가지 벡터 화살표 아이콘 무료 다운로드 현재 미니멀리즘과 플랫(Flat) 트렌드는 대부분의 웹 및 응용 프로그램 개발을 위한 UX 또는 UI 디자인에 널리 사용되고 있다. 아울러 화살표는 대부분의 웹 사이트와 응용 프로그램에 차이를 만들 수 있는 하나의 공통 요소로 사용되고 있다. 단지 방향 또는 빠른 지시를 말하는 이상으로 화살표 아이콘은 사용성, 상호작용 및 전반적인 사용자 경험(UX)에 중요한 역할을 제공한다. Freepik에서 해외 디자인 블로그 Youthedesigner.com을 통해 공유된 놀라운 200개 무료 벡터 화살표 아이콘 콜렉션을 통해 플랫 디자인 트렌드를 미래를 탐험해 보고 실무에 바로 적용해 볼 수 있을 것이다. 이 화살표 아이콘 세트는 활용도가 높게 EPS, SVG 및 JP..

Design Information/Design Resources 2013. 11. 15. 11:37