{"componentChunkName":"component---src-templates-work-index-js","path":"/works/udacity-ux-capstone-project-an-instagram-vendor-review-app","result":{"data":{"works":{"edges":[{"node":{"title":"Udacity UX Capstone Project —  An Instagram vendor review app","slug":"udacity-ux-capstone-project-an-instagram-vendor-review-app","excerpt":"Designing a mobile app to establish trust between buyers and instagram vendors and help buyers make better and informed decisions when purchasing items on instagram.","id":"Work_5ff7273809dd9ca7b9a759bd","published_at":"2021-01-07T15:22:38.746Z","tags":[{"id":"5ff725a886988ba6e7dce887","name":"USER RESEARCH"},{"id":"5ff725c986988ba6e7dce888","name":"UI/UX DESIGN"},{"id":"5ff725dc86988ba6e7dce889","name":"USABILITY TESTING"}],"image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC4klEQVQoz2MwijO1z3UyzDZRjdbcsGvTx7efHz96+uDe44f3Hj99/OLG9Tsvn7/5+vnn2zcfX7/68PrV+9cv3715/QGE3nxgMPIx1HPU1QnUV4pRd8p0nTVj9umTZx89ePrqxdtTJ8+ZmNt5+oRMnTb7xvXbz5+9fvb01fPnb148f/Py+VugAgbbIGtLZ1NdXU0db12jVDNJFUkleaWYmLg1q9Y1N3fK6euZujqKyUjNX7D05Ys39+8+evzw2eNHz58+efns6WsGTVN1bWtNHS0NAz1d+zB77xhPA309CUlxUTExQUFhKRMjpyAXFxenK5dvPLr/5NaNu7du3r1/9+HDB08eP37GoKgsr6gqr6KipK2pYWpi4uLlFBDgFxUdHhDoZ2NrY21py8jIIiklVVRYvHb1hquXbgCD4/69R/fu3n/y8AGDurqKmqqKkpICEGloqAPVh4QGJqUkpKTFV1bX3Lj5fMKE6Wlp2bJy8vwC/A72jvW1jft2HwDafObySwZ1NRWgXkVFOXl5WUlJ8YiokKjYsKiYsKS0+OVLl71//eX79/+Pn3yMjIw2NNSXkJTg5OKSlJT08fGLyprKoKamAnQz0FpJCXEHJ9vqurKwiCAnFztfP++rl2+9fvXl0bPfGzfvtbO3dXCwt7a2MjExAWrg4+MV4ONkUFSQU1SUl5OT0dbRaGiprmusTMtMCgz2KSuv/vj+x5RNbwO7vuUUVpuZ6ltaWVlYWAA16+vr6enpqqmpM0iIi0lJikuIi2traxQUZ1fVlQFRfHL0unXbfn79t/zIF8/2B3GJifJyUsAQMTYxsrGxMjDQBzpVUVGBQVREBIjEREVFRYSBBhkZG3h4uWblZN6+/fTN6++/vv8/sP9AfWOZtpYmMGikpSVlZaSA1qhrqALDCKpZRFgYqBkIuLm49fV1snNy7tx59fLl11evvvVN7J8wudPKylxXV7u6ujwyMkxLS11PTxuIAK2GMZnyRe4MAAAAAElFTkSuQmCC","aspectRatio":1.7222222222222223,"src":"/static/6eaddddf37c6f9be2259abd28bb9a633/6de51/2c769f9a224810db67cc107515a2162e.png","srcSet":"/static/6eaddddf37c6f9be2259abd28bb9a633/460b8/2c769f9a224810db67cc107515a2162e.png 248w,\n/static/6eaddddf37c6f9be2259abd28bb9a633/6629e/2c769f9a224810db67cc107515a2162e.png 495w,\n/static/6eaddddf37c6f9be2259abd28bb9a633/6de51/2c769f9a224810db67cc107515a2162e.png 990w","sizes":"(max-width: 990px) 100vw, 990px"}}},"blocks":[{"type":"section","title":"Overview","content":"Millennials, the generation most immersed in the internet, prefer to shop \nonline the most. Instagram has made a series of moves to become a \nshopping hub, forcing companies to adapt their digital strategies. \nInstagram says that 80% of the app's users follow a business. Instagram is \nmaking it a lot simpler for people to buy things they come across in their feed. In spite of this, many people are skeptical about purchasing items on Instagram, especially from vendors that they don’t trust or have never met. Research shows that generally, the consumer's purchase decision is to buy the most preferred brand. For my Udacity UX Nanodegree Program, I chose to design an Instagram vendor review application.","id":"601153da938dd33db45671d9","caption":null,"data":null,"img":null},{"type":"info","title":null,"content":null,"id":"601162506f6a5397354c29f7","caption":null,"data":[{"title":"MY ROLE","items":["User Research","UI/UX Design","Usability Testing"]},{"title":"TOOLS USED","items":["Figma","Miro","Lookback"]}],"img":null},{"type":"section","title":"The Goal","content":"The aim of this study is to design a mobile app to establish trust between buyers and instagram vendors and also help these buyers make better and informed decisions when purchasing items on instagram..","id":"601153da938dd33db45671db","caption":null,"data":null,"img":null},{"type":"section","title":"Discovery: Research & Analysis","content":"I recruited 10 participants (friends, colleagues and friends of friends). These participants are people who frequently shop online, especially Instagram and mostly buy shoes, clothes, bags, food etc. because;\n\n- Active buyers on Instagram will be more likely to use an app to check and give comments about an Instagram vendor\n- Active Instagram buyers are the desired user persona\n\n\nI asked them about their needs, pain points, experiences and how they give feedback on their experiences after buying items from Instagram vendors. I identified opportunities to build a product with a focus on what buyers look for in an instagram vendor before they decide to buy from them.","id":"601153da938dd33db45671dc","caption":null,"data":null,"img":null},{"type":"banner","title":null,"content":null,"id":"601153da938dd33db45671dd","caption":"A research plan to get the team on the same page before performing user interviews","data":null,"img":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAAAsTAAALEwEAmpwYAAABH0lEQVQoz42S226EMAxE8+uV6LduYbmEAMstxPWxkhXdp0YaSGxPPGNw13XJx0o8NB63bavWdZXjONJ5nnKHxoRcjPEPnB+DPH4aedRPGcMky7IkBYSoxIr9PM8WK4DICiEYtPG7kfN+lLpupG6e0ve9vF6vRGdNRr20GsfRLkRRIaVkJmSaJnIWwylw27ZaECLw3qfcVYXEipyerQnqUFPGxJ7a+9gchZlkwLKqlH3fzTKkMgbiqCmLHCrvMUdRnlmxVD6AKSQ/DENS5UbmXCxzYdu25gw+cadKrIhi1Oo55S9mM8wNsWxgxppKLM7Mlzd/glpPDjIzQFXeU2sX6vpGRdd1b3WgzAwBd8VmGakf/5IpVKWXFn9po6CY/otfe6C6RYSAOfAAAAAASUVORK5CYII=","aspectRatio":2.2900763358778624,"src":"/static/31ff322b4f7bad9f334dd173b6176ae7/6050d/b48d7f6da50122a2f3913fae6318a386.png","srcSet":"/static/31ff322b4f7bad9f334dd173b6176ae7/37d5a/b48d7f6da50122a2f3913fae6318a386.png 300w,\n/static/31ff322b4f7bad9f334dd173b6176ae7/8c332/b48d7f6da50122a2f3913fae6318a386.png 600w,\n/static/31ff322b4f7bad9f334dd173b6176ae7/6050d/b48d7f6da50122a2f3913fae6318a386.png 1200w,\n/static/31ff322b4f7bad9f334dd173b6176ae7/c07ba/b48d7f6da50122a2f3913fae6318a386.png 1315w","sizes":"(max-width: 1200px) 100vw, 1200px"}}}},{"type":"banner","title":null,"content":null,"id":"601153da938dd33db45671de","caption":"User interview questions and script","data":null,"img":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAABQklEQVQoz4WTC5KEMAhEPY1nm7uP/79GyfLYkNKZqt1UdZkINA0hxXVdUURiCCGe5xlvSxQB277vL0XJnqV7Wdc1btuWQTz2gsM0TXEYhjjP87+EYBxH6bou9n1vYL8siwUVkLRta2SeCaX6FVWfCdVWEkCgEgj+CHGg2AjV2cgAPwlIZ9F9IMFxHC+1GSHBdV0LIlDG2YUYIQfKrarK8H6/zREViqBkOGfC5C9adiZDVCYkAGU4oM6bTOMVgUvzklP5EAk+xAL++YUWbDBSAkpdPj2k3s8epksU75sLgDgTksEV3kbncct3QiUSVwYehJSEIvqGwluTHwp9bCBwQpITnxUwh/zA4DNFGSkrfco9VOcSkqZprGSS409lXp0p9GFlVHwMCJTflRWq2BLyNK9yfyVfJT+eR0rw19NLtq+F/QcF2poATQtTDwAAAABJRU5ErkJggg==","aspectRatio":1.6666666666666667,"src":"/static/b6529866c38924233735b931c8be777b/0389b/f02639ee613c05d4ebeae4af0355d655.png","srcSet":"/static/b6529866c38924233735b931c8be777b/37d5a/f02639ee613c05d4ebeae4af0355d655.png 300w,\n/static/b6529866c38924233735b931c8be777b/8c332/f02639ee613c05d4ebeae4af0355d655.png 600w,\n/static/b6529866c38924233735b931c8be777b/0389b/f02639ee613c05d4ebeae4af0355d655.png 1133w","sizes":"(max-width: 1133px) 100vw, 1133px"}}}},{"type":"section","title":"Key Findings","content":"- Many buyers are skeptical about buying items from Instagram vendors because they have had bad experiences with them. \n- Some of the buyers have also seen and heard bad reports on instagram vendors. \n- Users are focused on checking comments on the instagram vendor’s page before they buy from them. Although some users consider other factors as equally important.\n- Many users talk to other people about their good or bad experiences with instagram vendors. \n- Users recommend vendors if they have good experiences and discourage other people from buying from vendors they had bad experiences with. \n- Most of the users tell other people about their bad experiences and don’t share good experiences until they are asked.\n- Many users don’t trust instagram vendors and believe that some of the comments on their pages are fake.","id":"601153da938dd33db45671df","caption":null,"data":null,"img":null},{"type":"section","title":"Defining the Challenge","content":"At the beginning of my design process I started by highlighting themes and opportunities based on the interview with the users.","id":"601153da938dd33db45671e0","caption":null,"data":null,"img":null},{"type":"banner","title":null,"content":null,"id":"601153da938dd33db45671e1","caption":"Themes and opportunities defined","data":null,"img":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC4klEQVQ4y22Uy08TURTG+w+6cuvOhRsTV8ZEFxoxvlmIiY8YUVGjgC8UtZiUglispS8sSOlThEpLC9NOZzrv+XnbmfJQT3Lmztx77rnn+853J+A4NnpLpbOTwthJYGSncQ2VrrmuK5zd967VOioVScL+uYFjmHtxjtMbA2gajcvDFINHqWXO0Bg/jdWq+IFOL9BxXGwxdm00v8KNT0GkgRvo1S0vDv9UYYFCo87gi9eci5dIjX3FXP6OooRElL0vzNvWnVNNg5aqYjVlcaDtLWk22mpBLNsEitI2o+UcodgG4bF5gvEYkewybd0Cy0JNLRMqbREvtYk+/IGhWLtH/IrWSL15RPXLSUqnruEoHQHZL6P4cYW372JcScf5kNhC0gQQuc3v84M8mM0TLmVYfXMcQ1P8LS7BhSbvHw9SHztC4U4Yu2MQ8IgXHAm+HFEyPlfipfdMZ2+SLw3RrDylXjgnOFX9hA631tqMTL2i/vIs1VwIx+on/IutbhP6Xa1KKRrSPOVKmYmEjGm7Hp/C7qWjDIQSfFpcp9WKij0WAcl0uZhushReYvl1gmqm9k/SrnUMl9JmE2ffnKR12Gor6Lr3bXdlo1oaE8UZ8m9nWbw/x4fpNJuCpz0dOj3nAApfn/5UVZ2jJs96srFthWTjGUuRCNWJJEOxKFPlglelL1h8nh1fvB4CQ3R8nZ33Z8m+O8F8coS0LBJ2F19lc9xOLZB6niQxueTV8BfkfpP62lMak1SmD7F26Qy1geuEns9wpdDyEsq6RtPU0RVDuH7gqqmZFWzZwGzC5tQiruklNM1t5FKY9eG7DE2HuDA/xy0hucDBKg7eW1vIqHx1mNa3EaTyE8qTQVwh9r4qLLtNoxVmsfKZhbUvrDR2vAr7Wux7v5O5TZnx2d80M/fZiBwW0oj0oHsNEXG2Ka6bg9HOYake7wH+Y70KhXcEj/nkL8q3X7I9cgyrXtz7aexD5vYa6CH6AxAUW0cB6mtgAAAAAElFTkSuQmCC","aspectRatio":1.3043478260869565,"src":"/static/b7c28da0564b0d850f577316191b88f7/6050d/d73a517e33905c962105753f3591357b.png","srcSet":"/static/b7c28da0564b0d850f577316191b88f7/37d5a/d73a517e33905c962105753f3591357b.png 300w,\n/static/b7c28da0564b0d850f577316191b88f7/8c332/d73a517e33905c962105753f3591357b.png 600w,\n/static/b7c28da0564b0d850f577316191b88f7/6050d/d73a517e33905c962105753f3591357b.png 1200w,\n/static/b7c28da0564b0d850f577316191b88f7/4a36c/d73a517e33905c962105753f3591357b.png 1435w","sizes":"(max-width: 1200px) 100vw, 1200px"}}}},{"type":"quote","title":"How might we make it easier for buyers to make well informed  decisions before purchasing an item from Instagram?","content":null,"id":"601153da938dd33db45671e2","caption":null,"data":null,"img":null},{"type":"section","title":null,"content":"I was able to gather some feature ideas and used the value vs complexity quadrant to come up with some feature priorities. I had a brainstorming session with a developer to understand how each of the features can be prioritized from the development point of view. The yellow sticky notes attached to the green, orange and pink sticvky notes were the features I decided to work with.","id":"601153da938dd33db45671e3","caption":null,"data":null,"img":null},{"type":"banner","title":null,"content":null,"id":"601153da938dd33db45671e4","caption":"App features identified","data":null,"img":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC2UlEQVQ4y41TXWuURxR+4QV/lj8g4G37A7zQi960Fy0U9cIiGAMp1gsl8SIKujRQjaRIiqBpoTSSpDFx87lZkybZ3ezu+/01875n5jyd2SwhoGk9cGaGYeaZ5znnGUeEfyE6eAitEvi7o9BlG+HePVR5A/HRE4jgTxbBH5S2HsPElEnHpOucF1n/DbzGGDRFOK5/CyUP0Nu8gSpbh9e8j7z/ivPeS/J3x08Bmfl8QPx/sEkaLFhNsa7+G1DJNsq0DlY5ZLwE1hJlsgJdBSizBqrigEkcUZlufp7kpD2NzuoVqGIXh28vgamLo8UvkHvz6G7dQrg/wWnrKfU2vrOAjyyg7/sXms2m63mea8EtYzsPHmLWrLVmG1orK4+VIrZbqkpNswRrJUlRZgEnCqmdpbXEWV+vO51OxxnW1Bkyt5Jb5t6aMpKVjBaVkayMZNJlV5+p4XDNHwqhHocJ/+z5Xi3JsprZrBkqJrlmDtaM5F+M5K9AxZ6R+qUpfx/tlctIj3896QOTGbSpLVlgxP42evvPUWSGsaLTF08WDIekP5LHzRFFYkQkOyOGzKUs2LioqHhuz2iGOnNHx93fKd65RgmD5lvHRKQJMiX7sjlETlW0nKS/7Kgqc1JvwQGXjlbK1uN22ByF8OfJb/zAhfcaJNssZDWo8/bWJE8tv+B48xnHszd4IMYMjky33Lg956oqdKPWM7eU+QVpmBcCP/aP5uFvX6fgcIbD1hy69W9QCI2yquA3fkLZncHh4tcI9v+GkOUA8iMbRVHkBkFk5nA8zQn95iSl7WkOGjeRdWeNjR4M/Bo0x2BIoPPPNFKlYVwxqMzHP0cF7tAC472N7yGiNbLWEeECKtFGb+cuor27kFEdZfEOx6+uolhYGfbkE4Csy1PAIlw1IC0628jEW0V/+87pv8ze78Cb+e18wBPna2vW8eEdsua31rG4eS7hhwJJEg1sgjOWsYD/AjksnBscO4pTAAAAAElFTkSuQmCC","aspectRatio":1.345291479820628,"src":"/static/2ba33943d09f21de4cf1c31955749688/6050d/7428b38b35517a96772ea2aa28880f6f.png","srcSet":"/static/2ba33943d09f21de4cf1c31955749688/37d5a/7428b38b35517a96772ea2aa28880f6f.png 300w,\n/static/2ba33943d09f21de4cf1c31955749688/8c332/7428b38b35517a96772ea2aa28880f6f.png 600w,\n/static/2ba33943d09f21de4cf1c31955749688/6050d/7428b38b35517a96772ea2aa28880f6f.png 1200w,\n/static/2ba33943d09f21de4cf1c31955749688/06168/7428b38b35517a96772ea2aa28880f6f.png 1405w","sizes":"(max-width: 1200px) 100vw, 1200px"}}}},{"type":"section","title":"Creating User Flows","content":"I mapped out the users’ steps to see how I could simplify their journey to help them reach their most important goals with the product. This made it easier for e to see the navigational structure of the app and zoom in on where I can bring delight to the users.","id":"601153da938dd33db45671e5","caption":null,"data":null,"img":null},{"type":"banner","title":null,"content":null,"id":"601153da938dd33db45671e6","caption":"User flow made with Miro","data":null,"img":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAACXBIWXMAAAsTAAALEwEAmpwYAAABW0lEQVQoz32RvU/CUBTF+TP9K5x0cPAjMThgYuLg6qTGwYhOMmCDUAUBUdBEA7FAC1pLDIGU8tH2/XytEsHBm9zcm3PeObknL+L7PkFPS4hgF4hZLNz9cEomxFpXJhcLKu7AndEKIr7nzRkGwh/6D+bPYd1Sh8fVEmLsMVuRqdlJ45mjehnLFuzkHPQxaCdNqkd1LMnvPQre5DHVQ41W0qQmsX0DhnLm1stkVh7mDU+l4bFWCQ13bx2MwDCu8xpv8d61icYU3oYe2lkb47xG7jhJbDWOeVOkEH3ieq38bRjkDvrfcmwo5WXin3iuw+QyBSmFQfF+PrLnfj+qHGh08haJlsuWaqP3XDbTNmpjhNKcsF0W9Mc+6aU7zIyFpNgoCBypVZdLKIvF3wuD+nzpMfoYovV9ssYkFKtyGj2PRtclq4+YyKe6YjIwbJp9j7Q2xJUfpSff0RLt0OcLmQ8JRSg3n6gAAAAASUVORK5CYII=","aspectRatio":2.830188679245283,"src":"/static/ce4840478e8e39684259dec688955470/4a0da/94401442c8270bba005a0fa0572508a5.png","srcSet":"/static/ce4840478e8e39684259dec688955470/37d5a/94401442c8270bba005a0fa0572508a5.png 300w,\n/static/ce4840478e8e39684259dec688955470/8c332/94401442c8270bba005a0fa0572508a5.png 600w,\n/static/ce4840478e8e39684259dec688955470/4a0da/94401442c8270bba005a0fa0572508a5.png 1059w","sizes":"(max-width: 1059px) 100vw, 1059px"}}}},{"type":"section","title":"Brainstorming Solutions","content":"I created sketches for the designs using the crazy-8 sketch to run my ideation session.\n\nI explored a lot of designs on Mobbin and went on to gather screenshots of products that might serve as inspiration","id":"601153da938dd33db45671e7","caption":null,"data":null,"img":null},{"type":"banner","title":null,"content":null,"id":"601153da938dd33db45671e8","caption":null,"data":null,"img":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC8UlEQVQ4y63TeVMiRxjHcd5y3kH+SlVSVm0qWXc1pnQjGnB1dTl3YLmvRa6B1UFgYJdjOERgOBWD8E075iWk/+yq/nQ/T/8e0/vUjOMvc8K7Qap/ullvwH+z4ENuQfKNF82e5PHhiZutM6KOGyyZGbZEn+dV74yJyBrZypCKNU7PlcF0/GXGfnSGtBPhak8yQM/1nOPkFO8fIcquLEsBZrbdeBwVDmIjTsNdA6y2RrhjVYI5jfyORPMkgukkPuav0Ih9qcd5uMOTEL3XU45iAw4CPQK5OxaPa2zyDMvznkfD6msaYKl+x4VP4YOvyI2isZ4uMFmiI975B+w625wEWqye1niVuQHufdLwpLoC3HCRnXIc6bPnbPDOoRpgTmlybM9gdRVQtbGxZ9r/3Gfb3mHLWmPvY4XVas1FasSO1OHnE5WzYJ35co053OeNrc4vR0V+PcoZh4MJhdeHfixumUp98AJGrif48zruZI9QWuNJvDCtTvDJdzgSbVLKLct/1sSudfzZPu6EhhSpwmZDqdrGFy+SumrSG8xeQP7HtXkGa60xpYaOWh0wbA25F+VFRWzCXycE8mMSpZeb+/o9xe9Dmr0ZbV+BRaXNvWhPpTEUv62jT5cvL0wU2qLkNumLLLWtc3R9iSW1IPY2SPSVhDnwkrmaiIgrViNfGVDclRiKUiePK0KXNXKlWxRziK4rjSme1whkWyTjNRpJlelixVl6hvu8iP1vWcSpYYCK2uXQliGSa9FMqSxbd+izBwKXVQMsfZYZZlVM3ngVZ6gswtmmOVoaEXkGD2JT3npuRUxqBpjMqfy0beNUynP52kHfLzMSoDOkkChoqGIA9GQZk9WRxfwxIwJaoix6NBegOTZmx93jt4sGv5+VDdAf+8oPPx6wbQ5QOI3zIHrYHUzYfx/FFSkhHwbofBKjF74sExJyQq7T6o5ZrkS+FFFyeiBmtostXDdA+arGrlnC6ZO5emVHjyjo90ukUIFo9hud/2LzL1QRjuU6FySKAAAAAElFTkSuQmCC","aspectRatio":1.5228426395939085,"src":"/static/5a4e83818def01915598b426b35505f5/6050d/6d6bbe96e2b17adb80963736fc061d63.png","srcSet":"/static/5a4e83818def01915598b426b35505f5/37d5a/6d6bbe96e2b17adb80963736fc061d63.png 300w,\n/static/5a4e83818def01915598b426b35505f5/8c332/6d6bbe96e2b17adb80963736fc061d63.png 600w,\n/static/5a4e83818def01915598b426b35505f5/6050d/6d6bbe96e2b17adb80963736fc061d63.png 1200w,\n/static/5a4e83818def01915598b426b35505f5/d5a47/6d6bbe96e2b17adb80963736fc061d63.png 1365w","sizes":"(max-width: 1200px) 100vw, 1200px"}}}},{"type":"section","title":"Wireframes","content":"We wanted to make sure that our visual considerations amongst other things \nmake sense. We created wireframes to visualize the major flows we had \ncreated. This helped us, not just in rethinking our approach and some \ndesign decisions","id":"601153da938dd33db45671e9","caption":null,"data":null,"img":null},{"type":"banner","title":null,"content":null,"id":"601153da938dd33db45671ea","caption":"Low-Fidelity wireframes","data":null,"img":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABUElEQVQoz3VSy07DMBDM/9+4ceYPeoQ7B4QESByAAOkBWlJCnCZx3o6HHSsGt4KV3NazO7O7U0dVVaEsS2it0fc9rLVo2xZ5niNXCswbY1xe8V7XDhvH0dUWReFwJd9N0yCapgn+kMiieZ4xDIM7nshmfdfBSg0x1jBYwxwx8iMCx8GOnZB9WDmVbBG/v+FDpnOYtQeC83J3glzRT4KFvFM5zu7v8CU5hhHSxcsTVvGDu3uBWqyQC05vr/EsnIiT0B8K+jCy/l68utlu0Cz4Xpq0UmuWVX1zYq14txYxLcM5DzklPQnXoMFhaGlQi6g9EvQb+ohCUljEqU3QpBTvtuLtKMYf14b8iB/hCQVDTFUlTq4usWv0j4fMcUM+uyRJ/hekn1w5xDYyXZJ9coyDCfkmsyxDmqbOtj9X9r/dm1ywVfyI8/Xr7z8cCHvebGZ8A+VnC/7y9GtuAAAAAElFTkSuQmCC","aspectRatio":2.0689655172413794,"src":"/static/fe5a903fb1eb0ceb0de1b9746cf8dea1/6050d/39505bb64c24917edcf144025c516c36.png","srcSet":"/static/fe5a903fb1eb0ceb0de1b9746cf8dea1/37d5a/39505bb64c24917edcf144025c516c36.png 300w,\n/static/fe5a903fb1eb0ceb0de1b9746cf8dea1/8c332/39505bb64c24917edcf144025c516c36.png 600w,\n/static/fe5a903fb1eb0ceb0de1b9746cf8dea1/6050d/39505bb64c24917edcf144025c516c36.png 1200w,\n/static/fe5a903fb1eb0ceb0de1b9746cf8dea1/d4b30/39505bb64c24917edcf144025c516c36.png 1242w","sizes":"(max-width: 1200px) 100vw, 1200px"}}}},{"type":"section","title":"Prototype","content":"To get a sense of the flow and test the experience, an interactive prototype was created for the high fidelity wireframes\nHere is the link to the app\n[https://www.figma.com/proto/bVxFp2jvQVynliwkQKPwIG/Instagram-vendor-review-app-version-2?node-id=20%3A14583&viewport=191%2C848%2C0.3648315668106079&scaling=min-zoom](https://www.figma.com/proto/bVxFp2jvQVynliwkQKPwIG/Instagram-vendor-review-app-version-2?node-id=20%3A14583&viewport=191%2C848%2C0.3648315668106079&scaling=min-zoom)\nThe purpose of the prototype was to:\n- Test whether the wireframes and design flow was helping the users achieve their goal\n- Assess whether interactions are clear and flow is linear\n- Test and fine-tune basic animations and transitions\n","id":"601153da938dd33db45671eb","caption":null,"data":null,"img":null},{"type":"banner","title":null,"content":null,"id":"601153da938dd33db45671ec","caption":null,"data":null,"img":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC0klEQVQ4y33QX0hTcRQH8B8355t/pkapc+Z2lzJm00lEbrWlFfYXMSsMoQchaUaWGCQ+FEkW5UtYEcqciikq0u4UxUVKolGJ28zSmjoZbe6f+9ema9zbThuB1MPtPB6+53PO74fQX2WzbSAqBBj8AuT3/RzyuP2wumwm7a5gWKNzhENBkgr4Q+Dzbs06nb4Yh8OLvJ5NRFv9Y0MIIAICoPmlL+p1iwO+fjaR62YXLCwaI9AmtRkIwQ9fUGc2O2JtVtf/wW5VDxqf1mDdw10RfEClW5iHFYOJ1OsWwwbDWnj+0zfKsGwCl8uvjSxlRBd7vVv0YNurjj8XkoDm9HOE1WIFl9NDupxe2AqQ4Hb5KeOaBRx2zzYY6dGDKWXpqL1HgT1sf4wO1RQRzxUvYGVxlZycmIbbjXfh44c5ymF3g8Xs0FqtGwybdQNZ1530YH6hEO2/fAA7eF2CCk4XELniXJCKpaTkSDHEpCRCy6MWyusOgPm7Tbu0ZGAYV03IYrbRgzwuF4ny8jAeh4v24jhRfFQG5y+WkVeqq+FWfSOcOnmWullbB4P9Q9tPnno7Qw+y2SxUcqIIk8nEKDsbJy5VlsOZ0hJSTYyCLwAgr7lBRTLA4XC0QmEeA8d5KCuLQw9m7WGjzt427OVAByq/UErUN9TCVXkVOas3Q4PSCGKJmBLuywWRKF+7a3cqIy2dhQQCAT2YEB+HMjPZWHxcHEpiMonsHB403W8m7bYgjE9MwbHjMkoiKYTDh8XaSJwRnREI+PSgVCZFzEQmtgOLQXw+n+BwOdD6rJUkRjRQc00OAkEOVVlZAXX1tdtggUhIDyp7OlHvQB+mHlWjvsE+1ZOnrXDnXhPZ1PwgLBKJwszEBCo5iQksVqpWLq9iVFSci/41PajoUqB372ewyalJpBpWDY+MjYDmzWtSoVQCzuHCzuQUip2RATwc10fisdGZ9LS0f4zfldiNTlza3KcAAAAASUVORK5CYII=","aspectRatio":1.4851485148514851,"src":"/static/fbef84c100e008fe10921aae2d9627bb/c5761/cdaf02d815add36df9df36d8165d08d0.png","srcSet":"/static/fbef84c100e008fe10921aae2d9627bb/37d5a/cdaf02d815add36df9df36d8165d08d0.png 300w,\n/static/fbef84c100e008fe10921aae2d9627bb/8c332/cdaf02d815add36df9df36d8165d08d0.png 600w,\n/static/fbef84c100e008fe10921aae2d9627bb/c5761/cdaf02d815add36df9df36d8165d08d0.png 991w","sizes":"(max-width: 991px) 100vw, 991px"}}}},{"type":"section","title":"Test: Validation, Usability and Feedback","content":"I organized a remote usability test with 10 users via lookback. The link to the test was shared with them and users were asked to record their screen and talk out loud when using the design prototype.\n\nHere are the test insights from the testing:\n- Users got confused when they wanted to rate/review a vendor. They weren’t sure if they could only review a vendor and not rate them or if they have to rate and review a vendor.\n- Some users wanted to only rate a vendor and not review. They realized that the app doesn’t allow them to do one of the actions.\n- The major difficulty users had was that they didn’t know that they had to click on rate before they can write a review.","id":"601153da938dd33db45671ed","caption":null,"data":null,"img":null},{"type":"section","title":"Design: Iteration","content":"Based on the feedback gathered from the usability test, I improved the designs.\n\nSome trade-offs were made in order to focus on the users achieving their goal; these tradeoffs were made because of the scope of the project;\n- Users cannot login or create account\n- Users cannot filter the list of Instagram vendors\n- The app does not recommend top vendors to users based on search history","id":"601153da938dd33db45671ee","caption":null,"data":null,"img":null},{"type":"section","title":"Solution & Impact  Overview","content":"Here is the final prototype of the design:\n\n[https://www.figma.com/proto/bVxFp2jvQVynliwkQKPwIG/Instagram-vendor-review-app-version-2?node-id=160%3A419&viewport=489%2C610%2C0.3648315668106079&scaling=min-zoom](https://www.figma.com/proto/bVxFp2jvQVynliwkQKPwIG/Instagram-vendor-review-app-version-2?node-id=160%3A419&viewport=489%2C610%2C0.3648315668106079&scaling=min-zoom)\n\nUsers are now able to choose an instagram vendor to shop from without being scared of getting scammed because they can see reviews and ratings from other buyers. They can also give feedback on their experiences with an instagram vendor.","id":"601153da938dd33db45671ef","caption":null,"data":null,"img":null},{"type":"section","title":"Reflections","content":"This project has given me an opportunity to learn about designing for the users  and using insights from research to drive design decisions.\nThis project has shaped my design thinking process.\nIf I had to do this project over again, I would want to expand the scope of the project to include additional features. I would also do additional interviews with a wider audience in order to gather deeper insights. For example, I would have liked to organize twitter polls to reach more people who actively shop on instagram.","id":"601153da938dd33db45671f0","caption":null,"data":null,"img":null}]}}]}},"pageContext":{"slug":"udacity-ux-capstone-project-an-instagram-vendor-review-app"}},"staticQueryHashes":["63159454","63159454"]}