Blog/post6.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
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Web Design Research</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="post5.html"> <i class="fas fa-chevron-left"></i> The Core Model</a></li>
            </ul>
        </nav>


        <article class="blogpost">
            <h2>Web Design Research</h2>
            <time datetime="2020-02-27">February 27th, 2020</time>
            <img src="images/userexperience.jpg" alt="notes for improvement">
            <p>
                “A Comprehensive Guide To Web Design” focuses on the main principles to help create a better user
                experience for your website. Navigation on your website is key for usability; users should be able to
                find their way around your website. Navigations should be simple, clear, and consistent. Make navigation
                options permanently visible. Internal links should always open in the same browser, while external links
                should open in different tabs. With back buttons, make sure it takes users back to the same spot on the
                page, otherwise, they will be scrolling throughout content they’ve seen to find their spot again.

            </p>

            <p>When buttons are used to design a website, ensure that it looks like a button and that users know to
                click on it. Visual elements that are buttons but aren’t clickable can confuse people. Buttons should
                also be consistent.

            </p>
            <p>When using images, make sure that they are relevant. You don’t want to convey the wrong message. With
                audio, set the audio to off by default, then the user can choose to turn it on.
            </p>
            <p>It is essential to practice responsive design. Your design should be able to work well on different
                screen sizes. Single column layouts work best for mobile screens. Images should be sized appropriately
                for different displays.
            </p>
            <p>Another thing to consider is accessibility. Think about contrast.</p>
            <p>Always test when designing.</p>
            <p>I found a lot of information to be useful in this article. I’m starting to understand just how important
                it is to be thinking about users and what their experience will be like when on your website. A lot of
                decisions when making websites rely on how well the user might respond.
            </p>
            <p>Source: <a href="https://www.smashingmagazine.com/2017/11/comprehensive-guide-web-design/">A
                    Comprehensive Guide To Web Design</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>