UI설계7 UI 설계 개선하기 : 방송통신대학 - 시험일정 확인 기획서가 없이 기존 서비스를 개선해야한다면 어떻게해야할까요? 이번 시간에도 UI 설계 개선하는 과정을 다뤄보겠습니다. 기존에 진행한 방송통신대학의 일정화면에 이어. 이번에는 시험정보 조회 화면을 고쳐볼겁니다. * 이번 글에서는 정보정리 단계부터 시작해 UI 프레임워크를 만드는 과정을 포함하고 있어, 정보정리 훈련이 되어있지 않은 분이라면. 따라가는데 어려움을 느끼실 수도 있습니다. 1. 문제 발견하기 대학은 시험에서 일정 점수를 얻어야 졸업이 됩니다. 그렇기에 시험 일정만을 따로 보여주는 화면이 있습니다. 방송통신대학교의 사례도 마찬가지인데요. 문제는 그 내용을 확인하기가 너무 어렵다는 거였습니다. 그래서 크게 세 단락으로 내용을 나눠. 그 내용이 무엇인지를 정리해봤습니다. 정보배치는 논리의 순서. 말하.. 2021. 2. 12. 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 설계 개선하기 : 방송통신대학 - 일정화면 이미 기획서가 만들어진 상황에서는 정보를 시각화하는건 그리 어렵지 않습니다. 그러나 반대로 기획서도 없이, 기존의 서비스를 개선해야한다면 어떻게 해야할까요? 오늘은 실제 서비스 사례를 통해 설계를 개선하는 과정을 진행해보겠습니다. * 이번 글에서는 정보정리 단계부터 시작해 UI 프레임워크를 만드는 과정을 포함하고 있어, 정보정리 훈련이 되어있지 않은 분이라면. 따라가는데 어려움을 느끼실 수도 있습니다. 1. 문제 발견하기 최근에 저는 방송통신대학교에 입학하게 되었습니다. 그런데 일정 내부에서 제가 직접 확인해야하는 '학생 입장에서의 출석, 시험, 강의시작 등'의 정보를 전혀 얻을수없었죠. 보여주는 정보는 분명 많은 것 같은데. 실제 사용자 관점에서는 쓸모없는 정보가 더 많았습니다. - 사용자가 정말 봐야.. 2021. 2. 2. 파이썬 스터디 : 003. 서비스마다 달라지는 정보구조 이 글은 002편에서 이어지는 글입니다. 서비스마다 정보의 구조가 달라진다 저번 시간에는 달력 안에 들어있는 메모들을 갖고 분석을 해보았다. 그리고 그 과정에서 바뀌지않는 정보와, 바꿀 수 있는 정보. 두가지가 있다는걸 알게됐다. 그렇다면 달력이 아니라, 다른 서비스에서는 어떤 정보들을 사용하고 있을까? 예를 들어 다이어리, 일기장 서비스를 사용한다고 해보자. 그러면 일단 날짜가 중요하다. 특정 날짜에 쓴 글들이 여러개일 수도 있고, 하나일 수도 있다. 심지어 내용을 수정해 카테고리를 바꾸거나, 제목, 내용을 바꾸는 것도 가능하다. 전체 공개를 하거나, 비밀글로 바꿔버릴 수도 있다. 그렇다면 이런 일기장에서 '바꿀 수 없는 정보'는 무엇일까? 외부로 공개된 일기장 서비스의 경우 사용자 입장에서는 날짜보다.. 2021. 1. 26. 파이썬 스터디 : 002. 실무에서는 어떤 데이터를 다루게될까? 정보의 맥락부터 구분하자 필자는 개발 전공이 아니다. 대신 UI 디자인을 실무로 경험해왔고, 다양한 설계를 해본 경험이 있다. 그런 사람이 개발 공부를 하려면 어떻게 해야할까? 무작정 코딩을 따라하면 공부가 되는걸까? 내 대답은 '아니오' 였다. 대부분의 코딩 공부에서 문제가 되는 것은. 무엇이 왜 중요한지. 어떤 맥락에서 쓰이는지를 모른 채. '일단 따라가고 보는 지루함'이다. 내가 이걸 왜 해야하는지를 모르는데. 무엇이 왜 중요한지, 어떤 것들은 덜 중요한지를 어떻게 판단하겠는가? 정보의 우선순위를 모른 상태에서는 공부를 해도 효율이 떨어질 수 밖에 없다. 그래서 나는 개발 언어를 파고들기 전에. 먼저 실무에서 어떤 내용을 다루게되는지 관련 정보를 좀 더 찾아보기 시작했다. 내가 맨 처음 확인한 것은.. 2021. 1. 26. 이전 1 2 다음 728x90
