UDLAB12 UI 설계 개선하기 : 방송통신대학 - 시험일정 확인 기획서가 없이 기존 서비스를 개선해야한다면 어떻게해야할까요? 이번 시간에도 UI 설계 개선하는 과정을 다뤄보겠습니다. 기존에 진행한 방송통신대학의 일정화면에 이어. 이번에는 시험정보 조회 화면을 고쳐볼겁니다. * 이번 글에서는 정보정리 단계부터 시작해 UI 프레임워크를 만드는 과정을 포함하고 있어, 정보정리 훈련이 되어있지 않은 분이라면. 따라가는데 어려움을 느끼실 수도 있습니다. 1. 문제 발견하기 대학은 시험에서 일정 점수를 얻어야 졸업이 됩니다. 그렇기에 시험 일정만을 따로 보여주는 화면이 있습니다. 방송통신대학교의 사례도 마찬가지인데요. 문제는 그 내용을 확인하기가 너무 어렵다는 거였습니다. 그래서 크게 세 단락으로 내용을 나눠. 그 내용이 무엇인지를 정리해봤습니다. 정보배치는 논리의 순서. 말하.. 2021. 2. 12. UI 디자인 : 랜딩 페이지 디자인 - 실무 팁 13 이 글은 랜딩페이지를 디자인할 때 확인하면 좋은 13가지 팁을 정리한 내용입니다. 다만 랜딩페이지 외에, 시각정보를 정리할 때에도 사용될 수 있는 내용이 많아 번역을 진행하게 되었습니다. 이 글은 각각의 타이틀마다 before / after 형식으로 시각물을 비교하기 때문에. 무엇이 어떻게 바뀌어야하는가를 쉽게 아실 수 있을 겁니다. 이 글은 해외 아티클을 기반으로 내용을 보강, 보충한 글입니다. 1. 이미지 위에 텍스트를 올려야할 때는 색상 오버레이를 사용하자 일반적으로, 이미지 위에 색상을 올려놓을 때는 글자나 사진이 잘 보이지않는 문제가 생깁니다. 이런 경우에는 이미지 자체를 편집하거나, 글씨를 강조하는게 좋겠죠. 하지만 정 방법이 없다면 둘 중 하나를 선택해야합니다. 이 케이스에는 이미지의 선명도.. 2021. 2. 6. UI 설계 개선하기 : 방송통신대학 - 일정화면 이미 기획서가 만들어진 상황에서는 정보를 시각화하는건 그리 어렵지 않습니다. 그러나 반대로 기획서도 없이, 기존의 서비스를 개선해야한다면 어떻게 해야할까요? 오늘은 실제 서비스 사례를 통해 설계를 개선하는 과정을 진행해보겠습니다. * 이번 글에서는 정보정리 단계부터 시작해 UI 프레임워크를 만드는 과정을 포함하고 있어, 정보정리 훈련이 되어있지 않은 분이라면. 따라가는데 어려움을 느끼실 수도 있습니다. 1. 문제 발견하기 최근에 저는 방송통신대학교에 입학하게 되었습니다. 그런데 일정 내부에서 제가 직접 확인해야하는 '학생 입장에서의 출석, 시험, 강의시작 등'의 정보를 전혀 얻을수없었죠. 보여주는 정보는 분명 많은 것 같은데. 실제 사용자 관점에서는 쓸모없는 정보가 더 많았습니다. - 사용자가 정말 봐야.. 2021. 2. 2. IT 상식 : 회사의 기술 수준을 파악하는 방법 오늘날의 IT 회사들은 개발 중심인 곳이 많습니다. 그래서 실력 좋은 개발자들을 항상 구하고있고, 더 새로운 기술을 배우고, 회사 내부에 그 지식을 녹여내려고 많은 노력을 하고있죠. 그런 지점에서 볼 때, 회사 내부의 BM (비즈니스 모델)과 기술 수준. 개발자들이 주로 쓰는 기술이 무엇인지를 아는건. IT 업계인이라면 거의 필수적인 상식이라고 볼 수 있습니다. 1. 우리 회사는 어떤 곳이고, 또 어떻게 돈을 벌까? 회사가 어떤 방식으로 돈을 버는지. 그리고 실제 그 업계에서 어떤 경쟁자들이 있는지를 체크하는게 가장 첫번째입니다. 그 이후에는 업계 전체를 통해 볼 때 누가 경쟁자인지. 그들 중에 자신이 다니는 회사는 어떤 위치, 상태에 있는지를 확인해야합니다. - 우리 회사는 돈을 어떻게 벌고있을까요? .. 2021. 1. 31. UI 패턴 핵심정리 : 지도 서비스 안녕하세요, 리플러스입니다. 오늘은 기존에 정리했던 - UI 디자이너라면 꼭 알아야할 9가지 서비스 카테고리 중에서, 지도 서비스에 대해 이야기를 해보겠습니다. 1. 지도 서비스란? 지도 서비스는 GPS를 기반으로 한 주변 지도 정보를 보여주는 기본적인 서비스입니다. 한국에서는 네이버와 카카오, 구글과 애플맵이 이야기되지만, 실제로 사용할 수 있는 건 네이버와 카카오맵 뿐입니다. 구글과 애플의 경우, 해외 기업이기 때문에 국내법상 국내 지도 데이터를 함부로 사용할 수 없게 되어있습니다. 그래서 국내에서는 카카오와 네이버같은 국내 기업의 지도만 사용할 수 있습니다. 2. 지도 서비스의 핵심은 키워드 검색 지도 서비스는 대부분 내 주변에 있는 무언가를 찾거나. 특정한 목적지로 이동하는 방식을 찾을 때 주로 .. 2021. 1. 21. UI 패턴 핵심정리 : 메일 서비스 안녕하세요, 리플러스입니다. 오늘은 기존에 정리했던 - UI 디자이너라면 꼭 알아야할 9가지 서비스 카테고리 중에서, 메일 서비스에 대해 이야기를 해보겠습니다. 1. 메일 서비스란? 메일은 정해진 메일 주소로 텍스트와 이미지, URL주소 등을 함께 보낼 수 있는 서비스입니다. 우리는 메일 서비스가 '전자 우편' 정도로 생각하지만. HTML (하이퍼 텍스트 마크업 언어) 뭉치로 된 문서를 보내는 것입니다. 그래서 CSS로 편집해, 기본 메일 규격과 다르게 내용을 꾸밀수도 있죠. 또한 기존에 살펴보았던 텍스트 에디터 개념까지 담고있어. 한층 복잡해집니다. 2. HTML이란? 기존에 에디터에 대해서 알아볼 때. 마크다운 문법에 대해서도 이야기했었지만. HTML은 마크다운 문법과 비슷하게, 사용자 편집화면과 결.. 2021. 1. 20. 이전 1 2 다음 728x90
