분류 전체보기34 UI 디자인 : 웹페이지와 홀수의 법칙 ? - 컨텐츠 목록 홀수의 법칙이란, 정보를 표기할 때, 1, 3, 5 개의 패턴을 주로 보여주는 방식을 이야기합니다. 반복되는 컨텐츠를 보여줘야할 때. 2나 4처럼 짝수를 피해야한다는 이야기인데요. 이 키워드는 기존 랜딩페이지 디자인 실무 팁에서 다뤘던 내용 중 일부입니다. 기존에는 랜딩페이지를 위주로 살펴봤다면. 이번에는 여러 컨텐츠를 동시에 보여줘야하는. 반복패턴 케이스를 찾아 이 법칙이 실제로 맞는지. 검증해보도록 하겠습니다. 1. 유튜브 (Youtube)의 사례 인지과부하라는 말이 있습니다. 말이 좀 어렵게 느껴지실 수도 있는데. 너무 많은 정보가 한번에 들어와서, 판단을 내리기가 어려워지는 상태를 말합니다. 그 대표적인 사례가 PC웹 유튜브 화면입니다. 분명 많은 정보를 보여주곤 있는데, 정보를 체크하고 읽고, .. 2021. 2. 8. UI 디자인 : 웹페이지와 홀수의 법칙? - 랜딩 페이지 홀수의 법칙이란, 정보를 표기할 때, 1, 3, 5 개의 패턴을 주로 보여주는 방식을 이야기합니다. 반복되는 컨텐츠를 보여줘야할 때. 2나 4처럼 짝수를 피해야한다는 이야기인데요. 이 키워드는 기존 랜딩페이지 디자인 실무 팁에서 다뤘던 내용 중 일부입니다. 이번 시간에는 이 키워드가 실제로 다른 서비스에서 얼마나 검증될 수 있는지. 이 부분을 집중적으로 찾아보겠습니다. 1. 스케치 (Sketch) 랜딩페이지의 사례 스케치는 UI 디자인에서 자주 사용되는 디자인 소프트웨어입니다. 스케치에서 주로 사용하는 방식은 3개의 커다란 그리드를 잡고. 이 부분을 나눠서 3개로 사용하거나, 1:2로 사용하거나. 1개를 넓게 쓰는 방식으로. 매우 단순한 방식을 사용하고있습니다. 스케치 랜딩페이지의 경우, 일부 컨텐츠를 .. 2021. 2. 8. UI 디자인 : 랜딩 페이지 디자인 - 실무 팁 13 이 글은 랜딩페이지를 디자인할 때 확인하면 좋은 13가지 팁을 정리한 내용입니다. 다만 랜딩페이지 외에, 시각정보를 정리할 때에도 사용될 수 있는 내용이 많아 번역을 진행하게 되었습니다. 이 글은 각각의 타이틀마다 before / after 형식으로 시각물을 비교하기 때문에. 무엇이 어떻게 바뀌어야하는가를 쉽게 아실 수 있을 겁니다. 이 글은 해외 아티클을 기반으로 내용을 보강, 보충한 글입니다. 1. 이미지 위에 텍스트를 올려야할 때는 색상 오버레이를 사용하자 일반적으로, 이미지 위에 색상을 올려놓을 때는 글자나 사진이 잘 보이지않는 문제가 생깁니다. 이런 경우에는 이미지 자체를 편집하거나, 글씨를 강조하는게 좋겠죠. 하지만 정 방법이 없다면 둘 중 하나를 선택해야합니다. 이 케이스에는 이미지의 선명도.. 2021. 2. 6. IT 상식 : 구글의 마케팅 핵심 키워드 2021 구글은 전 세계적으로 지도 서비스를 포함해, 비즈니스 생태계에 관련된 거의 대부분의 서비스를 제공하고있습니다. 그래서 지도상에 나와있는 가게정보나, 키워드 노출, 심지어 비즈니스 관리 플랫폼도 제공하고있습니다. 여기에 Gmail 기반의 G suite까지 갖고있고. 최근에는 비대면 온라인 미팅도 추가했죠. 구글은 이미 비즈니스에 관련된 거의 대부분의 플랫폼들을 갖고있고, 검색엔진의 키워드 광고 시장까지 잡고있죠. 구글은 키워드 기반 마케팅 시장에서 엄청난 강자입니다. 그런 구글은 검색엔진 쪽에서 Search on 2020 이라는 행사를 통해 검색엔진 기술을 더 강화할 것을 밝혔는데요. 이외에도 구글은 지속적으로 AB 테스트를 통해 검색 UI를 변경, 강화하고있었습니다. 지금부터 어떤 방식의 검색방식이 20.. 2021. 2. 5. UI 설계 개선하기 : 방송통신대학 - 일정화면 이미 기획서가 만들어진 상황에서는 정보를 시각화하는건 그리 어렵지 않습니다. 그러나 반대로 기획서도 없이, 기존의 서비스를 개선해야한다면 어떻게 해야할까요? 오늘은 실제 서비스 사례를 통해 설계를 개선하는 과정을 진행해보겠습니다. * 이번 글에서는 정보정리 단계부터 시작해 UI 프레임워크를 만드는 과정을 포함하고 있어, 정보정리 훈련이 되어있지 않은 분이라면. 따라가는데 어려움을 느끼실 수도 있습니다. 1. 문제 발견하기 최근에 저는 방송통신대학교에 입학하게 되었습니다. 그런데 일정 내부에서 제가 직접 확인해야하는 '학생 입장에서의 출석, 시험, 강의시작 등'의 정보를 전혀 얻을수없었죠. 보여주는 정보는 분명 많은 것 같은데. 실제 사용자 관점에서는 쓸모없는 정보가 더 많았습니다. - 사용자가 정말 봐야.. 2021. 2. 2. IT 상식 : 데이터가 만들어지는 3가지 방식 UI 디자인과 설계를 다루는 사람이라면, 데이터에 대한 이야기를 많이 하게됩니다. 다만 우리가 사용하는 데이터와, 실제로 보이지 않는 지점에 있는 데이터. 이 두가지를 구분하는건 쉬운 일이 아닙니다. 대체 우리가 다루는 데이터라는건 어떻게 만들어지는걸까요? 이 부분을 굳이 나누자면 크게 세가지 정도가 될 수 있을 것 같습니다. - 크롤링, API 연동을 통해 외부에서 가져온 데이터 - 사용자가 직접 입력해 만들어낸 데이터 - 기존의 데이터들을 알고리즘, 필터링을 통해 가공한 데이터 1-1. 크롤링을 통해 봇이나, 사람이 직접 긁어온 데이터 대부분의 서비스는 사용자가 알고싶어하는 정보를 보여주는 용도로 사용됩니다. 예를 들어 주가 가격이나, 환율, 오늘의 날씨 등과 같은 정보들은. 항상 새로운 정보를 생산.. 2021. 2. 2. 이전 1 2 3 4 5 6 다음 728x90
