본문 바로가기

웹개발

(5)
기획자와 개발자, 어서 친해지길 바라 지난 포스팅에서 개발자와 대화하고 싶은 비 개발자를 위한 참고서에 대한 글을 작성했습니다. 이번 포스팅에서는 개발자와 기획자 간 원활한 커뮤니케이션을 위해 저희 팀 내에서 초기 사용했던 방법이 현재는 어떻게 바뀌었는지 사례를 통해 보여드리겠습니다.주의! 이 방법은 주로 슬로워크 1팀 기획자인 저와 개발자들이 사용하는 방식으로, 회사별로 팀별로 방법이 다를 수 있습니다. 가장 좋은 방법은 팀 내에서 서로 많은 대화를 해보는 것입니다. 1. 기획자와 개발자의 시간은 다르게 간다. “이거 금방 되죠?” vs “이거 오래 걸려요” 초기에 기획자로서 흔히 했던 실수는, 개발자에게 정확한 기간이나 요건을 설명하지 않고 금방 될 것이라 추측한 것입니다. ‘금방’, ‘오래'와 같은 단어는 주관적입니다. 내가 생각하는 ..
개발자와 대화하고 싶은 비개발자를 위한 참고서 슬로워크 블로그에서는 얼마 전, 비디자이너의 얕은 지식 쌓기: 디자인 용어 20에 대해 포스팅했습니다. 그 글을 보고 저 또한 개발팀 내 유일한 비개발자이기에 많은 영감을 받아 이번 글을 작성하게 되었습니다. 저는 웹기획자로 프론트엔드개발자 두 명, 백엔드개발자 한 명과 함께 팀을 이뤄 작업하고 있습니다. 개발자와 함께 일하기 역시 기본적인 용어를 알지 못하면 혼란스러운 상황(나는 누구? 여긴 어디?..)에 처할 수 있습니다. 고객들도 웹사이트 의뢰를 하면서 익숙지 않은 여러 용어에 낯설어 합니다. 저 역시 아직도 갈 길이 멀지만, 개발자와 소통하기 위한 넓고 얕은 개발용어 몇 가지를 안내해 드립니다. 프론트엔드개발자와 백엔드개발자는 어떻게 다른 건가요? 프론트엔드개발자 - 사용자의 화면에 나타나는 웹 ..
새로운 아름다운가게를 소개합니다. 아름다운가게(www.beautifulstore.org)는 지난 2016년 4월, 웹사이트를 새로운 웹사이트를 공개했습니다. 이번 웹사이트 리뉴얼(개편)은 슬로워크에서 진행하였는데요. 아름다운가게 웹사이트는 어떤 과정을 거쳐 새롭게 태어났을까요? 그 과정을 소개합니다. 아름다운가게 웹사이트 개편을 위해, 슬로워크와 아름다운가게의 담당자 간 사전 미팅을 여러 차례 진행했습니다. 기존의 웹사이트는 다양하고 많은 콘텐츠를 가지고 있었으나, 사업이 점점 커져감에 따라 메뉴 구조와 디자인 톤에 변화를 주고 사용성을 높여야 하는 상태였습니다. 이를 효과적으로 개선하고자 몇 차례 회의을 진행하였고, 시작 전 리뉴얼의 큰 방향성과 목표를 세웠습니다. 기존의 아름다운가게 홈페이지 아름다운가게 리뉴얼 방향성 및 목표1. 메..
코딩 폰트 디자인기, Monoid 코딩할 때 어떤 폰트를 사용하시나요? 개인적으로 코딩의 시작은 에디터를 보기 좋게 세팅하는 일부터라고 생각하는데요, 장시간 에디터 화면을 봐야 하기 때문에 꽤 신중하게 폰트를 고르는 편입니다. 코딩에는 일반적인 문서를 작성할 때와는 조금 다른 폰트를 사용하게 되는데요. 어떤 폰트를 선택하느냐의 기준은 저마다 다르겠지만, 코드 정렬을 위해 고정폭 폰트를, 작은 크기에서도 가독성이 좋고 문자들간의 구분이 잘 되는 폰트를 사용합니다. 마지막의 예를 들면, 숫자 0과 영문자 O, 대문자 I와 소문자 l 을 확실히 구별할 수 있는 것들 말이죠. Consolas, Monaco, Menlo, Source Code Pro 를 비롯하여, 프로그래머들이 애용하는 몇몇 '코딩용 폰트'들이 있습니다. 그 가운데, 새롭게 선보..
2015년 주목받는 웹디자인 트렌드 10가지 웹디자인 산업은 꾸준히 발전하고 있습니다. 그리고 해가 지날수록 어떤 큰 웹의 흐름이 있음을 느낄 수 있는데요. 다가오는 2015년도 역시 다르지 않습니다. Design Bolts에서 소개하는 올해 주목할만한 다양한 웹디자인 트렌드를 만나보겠습니다. (원문 : 10 Of The Most Anticipated Web Design Trends To Look For in 2015) 1. 카드 디자인 패턴 모바일 웹디자인에서 카드 디자인은 매우 유용하고 실용적인 디자인 패턴입니다. 실제로 모바일 기기를 위한 사이트를 만들 때 카드 디자인이 많이 사용됩니다. 카드는 서로 연관된 내용으로 연결된 칼럼을 쉽게 정리할 수 있도록 도와줍니다. 카드 디자인은 사용자 친화적 디자인의 좋은 예입니다. 사용자로 하여금 실제 본..