Back to feed
Planning Notes·그냥 기획

[with] Web/Mobile Site Planning (Process / Values)

NS
normalstory
cover image

I summarized the process of planning and the things to keep in mind.
 

You can find a lot of material through Google as well... but each person's philosophy and direction differ slightly, so when working it
feels a bit awkward to keep all that content in mind every time. So I mixed, removed, and added the things I personally consider important
and put them together.

It would be good to print this out and stick it next to your desk while working.

If you want more detailed information,
you can find further details by visiting the blogs or sites of the people I have referenced below.





Process 
 

1.

Who will use it


2.

What will it contain. 

What does it show. 

Where will it be used. 

For how long will it be used.


3.

Who is accessing it (grouping / disposition / access method / level of involvement)


4.

Site map (page names / output process / information composition)


5.

Storyboard creation


6.

Site structuring and explanation (revising the site hierarchy / selecting detailed page naming) 


7.

Additional page descriptions and composition


8.

Content composition / setting up and confirming feedback routes


9.

Persona testing / compatibility check


10.

Proposing and configuring maintenance tools


11.

Beta service




Values to remember  


Content directs, design mediates.  ( :: Clement Mok )
No more “Users Use Service” But “Inhabitants Live Service”  ( :: Kim Seong-woo, 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 is not simply an environment in which several screens are merely bundled together.
         c-1. It is an environment in which multiple screens and the services unfolding within them get mixed & mashed-up, 
                giving birth to entirely new consumer experiences that did not exist before.
         c-1. In the same way, the UX of N-Screen is not merely a bundling of the UX of individual screens.
         c-1. Do not build N-Screen UX with the mentality used to build single-product UX. 
                Understand the new environment and business of N-Screen, 
                clearly identify what the UX Design Challenges are, and only then build a UX Design strategy.
                - Just because you have built many buses doesn't mean you can build a train.
                - Don't let Mix & Mash-up turn into 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 




References (mixed, simmered, and stir-fried )
Jonathan Lane / Kim Seong-woo, caerang / Clement Mok

This English version was translated by Claude.

친절한 찰쓰씨
Written by
친절한 찰쓰씨

Pleasant Charles — UI/UX researcher at AIT. Keeping notes on design, planning, and slow days here since 2010.

More on the author's page

Keep reading

Planning Notes

May 26, 2026·1 min
Planning Notes

Turning AI’s Decisions into Real-World Action

May 24, 2026·2 min
Planning Notes

The two unchanging principles of vibe coding

Apr 12, 2026·3 min