Blog/post5.html at main · amad00/Blog · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>The Core Model</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
    <link href="styles.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,500,700|Muli:400,500,700&display=swap"
        rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
        integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>

<body>
    <header>
        <h1><a href="index.html">Ama's Blog</a></h1>
        <nav id="mainnav">
            <ul>
                <li><a href="#">Archives</a>
                    <ul class="submenu">
                        <li><a href="post1.html">01. History </a></li>
                        <li><a href="post2.html">02. Semantic</a></li>
                        <li><a href="post3.html">03. Typeface</a></li>
                        <li><a href="post4.html">04. Web vs App </a></li>
                        <li><a href="post5.html">05. Core Model</a></li>
                        <li><a href="post6.html">06. Web Design</a></li>
                    </ul>
                </li>
            </ul>

        </nav>
    </header>

    <section class="blog">
        <nav>
            <ul>
                <li><a href="post4.html"> <i class="fas fa-chevron-left"></i> Mobile and Desktop Design</a></li>
                <li><a href="post6.html">Web Design Research <i class="fas fa-chevron-right"></i></a></li>
            </ul>
        </nav>


        <article class="blogpost">
            <h2>The Core Model</h2>
            <time datetime="2020-02-25">February 25th, 2020</time>
            <img src="images/coremodel.jpg" alt="mobile layout">
            <p>
                People come to our website to get something done. For users to meet their goals on our website, we need
                to implement our website design by using the core model. The core model allows us to focus on the core
                tasks that a user needs to get done. It ensures that the user’s needs are being thought of throughout
                the whole design process.


            </p>

            <p>There are two main things needed for the core model: business objectives, and user tasks. What do you
                want to achieve and what do users want to get done. Then there is the overlap between the two which are
                the cores.

            </p>
            <p>The core model helps to identify what the most important pages on a website are, what is needed on the
                page, and what important elements need to be emphasized. With the core model, you are able to better
                understand how pages are connected. Think about what goes inside a page before designing the page. What
                are the most important things that go on a page, and in what order? Think about how a user may find a
                page. Once users have their answers, where do you send them? Forward paths could include contact
                information for way to help, depending on the type of business it is.


            </p>
            <p>Once all the steps for the core model have been completed, you can start thinking about a mobile
                approach, as this helps to prioritize tasks. Core sketches can be done to visually show this. Wireframes
                tell you about where something goes while core sketches tell you why it is there as well as what needs
                to be on which page.


            </p>
            <p>I found this article to be useful and interesting. It made me think a lot more about how I could be
                making my website. When I’m starting, I think about how I can present my information, and what content I
                want on there. I never quite thought about user tasks, although I did think about how they can navigate
                from one page to the next. I think that this will help me more in the future because I’m always thinking
                about the content first, before designing, and this would help me prioritize my information more.

            </p>

            <p>Source: <a
                    href="https://alistapart.com/article/the-core-model-designing-inside-out-for-better-results/">The
                    Core Model: Designing Inside Out for Better Results</a></p>
        </article>
    </section>
    <footer>
        <p>Ama Dadzie</p>
        <p>Contact: <a
                href="mailto:&#097;&#115;&#100;&#097;&#100;&#122;&#105;&#101;&#064;&#117;&#099;&#100;&#097;&#118;&#105;&#115;&#046;&#101;&#100;&#117;">&#097;&#115;&#100;&#097;&#100;&#122;&#105;&#101;&#064;&#117;&#099;&#100;&#097;&#118;&#105;&#115;&#046;&#101;&#100;&#117;</a>
        </p>
        <p><a href="http://validator.w3.org/check?uri=referer">Valid HTML5</a></p>
    </footer>
</body>

</html>