피드로 돌아가기
기획 노트·그냥 기획

[with] 웹/모바일 사이트 기획 ( 절차/가치 )

NS
normalstory
표지 이미지

기획의 과정과 주의 사항을 간추려 보았다.
 

구글링으로도 많은 자료를 찾을 수 있지만... 각자의 철학과 방향이 조금씩 달라서 일 할때 마다
그 많은 내용을 다 고려하며 업무를 보기가 다소 애매하다는 생각에 본인이 생각하는 중요한 것들을
섞고 빼고 더해서 만들어봤다.

책상 옆에 정리된 내용을 프린프해서 붙여놓고 일하면 좋을 듯.

보다 디테일한 정보를 얻고 싶으면
아래 참조한 분들의 블로그나 싸이트를 찾아보면 상세한 정보를 얻을 수 있을 것이다.





절차 
 

1.

누가 사용하는가


2.

무엇을 담을 것인가. 

무엇을 보여주는가. 

어디에 사용되는가. 

얼마간 사용되는가.


3.

누가 접근하는가(그룹핑/성향/접근방식/관여도)


4.

사이트 맵 (페이지 이름/출력되는 과정/정보 구성)


5.

스토리보드 작성


6.

사이트 구조화 및 설명 (사이트 계층 구조 수정 / 세부 페이지 네이밍 선정 ) 


7.

페이지 추가 설명 및 구성


8.

컨텐츠 구성 / 피드백 루트 설정 및 확인


9.

패르소나 테스트 / 호환성 여부 체크


10.

유지보수 툴 제안 및 구성


11.

베타 서비스




기억해야 할 가치  


컨텐츠가 지휘하고, 디자인은 중재한다.  ( :: Clement Mok )
No more “Users Use Service” But “Inhabitants Live Service”  ( :: 김성우, caerang@gmail.com )

1. Content Accessibility
2. Seamless Service   N-sreen :: Contents, Anywhere
         a-1. Reduce Full-Screen Transitions
         a-2. Flatten Your Information Hierarchy
         a-3. Characteristic Component, Same Experience 
         b-2. Cloud computing
         b-3. Smart device
         b-4. Platform
         c-1. N-Screen은 단순히 여러 대의 스크린이 단순히 묶여 있는 환경이 아니다.
         c-1. 여러 개의 스크린과 그 스크린 속에 펼쳐지는 서비스가 서로 mix & mash-up 되면서 
                기존에 없었던 새로운 소비자 경험이 탄생하는 환경
         c-1. 마찬가지로 N-Screen은 UX는 개별 스크린의 UX를 단순히 묶어 둔 것이 아니다.
         c-1. 단위 제품별 UX 만들던 mentality로 N-Screen을 UX를 만들지 말 것. 
                N-Screen 의 새로운 환경, 비즈니스에 대해 이해하고 
                UX Design Challenges가 무엇인지 확실하게 파악한 후 UX Design 전략을 세울 것
                - 버스여러대만들어보았다고기차만들수있는것은아니다.
                - Mix & Mash-up이 Mix & Mess-up이 되지 않도록!
3. High-level UX Standardization

         a. Seamless & Unified UX
         b. Different UI, Same UX
         c. Locally Optimized Consistent UI & Globally Unified)
4. Characteristic Device   
5. Direction & Detail   
6. The whole is greater than the sum of its parts.
7. user-centred design (UCD)
    :: A design philosophy and a process in which the needs, wants,
        and limitations of the end user of an interface or document are given extensive attention
        at each stage of the design process 
       -WIKIPEDIA
 8. Personalization
 9. Co-work : Blend during Loosely Freely, the conflict 




참조 (섞고 지지고 볶고 )
Jonathan Lane / 김성우, caerang / Clement Mok
친절한 찰쓰씨
글쓴이
친절한 찰쓰씨
친절한 찰쓰씨 · 일상 UX 디자이너
기획·디자인·단상을 조용히 기록합니다.
작가 페이지에서 더 보기

이어서 읽기

기획 노트

Personal AI Agent Architecture for Mac mini (M2 Pro 16GB)

May 26, 2026·1
기획 노트

AI의 판단을 현실의 행동으로 바꾸는 시대

May 24, 2026·1
기획 노트

바이브 코딩의 변하지 않는 단 두 가지 원칙

Apr 12, 2026·3