{"id":448,"date":"2023-08-06T19:18:53","date_gmt":"2023-08-07T02:18:53","guid":{"rendered":"https:\/\/puffyunicorn.me\/?p=448"},"modified":"2025-09-27T13:07:44","modified_gmt":"2025-09-27T20:07:44","slug":"ux-design-part-3-initial-sketches-of-each-screen","status":"publish","type":"post","link":"https:\/\/puffyunicorn.one\/?p=448","title":{"rendered":"UX Design\u2013Part 3: Initial sketches of each screen"},"content":{"rendered":"\n<p>After I determined which screens I need, I drew initial sketches of each screen. Here&#8217;s what I came up with.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1707\" height=\"2560\" data-id=\"449\" src=\"https:\/\/puffyunicorn.me\/wp-content\/uploads\/2023\/08\/screen1-scaled.jpg\" alt=\"\" class=\"wp-image-449\" srcset=\"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen1-scaled.jpg 1707w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen1-200x300.jpg 200w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen1-683x1024.jpg 683w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen1-768x1152.jpg 768w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen1-67x100.jpg 67w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen1-1024x1536.jpg 1024w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen1-1365x2048.jpg 1365w\" sizes=\"auto, (max-width: 1707px) 100vw, 1707px\" \/><figcaption>Welcome<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1707\" height=\"2560\" data-id=\"450\" src=\"https:\/\/puffyunicorn.me\/wp-content\/uploads\/2023\/08\/screen2-scaled.jpg\" alt=\"\" class=\"wp-image-450\" srcset=\"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen2-scaled.jpg 1707w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen2-200x300.jpg 200w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen2-683x1024.jpg 683w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen2-768x1152.jpg 768w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen2-67x100.jpg 67w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen2-1024x1536.jpg 1024w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen2-1365x2048.jpg 1365w\" sizes=\"auto, (max-width: 1707px) 100vw, 1707px\" \/><figcaption>Login<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1707\" height=\"2560\" data-id=\"451\" src=\"https:\/\/puffyunicorn.me\/wp-content\/uploads\/2023\/08\/screen3-scaled.jpg\" alt=\"\" class=\"wp-image-451\" srcset=\"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen3-scaled.jpg 1707w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen3-200x300.jpg 200w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen3-683x1024.jpg 683w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen3-768x1152.jpg 768w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen3-67x100.jpg 67w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen3-1024x1536.jpg 1024w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen3-1365x2048.jpg 1365w\" sizes=\"auto, (max-width: 1707px) 100vw, 1707px\" \/><figcaption>Create profile<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1707\" height=\"2560\" data-id=\"452\" src=\"https:\/\/puffyunicorn.me\/wp-content\/uploads\/2023\/08\/screen5-scaled.jpg\" alt=\"\" class=\"wp-image-452\" srcset=\"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen5-scaled.jpg 1707w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen5-200x300.jpg 200w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen5-683x1024.jpg 683w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen5-768x1152.jpg 768w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen5-67x100.jpg 67w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen5-1024x1536.jpg 1024w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen5-1365x2048.jpg 1365w\" sizes=\"auto, (max-width: 1707px) 100vw, 1707px\" \/><figcaption>Logged-in user<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1792\" height=\"2560\" data-id=\"453\" src=\"https:\/\/puffyunicorn.me\/wp-content\/uploads\/2023\/08\/screen4-scaled.jpg\" alt=\"\" class=\"wp-image-453\" srcset=\"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen4-scaled.jpg 1792w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen4-210x300.jpg 210w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen4-717x1024.jpg 717w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen4-768x1097.jpg 768w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen4-70x100.jpg 70w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen4-1075x1536.jpg 1075w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen4-1434x2048.jpg 1434w\" sizes=\"auto, (max-width: 1792px) 100vw, 1792px\" \/><figcaption>View conversation<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1707\" height=\"2560\" data-id=\"454\" src=\"https:\/\/puffyunicorn.me\/wp-content\/uploads\/2023\/08\/screen6-scaled.jpg\" alt=\"\" class=\"wp-image-454\" srcset=\"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen6-scaled.jpg 1707w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen6-200x300.jpg 200w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen6-683x1024.jpg 683w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen6-768x1152.jpg 768w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen6-67x100.jpg 67w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen6-1024x1536.jpg 1024w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen6-1365x2048.jpg 1365w\" sizes=\"auto, (max-width: 1707px) 100vw, 1707px\" \/><figcaption>Learn vocabulary<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1775\" height=\"2560\" data-id=\"455\" src=\"https:\/\/puffyunicorn.me\/wp-content\/uploads\/2023\/08\/screen7-scaled.jpg\" alt=\"\" class=\"wp-image-455\" srcset=\"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen7-scaled.jpg 1775w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen7-208x300.jpg 208w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen7-710x1024.jpg 710w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen7-768x1108.jpg 768w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen7-69x100.jpg 69w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen7-1065x1536.jpg 1065w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen7-1420x2048.jpg 1420w\" sizes=\"auto, (max-width: 1775px) 100vw, 1775px\" \/><figcaption>Quiz<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1760\" height=\"2560\" data-id=\"456\" src=\"https:\/\/puffyunicorn.me\/wp-content\/uploads\/2023\/08\/screen8-scaled.jpg\" alt=\"\" class=\"wp-image-456\" srcset=\"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen8-scaled.jpg 1760w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen8-206x300.jpg 206w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen8-704x1024.jpg 704w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen8-768x1117.jpg 768w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen8-69x100.jpg 69w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen8-1056x1536.jpg 1056w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen8-1408x2048.jpg 1408w\" sizes=\"auto, (max-width: 1760px) 100vw, 1760px\" \/><figcaption>Practice conversation\u2013choose role<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1709\" height=\"2560\" data-id=\"457\" src=\"https:\/\/puffyunicorn.me\/wp-content\/uploads\/2023\/08\/screen9-scaled.jpg\" alt=\"\" class=\"wp-image-457\" srcset=\"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen9-scaled.jpg 1709w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen9-200x300.jpg 200w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen9-684x1024.jpg 684w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen9-768x1150.jpg 768w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen9-67x100.jpg 67w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen9-1025x1536.jpg 1025w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen9-1367x2048.jpg 1367w\" sizes=\"auto, (max-width: 1709px) 100vw, 1709px\" \/><figcaption>Practice conversation\u2013record yourself<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1837\" height=\"2560\" data-id=\"458\" src=\"https:\/\/puffyunicorn.me\/wp-content\/uploads\/2023\/08\/screen10-scaled.jpg\" alt=\"\" class=\"wp-image-458\" srcset=\"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen10-scaled.jpg 1837w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen10-215x300.jpg 215w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen10-735x1024.jpg 735w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen10-768x1070.jpg 768w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen10-72x100.jpg 72w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen10-1102x1536.jpg 1102w, https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen10-1470x2048.jpg 1470w\" sizes=\"auto, (max-width: 1837px) 100vw, 1837px\" \/><figcaption>Completion success<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>And now my next step will be to get these into Figma to create wireframes. See you on my next post!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>After I determined which screens I need, I drew initial sketches of each screen. Here&#8217;s what I came up with. And now my next step will be to get these into Figma to create wireframes. See you on my next post!<\/p>\n","protected":false},"author":1,"featured_media":452,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"yes","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[23],"tags":[],"class_list":["post-448","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-design"],"jetpack_featured_media_url":"https:\/\/puffyunicorn.one\/wp-content\/uploads\/2023\/08\/screen5-scaled.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=\/wp\/v2\/posts\/448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=448"}],"version-history":[{"count":4,"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=\/wp\/v2\/posts\/448\/revisions"}],"predecessor-version":[{"id":1024,"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=\/wp\/v2\/posts\/448\/revisions\/1024"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=\/wp\/v2\/media\/452"}],"wp:attachment":[{"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/puffyunicorn.one\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}