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
Load previous messages

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