{"id":15,"date":"2021-05-21T15:08:00","date_gmt":"2021-05-21T15:08:00","guid":{"rendered":"https:\/\/portfolio.yingwang.share.library.harvard.edu\/Home\/?page_id=15"},"modified":"2021-05-29T11:32:45","modified_gmt":"2021-05-29T11:32:45","slug":"process","status":"publish","type":"page","link":"https:\/\/portfolio.yingwang.share.library.harvard.edu\/Home\/process\/","title":{"rendered":"Process"},"content":{"rendered":"\n
\"\"<\/figure>
\n

1. Brain storm ideas:<\/h2>\n\n\n\n
\n\n\n\n
\n
\n

Trend & Innovation<\/h4>\n<\/div>\n\n\n\n
\n

Daily creative journal<\/h4>\n<\/div>\n\n\n\n
\n

Put the puzzle together<\/h4>\n<\/div>\n<\/div>\n\n\n\n

It’s always easier to fix what bothers me, what’s missing than bring an brand new idea to life; but that what excites me, the struggle, the thrill and the fact that I religiously draft on my pocket version of creative journal. So I can come up with ideas when working under pressure.<\/strong><\/h4>\n<\/div><\/div>\n\n\n\n
\"\"<\/figure>
\n

2. UX research:<\/h2>\n\n\n\n
\n\n\n\n

Step 1<\/h3>\n\n\n\n

Set goals for organization, for users, for the website.<\/h4>\n\n\n\n

Step 2<\/h3>\n\n\n\n

User research, survey and interview with potential users or identify the niche, build user\u2019s persona, build persona\u2019s storyboard.<\/h4>\n<\/div><\/div>\n\n\n\n
\"\"<\/figure>
\n

3. Product definition:<\/h2>\n\n\n\n
\n\n\n\n

What<\/h4>\n\n\n\n

What’s special about my product or brand that engages users?<\/h4>\n\n\n\n

Why<\/h4>\n\n\n\n

Why would people believe in the concept behind it?<\/h4>\n\n\n\n

Who<\/h4>\n\n\n\n

Who are we serving? and are we making positive, meaningful impact on people’s lives or we making it convenient for them?<\/h4>\n<\/div><\/div>\n\n\n\n
\"\"<\/figure>
\n

4. Content research:<\/h2>\n\n\n\n
\n\n\n\n

Freedom + Ingenuity + Perseverance<\/h3>\n\n\n\n

Content research is literally the holy grail and foundation of the entire creative process to me. I got into the habit of collecting everything that caught my eyes for mood board: the palette, typeface, layout, component, texture, shape, concept, music you name it.
<\/h4>\n<\/div><\/div>\n\n\n\n
\"\"<\/figure>
\n

5. Cart Sort & Wireframe:<\/h2>\n\n\n\n
\n\n\n\n

Cart Sort is like poker, it’s a game of skill, not purely luck<\/strong>.<\/h4>\n\n\n\n

Card sort and wireframe: Once I have a clear understanding of my persona\u2019s ability to access information and know what to prioritize for the site, I start to card sort the content in order to fit my persona\u2019s needs.<\/h4>\n\n\n\n

<\/p>\n<\/div><\/div>\n\n\n\n

\"\"<\/figure>
\n

6. Prototype<\/h2>\n\n\n\n
\n\n\n\n

I spend 70% of time researching and worrying about how to present the site in a creative way, and 30% of time I actually sit down and do it.<\/strong><\/h4>\n\n\n\n

To translate everything from paper (post it) to website, I prototype with Adobe XD, UI kit, wordpress that are easy to make updates or changes and allows me to focus on the content more than the details that I can always modify later on. Beside, I can make modifications of the responsive design easily.<\/h4>\n<\/div><\/div>\n\n\n\n
\"\"<\/figure>
\n

7. Testing<\/h2>\n\n\n\n
\n\n\n\n

Designer testing<\/h3>\n\n\n\n

I ensure all the URL, pages, links and responsive design are functioning well. The site structure is easy to navigate and is presented to users in an organized way through the entire site.<\/h4>\n\n\n\n

User testing<\/h3>\n\n\n\n

I ask users to access the site, and give me feedback on what\u2019s great features they like about the site, what puzzles them, what can I do to prioritize to better suit their needs for the site.<\/h4>\n<\/div><\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"inspiro_hide_title":false,"inspiro_hide_featured_image":false,"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.yingwang.share.library.harvard.edu\/Home\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.yingwang.share.library.harvard.edu\/Home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.yingwang.share.library.harvard.edu\/Home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.yingwang.share.library.harvard.edu\/Home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.yingwang.share.library.harvard.edu\/Home\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":48,"href":"https:\/\/portfolio.yingwang.share.library.harvard.edu\/Home\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":406,"href":"https:\/\/portfolio.yingwang.share.library.harvard.edu\/Home\/wp-json\/wp\/v2\/pages\/15\/revisions\/406"}],"wp:attachment":[{"href":"https:\/\/portfolio.yingwang.share.library.harvard.edu\/Home\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}