타일로그

스타트업이 포기한 것과 지켜야 하는 것. ‘디자인이 필요한 순간, 놀라운 경험을!’ 타일이 위와 같은 야심찬 비전을 갖고 공개된 이후, 1년여의 시간이 지났습니다. 1년이 지난 타일은, 어째뜬 망하진 않았습니다. 그렇다고 대성하지도 않았지요. 하지만 한계와 가야할 방향을 정확히 알고 있습니다. ... read more 이흥현 2017-05-17 16:52:28 우리 팀을 위한 업무 관리 툴이 없어서, 개발해보았다. tyle.io는 6명의 작은 스타트업입니다. 그리고 저는 이 팀의 마케팅, 운영, 개발을 전반적으로 조율하고 있습니다. < 세상에서 제일 힘든 업무.. 인터뷰 사진찍기 > 예전에 팀원이 4명 이하 일 때는 '머릿속 + 포스트잇 + 슬랙 + 깃헙로그'로 현황과 계획을 관리할 수... read more 이흥현 2017-05-17 16:49:57 [jQuery] 컨텐츠 페이지에서 스크롤상태 표시하기- Progress Indicator < 스크롤 되면 현재 위치를 계속 보여준다. > 본문의 내용이 긴 경우에 사용자에게 현재 어느정도 읽었는지 알려주면, 사용자에게 보다 많은 정보를 내어주게 되는 것이며 이는 곳 사용자 스스로 통제권을 더 가지고 있다고 느껴지게 만듭니다. 긴 글은 사용자가 의도적으로 집중하면서 ... read more 이흥현 2016-12-01 11:58:21 [jQuery] 카드뉴스 플레이어 Github : https://github.com/tyleteam/jquery-tyle-player < 카드뉴스 플레이어 동작 모습 > 타일이 주력하는 부분은 디자인 자동화이고 그렇게 생산된 이미지 컨텐츠들이 어디에서 어떻게 소비되는지는 크게 관여하지는 않는다. 이미 기존에 트... read more 이흥현 2016-11-29 19:08:53 모바일 사용성 증대를 위한 모달창 히스토리 관리 전통적으로 모달이라함은 DOM 요소를 새로운 창처럼 꾸며서 화면상에 보여주는 것입니다. 그냥 꾸며진 DOM에 불과해서 미니 팝업처럼 보이지만 사실은 그냥 DOM 요소일 뿐이지요. 예전부터 웹 기반에서도 브라우저 히스토리의 뒤로가기/앞으로 가기와 따로 놀기 때문에 사용성에 대해서... read more 이흥현 2016-11-28 16:48:33 pjax를 이용한 극적인 웹페이지 속도 향상 < 출처:픽사베이 > 웹사이트에서 사용자의 반응(링크클릭)등에 빠른 속도로 반응하는 것은 항상 웹개발자들의 꿈이다. 느려터진 웹사이트는 사용자를 짜증나게하고 이탈률을 증가시킨다. 가장 속도를 빠르게하는 것은 원격서버를 통하지 않고 로컬에서 다 해결하면 된다! 하지만 이것은 불가... read more 이흥현 2016-11-28 12:16:31 빙글빙글 로더(스피너)를 만들어보자 스피너는 UI의 요소인데, 사용자가 어떤 액션을 취하고나서 결과가 화면상에 반영되기까지, 원격으로의 요청이나 컴퓨터가 무언가를 처리하고 있다고 알려주는 기능을 한다. 그냥 쉽게 말해서 로딩걸려있을 때 사용자 행동을 막고 뺑글뺑글 도는 그런거다. 이게 과연 사용자 경험에 도움이 ... read more 이흥현 2016-11-26 00:06:18 어떠한 기능을 추가하지 않을 것인가 < 이미지출처:픽사베이 > 온라인 서비스에서 기능을 추가하는 것만큼 중요한 것은 어떠한 기능을 추가하지 않을 것인가를 결정하는 것이다. 서비스에 필요없는 기능을 넣지 않는 것은 넘나 당연하지만, 항상 딜레마에 빠지는 이유는 실제로 대다수가 존재해서 나쁠거 ... read more 이흥현 2016-11-24 21:57:28 모바일에서 확대 축소가 가능한 이미지 모달창 반응형으로 컨텐츠 페이지를 작성하는 경우에 본문내의 이미지를 어떻게 확대하여 보여줄 것인가에 대한 고민을 하게 된다. 아직까지 자바스크립트 플러그인으로 제공되는 LightBox류들은 멋진 트랜지션과 함께 확대는 해주긴 하지만, 모바일에서 확대했을 때에는 본문용 크기나 모달에서 ... read more 이흥현 2016-11-23 23:46:42 타일의 알파테스트를 마치며.. 자동 디자인툴 타일은 현재까지 몇개월 간의 알파버전 테스트를 통해서 ‘알아서 해주는 디자인이 가능한가? 타깃 사용자(시장)의 니즈에 부합하는가?’의 두 가지 의문에 대해서 테스트를 마쳤다. 처음에는 우리들도 빠른 결과를 위해서 어느정도 예쁜 디자인들을 마련해놓고 내용을 채워넣는... read more 이흥현 2016-11-23 17:17:50 모바일상에서 가상 키보드 여부 인식 모바일 기기상에서 input에 focus가 발생하면서, 가상키보드가 나타나게 되면, window의 크기 변화도 수반한다. 그렇다면 window width와 height의 비율을 통해서 가상키보드 등장 여부를 알아낼 수 있게 된다. 이 코드는 작동되는 코드를 기초로 간략화한 버전... read more 이흥현 2016-03-15 16:14:34 링크를 통한 페이지 닫힘에도 확인창 띄우기 게시물이나 코멘트를 작성하려는 경우 전송을하지 않고 나가게 되면 ‘정말로 이 페이지를 벗어나시겠습니까?’ 라고 물어보는 자바스크립트다. 원리는 굉장히 간단하다. 위 처럼만 간단하게 작업을 해두면, 브라우저상의 새로고침이나 창(탭)닫기에만 반응할 뿐, 내부 링크를 통해서 벗어나는... read more 이흥현 2016-03-15 16:14:34 우리는 자동 디자인 툴, tyle.io를 만들어 나가고 있다. 우리팀은 카드뉴스를 자동 생성해주는 tyle.io라는 서비스를 만들어가고 있다. tyle.io는 무엇이며 무엇을 지향하는가? 전문가 도구인 포토샵에서부터 웹상에서 손쉽게 멋진 이미지들을 만들 수 있는 www.canva.com등의 도구들은 이미 많이 있었다. 우리가 그 사람들보다... read more 이흥현 2016-03-14 15:49:22