win won with

사용자 리서치 계획하기 리서치의 목적과 목표 고객, 내용, 범위, 방법, 일정 등을 포함한 리서치 실행계획을 수립할 수 있다. 조사목적과 얻고자 하는 자료의 특성 및 가용시간과 예산에 따라 자체 수행 또는 아웃소싱을 선정할 수 있다. 선정된 국내외 목표 시장 내의 사용자를 대상으로 리서치 내용을 설계하고 리서치 수행을 위한 가이드를 작성할 수 있다. UI 리서치의 필요성 사용자를 이해하지 못하면 이용형태를 파악하기 힘듦 리서치 없이 디자인을 하게 되면 사용자들의 맥락을 무시하게 됨 특정 상황에서 필요한 기능이나 정보를 디자이너의 판단으로 결정할 가능성이 있음 데이터는 모든 것을 말해주지 않기 때문에 사용자의 경험이 필요 내가 생각하는 문제는 사용자가 생각하는 문제와 다른 경우가 다수 처음에 내렸던 가정이..

Web/Education 2018. 12. 24. 11:19

아이콘 폰트 (Icon Font) 아이콘들을 폰트와 비슷한 속성으로 만들어서 마치 폰트처럼 아이콘을 사용할 수 있도록 하는 방법 이미지가 백터 그래픽 형태로 되어 있어, 크기를 늘리든 줄이든 상관없이 선명한 화질을 보장 색상도 일반 웹폰트처럼 CSS에서 color 속성으로 변경 가능 단색으로만 설정 가능 이용법 Font Awesome 사이트 바로가기 DN을 통해서 설치 or 아이콘 폰트를 다운로드받아서 설치 아이콘이 나타나기를 원하는 위치에 사이트에 있는 코드 (예시 참고) 삽입 가능한 기능들 아이콘 크기변경 (Larger Icons) 아이콘 넓이고정 (Fixed Width Icons) 리스트 블릿 변경 (List Icons) 테두리 적용과 좌측 또는 우측 고정 아이콘 (Bordered & Pulled ..

Web/Education 2018. 12. 18. 16:31

벤더 프리픽스 (Vender Prefix) 각 브라우저에서 판독이 가능한 접두어를 붙여서 해당 브라우저에서 인식할 수 있게 하는 것 웹킷 계열 브라우저 (사파리, 크롬) : -webkit- 모질라 (파이어폭스) : -moz- 오페라 : -o- 인터넷 익스플로러 : -ms- CSS3 기본속성 : 기본속성 작성

Web/Education 2018. 12. 18. 16:12

Web/Education 2018. 12. 18. 15:59

구글 디자인 스프린트 (Design Sprint) 5단계로 나누어 진행하면서 아이디어를 빠르고 효율적으로 테스트할 수 있는 방법 5단계 스케줄 월요일 : 목표를 크게 그리고 문제점 찾아보기 화요일 : 주어진 과제에 대한 해결책 찾기 수요일 : 중요한 결정 내리기 목요일 : 프로토타입 만들기 금요일 : 유저의 반응을 토대로 앞으로의 진행 방향 결정하기 최적 조건 다양한 기술과 관점을 가진 7명 정도의 소수 인원 시간적 제한을 두어 집중력 향상 ( ex)아침 10시부터 오후 5시까지 ) 출처

Web/Education 2018. 12. 18. 15:22

애자일 (Agile Model) 접근 방법론 웹 사이트 개발 버전을 여러개로 나누어 한 단계를 완료할 때 마다 즉시 오픈하고, 모든 개발을 완료할 때 까지 이 과정을 반복하는 방법 수용 가능 조건 팀규모가 작아야 함 서로의 물리적인 위치가 가까워야 함. 멤버 간 엄격한 역할 구분이 없어야 함. 각 단계가 끝날 때마다 과도한 문서 작업에 매달릴 필요가 없음. 버전하나가 오픈되면 클라이언트의 요구를 수집하여 다음 버전에 적용함. 장점 : 폭포식 모델 보다는 변화를 잘 수용하고 위기 대응 관리를 잘 할 수 있는 유연한 접근 방식 단점 : 긴밀한 협업을 유지하기 힘들기 때문에 실제 프로젝트에 적용하기 쉽지 않음.

Web/Education 2018. 12. 18. 15:17

폭포식(Waterfall Model) 접근 프로세스 각각의 단계를 분리하여 고객의 최종 승인하에 다음 단계로 넘어가는 프로세스 “SMART” 기법 무엇을 달성한 것인가 분명하게 어느 정도 달성되었는지를 분명히 알 수 있게 목표 달성을 위해서 무엇을 해야 하는지를 명확하게 현실적으로 적절하고 실현 가능하게 적절한 시간과 시기가 설정되어야 한다는 것 장점 : 현재 수행중인 단계를 명확하게 파악할 수 있음. 단점 : 승인이 완료된 이전 단계의 변화를 인정하지 않음.

Web/Education 2018. 12. 18. 15:11

IE 조건부 주석 (Conditional Comment) 조건부 주석은 IE10 미만에서만 작동하는 조건문으로, 이를 이용하여 IE 브라우저별로 어떤 기능이나 파일, 디자인등을 삽입하는 용도로 자주 사용됩니다. 조건부 주석 기본 문법 ! : 아니다(not) - ex) [if !ie] ie가 아니라면 lt : 작다(less than) - ex) [if lt ie 9] ie9 보다 작다면 lte : 작거나 같다(less than equal) - ex) [if lte ie 8] ie8 보다 작거나 같다면 gt : 크다(greater than) - ex) [if gt ie 6] ie6 보다 크다면 gte : 크거나 같다(greater than equal) - ex) [if gte ie 7] ie7 보다 크거나 ..

Web/Education 2018. 12. 13. 16:05