{"id":1052,"date":"2014-09-09T18:49:33","date_gmt":"2014-09-09T18:49:33","guid":{"rendered":"http:\/\/www.nickbennett.co.uk\/?p=1052"},"modified":"2023-01-01T13:58:36","modified_gmt":"2023-01-01T13:58:36","slug":"my-full-english-the-design-phase","status":"publish","type":"post","link":"https:\/\/blog.nickbennett.co.uk\/index.php\/2014\/09\/09\/my-full-english-the-design-phase\/","title":{"rendered":"My Full English – The Design Phase"},"content":{"rendered":"

Close Photoshop immediately. You are trying to run before you can walk. Have you ever just stared blankly at a completely blank PSD waiting to be hit in the face with the inspiration bat? I have and know it can be soul-destroying.<\/p>\n

The initial design phase has to exclude all detail. To force this approach I took a Sharpie pen and some blank pieces of paper. Firstly I identified my main user paths. Luckily for MFE, there are only 2 of them.<\/p>\n

    \n
  1. I need to find a venue for my breakfast<\/li>\n
  2. I\u2019ve just finished my breakfast and I would like to add a review<\/li>\n<\/ol>\n

    Both of these paths need to be achieved in as few amount of steps as possible and work on both mobile and desktop devices. Here are some of the initial sketches.<\/p>\n

    \"MFE<\/a>
    MFE Initial Design<\/figcaption><\/figure>\n

    Ok, I\u2019m unlikely to win any art competitions but by roughly sketching out ideas I managed to get a much better idea of what the flow of the site needed to be.<\/p>\n

    Once I was happy I created a digital version of the designs and flow to make it easier to share and reference. I used Mockingbird<\/a>, which is a very easy-to-use wire-framing tool and is free for 1 project.<\/p>\n

    \"MFE<\/a>
    MFE Digital Wireframe<\/figcaption><\/figure>\n

    Once transposed I exported it to a PDF which I could then share with others and also use as a constant reference for the ultimate goal of the project.<\/p>\n

    What Next<\/strong><\/p>\n

    In the next post, we\u2019ll look at how we are going to manage this project<\/p>\n","protected":false},"excerpt":{"rendered":"

    Close Photoshop immediately. You are trying to run before you can walk. Have you ever just stared blankly at a completely blank PSD waiting to be hit in the face with the inspiration bat? I have and know it can be soul-destroying. The initial design phase has to exclude all detail. To force this approach […]<\/p>\n","protected":false},"author":1,"featured_media":1041,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,5,13,12],"tags":[132,169,292,392,449,467],"class_list":["post-1052","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archetecture","category-ideas","category-project-management","category-technology","tag-design","tag-flow","tag-mockingbird","tag-sharpie","tag-user","tag-wireframes"],"_links":{"self":[{"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/1052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=1052"}],"version-history":[{"count":2,"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/1052\/revisions"}],"predecessor-version":[{"id":1389,"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/1052\/revisions\/1389"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/media\/1041"}],"wp:attachment":[{"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=1052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/categories?post=1052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.nickbennett.co.uk\/index.php\/wp-json\/wp\/v2\/tags?post=1052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}