-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpost4.html
More file actions
107 lines (92 loc) · 5.59 KB
/
post4.html
File metadata and controls
107 lines (92 loc) · 5.59 KB
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
102
103
104
105
106
107
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mobile and Desktop Design</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="post3.html"> <i class="fas fa-chevron-left"></i> Cormorant Typeface</a></li>
<li><a href="post5.html">The Core Model <i class="fas fa-chevron-right"></i></a></li>
</ul>
</nav>
<article class="blogpost">
<h2>Mobile and Desktop Design</h2>
<time datetime="2020-02-20">February 20th, 2020</time>
<img src="images/mobile-desktop.jpg" alt="laptop and notes">
<p>
According to “Designing for the Web vs. Apps in the Mobile Era”, Mobile design is for tasks while
Desktop design is for information. Mobile design focuses on interactive design while websites focus on
information architecture.
</p>
<p>Mobile is constrained; it has structure and its contents are prioritized. Secondary information may have
to be reduced or placed on a second page; images and texts may have to be cut or reduced. One has to
understand what a user wants to accomplish and create a mobile design that flows well. Interactive
design is a key element.
</p>
<p>Websites are for information. Content should be straightforward and easily readable. Common words should
be used and complicated sentences should not be used. A strong visual hierarchy should be created so
that users will know where and what the key information is. We need to take into consideration line
height, and font size. Information architecture encompasses the idea of a desktop design.
</p>
<p>I found this article interesting because I’ve never thought about the design for mobile or desktop. I
found some points that were made to be true. When I search up something on my phone, it is usually
something that I want an answer for, produced quickly. For example, I reach for my phone when I want to
look up what movies are playing in a nearby theater, or look up something about an actor/actress, or an
address. And when I want to look up song lyrics, I will most likely look it up on my phone. When I use
my phone to search for something, my goal isn't to read for a long time; it is to quickly get
information.
</p>
<p>I reach for my computer when I am doing school work. When I have to do research, I use my laptop because
it is easier to read and understand all the content on a bigger screen. Another advantage is that I can
have multiple tabs open, which I can also do on my phone, but on my laptop, I can easily navigate from
one site to the next to get the information I need. I also tend to use my laptop when I am looking at
pictures. On my phone, I sometimes don’t get the full picture or see all the details that I normally
would on my laptop.
</p>
<p>
I do prefer using one over another in different situations, like those mentioned above. In some cases,
either would work for me, but I tend to reach for my phone or laptop for different reasons. There are
times when I don’t have my laptop nearby, so I use my phone, but when I am near my laptop again, I open
what I looked up on my phone, onto my laptop.
</p>
<p>Source: <a
href="https://medium.com/@strv/designing-for-web-vs-apps-in-the-mobile-era-a7c2fff654df">Designing
for the Web vs. Apps in the Mobile Era</a></p>
</article>
</section>
<footer>
<p>Ama Dadzie</p>
<p>Contact: <a
href="mailto:asdadzie@ucdavis.edu">asdadzie@ucdavis.edu</a>
</p>
<p><a href="http://validator.w3.org/check?uri=referer">Valid HTML5</a></p>
</footer>
</body>
</html>