UI/UX 💩 / Tips

⁣ 💼 How to build case studies?

⁣ 💼 How to build case studies?

UI/UX 💩 / Tips · April 11, 2019 at 9:12pm

Case study is basically another «design project», but how to build it?⁣ First of all, think about your viewer!⁣

⁣ ———⁣

➡️ TELL A STORY!⁣

———⁣ ⁣ ⁣

To make it easier for you, I’ll explain the «Case study» on the common storytelling technique:⁣

«Three Act Structure»⁣ Every story is made of 3 parts:⁣

———⁣

1️⃣ Setup⁣

2️⃣ Confrontation⁣

3️⃣ Resolution⁣ ⁣ ⁣

———⁣

1️⃣ Setup (context)⁣

———⁣

📍What was this project about?⁣

📍Who’s a client?⁣

📍Who’s a hero (user)?⁣

📍What were their goals?⁣

📍What was your role and your plan?⁣ ⁣

———⁣

⁣ 2️⃣ Confrontation (process and thinking)⁣

———⁣

📍What was your user research process?⁣

📍What were your insights?⁣

📍How did these insights informed your solution?⁣

📍What were your solution hypothesis that you wanted to test?⁣ ⁣ ———⁣

⁣ 3️⃣ Resolution (testing and results)⁣

———⁣

📍How did the user testing went?⁣

📍What were the detected issues?⁣

📍How did you work with issues?⁣

📍What were the project results and success metrics?⁣ ⁣

1.png

2.png3.png4.png5.png6.png7.png8.png9.png

April 12, 2019 at 5:05pm

@anfisign thanks for this tips on how to build case study.

    like-fill
    1
    • reply
    • like

    Btw, this post need some formatting for better look and easier reading. Are you familiar with markdown ?

      • reply
      • like

      April 13, 2019 at 1:08pm

      Hey, Stefan. Not really. I'm using a lot of "spaces" to achieve the drop to next line. If markdown have something to do with the HTML/CSS, I'll not be able to edit it.

        • reply
        • like

        Hey, Stefan. Not really. I'm using a lot of "spaces" to achieve the drop to next line. If markdown have something to do with the HTML/CSS, I'll not be able to edit it.

          Actually markdown is really easy, u just need to know basics stuff of heading, bold, italics, links.

          You can always see eample below the this type box.

          here are some examples:

          **bold**
          *italic*
          `code`

          For example if you wanna have H1 text in your post (doesn;t work in comments/replies) you do like.

          # This is H1 ## This is H2 ### This is H3 **this is bold**

            Edited
            • reply
            • like

            And here is the url of full markdown features https://guides.github.com/features/mastering-markdown/

              • reply
              • like