inspiring online portfolios
http://laurenwickware.com/#/
https://studiorotate.com
http://www.josephaavoue.com/categorie/et-ses-projets
"I'm Dorothy Gale from Kansas"
Today's Document
sheepfilms
Not today Justin
KIROKAZE
EXPECTATIONS
RMH

PR's Tumblrdome
NASA

Kiana Khansmith

titsay

Jar Jar Binks Fan Club
The Stonewall Inn
Noah Kahan

izzy's playlists!
No title available

Andulka
Xuebing Du

oozey mess

Love Begins
seen from France

seen from Germany

seen from Türkiye
seen from United States

seen from France
seen from United States
seen from United States
seen from Italy
seen from Italy
seen from United States

seen from Malaysia
seen from Türkiye
seen from Brazil

seen from United States
seen from United Kingdom
seen from Georgia
seen from United States

seen from United Kingdom
seen from United States
seen from Türkiye
@delightful-learnable-memora-blog
inspiring online portfolios
http://laurenwickware.com/#/
https://studiorotate.com
http://www.josephaavoue.com/categorie/et-ses-projets
On Web Typography: article responses
My first website example, http://www.qedgroup.cz/en/co-delame, is one I admire for using a modern typeface, that comes in different weights, and does so consistently. This typeface in particular is one that I’ve noticed to be quite popular for new-age design, being used very frequently as a sort of default; however, it feels as though this website lets the type’s different families speak for themselves, using them in different places rather than just as one element. The modern typeface makes the website scanable, especially with how they maintain a contrast and balance between the positive and negative spaces around and within the type, such as increasing the kerning on headlines and other subheads. The bold and the lighter fonts sort of act as framework for the body text, and also emphasize the extremely geometric foundation for the type’s style, while the body text remains more classic and straightforward in appearance and does not distract the reader with shapes. There are also some areas where the website utilizes italics, which brings in a tiny bit of roman-based type that subtly contrasts with the geometry.
The second website, http://theforecaster-interactive.com/#post-260, displays much more dramatic, yet very beautiful combinations of serifs and sans serifs, and combinations of them between different sized headlines. Resembling a newspaper, the front page headlines utilize an appropriate typeface that is very industrial and exciting, but even has more of a digitalized, industrial feel than the more classic type would usually feel like. This allows the type to be more suitable for reading online and to not feel bulky when displayed in a large point size. In addition, I think the the pairing of the industrial sans headlines with the more traditional serif headlines feels, surprisingly, very graceful. I also enjoy the break readers get from more personality-based types with the more default sanserif typeface used as captions and labels. I think these decisions can relate to Signal vs. Noise’s article, stating to start “with typesetting the post, and designing outward”; the layout of the type is very well organized and easy to follow, following basic rules for hierarchy and readability, with the typeface styles added later to add the personality and different kinds of legibility. “Content first, everything else second.” The first website, in comparison, seemed to go the other way around, by making the legibility and readability come second to the mood and design of their website.
Chapter 8 Response
I think one of the hardest things about developing a website is figuring out how to fit so much information onto one page, and ultimately into the whole website, without making it feel like there’s a ton of stuff on there. While dealing with usability, I think website design teams should remember that there isn’t one way to do something, considering the fact that each member of the team has their own ways as well. Krug reminds us that it is not about what a user might like to experience on the website, but what organizational or aesthetic decisions would make sense for that type of website, for that is what users are expecting. For example, Pinterest.com doesn’t have a navigation bar (once you’ve signed in), only a search bar that loads suggestions for you as you type, for there is no need for a navigation bar if the point of the website is to rely mostly on pictures and allow you to search whatever inspiration you’d like using key words. Like Krug says, “There are endorphins involved,” and as designer, you want your users to look forward to using the site but not overwhelmed or confused by so many gadgets.
However, as Krug also points out, there is no Average User. So, even though a designer might think they’re giving their users the most enjoyable experience, they can’t all be given the same experience. I take this to suggest that, with these decisions made to enhance the user’s experience, the designer needs to offer a variety of clever ways to do so. With Pinterest, not only are you invited to search whatever you’d like, but your home page is defaulted to show you pictures from accounts you have chosen to follow, thus immediately showing a variety of inspiration that scrolls forever, without you having to go anywhere. If you click on a picture you love, you’re given a large variety of related pins, shown as big pictures as well, so your daydream-browsing can continue to be a stream of consciousness. The task of “digging” on this website is very much relieved.
Another website with many options to get to the same place, thus making web use very idiosyncratic, is Spotify. A user can get to an artist in almost any way different people would expect to, such as browsing, searching direct words, clicking on the artist’s name at any point, searching their saved songs by organizing the artists’ names in ascending order, or at any time right-clicking on a playing song and choosing “Go To Artist”. There are also multiple ways for users to find new music, such as browsing the “Discover” section and choosing between several categories based off of what they’ve listened to before, having a “Discover Weekly” playlist that automatically updates every week with a mix of songs based off of likes, or being shown “Related Artists” when entering an artists’ page. These options are not offered all at once to a user, but rather sprinkled throughout the website and implemented in ways where a user can choose them should they at any time feel lost.
Chapters 3&4
Something I can relate from Chapter 3 to my project idea is the use of conventions, and how “designers are often reluctant to take advantage of them” (p. 31). My app is geared toward music, including music streaming, and the more I create in my wireframes, the more I realize that there are not just a couple but several conventional symbols I need to include that listeners are expecting to use. A few examples are a “Like” button, a symbol to let users add a song to a playlist, and a way to pause and play the song. A way the pause/play option has actually been innovated on some touchscreen apps, such as SoundCloud, is allowing the user to tap the now-playing screen to pause everything, and then the play and skip buttons appear.
Krug also touches on the value of eliminating noise, and I am most definitely aware of my banner blindness when it comes to pages that are filled with ads and unnecessary links taking me elsewhere; I’m usually able to recognize how out of place their designs and styles are compared to the actual webpage and can ignore them. However, I’ve also come across websites that are extremely too vague to a point where I’ve found it pretty upsetting. When online-shopping, for example, one of my favorite websites is FreePeople because for each product, they allow for any amount of reviews to be scrolled through, and those posting reviews are required to list their body type, height, age, and any other size and fit information so readers can compare themselves as best as possible to others’ remarks. Showing clear and organized reviews is something I highly rely on more than anything when shopping online, for I don’t have the option of trying the product on or holding it in person. Websites I’ve found that don’t have any reviews, nor much other necessary information about a product or company, such as 101botanicals.com, feel sketchy, unreliable, and weird.
I really enjoyed Chapter 4 regarding the allowance of mindless choices, as Krug pointed out that several choices websites give users are as annoying and confusing as “standing in front of two mailboxes labeled Stamped Mail and Metered Mail”. This analogy hit the nail on the head for me, for I find those labels make me feel just as clueless every time, causing me to think, “why don’t they just label what it is?” I’m glad Krug also included the example of how many options there can be when one wants to sign in; it is a good visual reminder of how not all information pertaining to a similar topic have to all be visible at one time. Users would rather click on a couple-word links several times to get to an answer than try to read through directions. This is similar to how a majority of websites allow one to use in using their Facebook account, such as online stores and other sites involving sharing and social networking, a step that even eliminates the step of plugging in your username and password every time.
Krug reading response- Ch. 1, 2, & 10
It’s both strange and liberating to find that several facts and key aspects to keep in mind about how people use websites are things that I’m already very aware of yet am in need of reminding. Web browsing and navigating is something of second nature to me; however, it’s humbling as a designer to read, as Krug points out, that there will be points during the building of my site where I assume the user will be using everything I put in on a page. Although he doesn’t touch upon it specifically, I think this is something that resonates a lot with designing mobile apps, for with less space to work with, less is more in the long run. I’ve found myself thinking more in terms of what to involve in a mobile app design than what I’d include on a desktop screen.
With Krug’s personality coming through his writing, at times I feel as though his words of advice are geared towards a slightly older generation, yet they are, of course, facts I need to see written out rather than simply relying on my intuition. Something that made me think a little differently was his side note stating, “There’s almost always a plausible rationale—and a good, if misguided, intention—behind every usability flaw (p. 14).” When I come to poorly built web pages that aren’t up to speed with how users expect them to work, I come to think that the site hasn’t been updated or the builders don’t recognize that there’s a problem, and perhaps don’t care to fix it. But I guess it’s not that they don’t care, it’s that they’re worried about having more important aspects working smoothly in order to ultimately get the job done. I find myself getting very annoyed when I come across a very basic working website, and most of the time go back a page or two to find something that promises modern efficiency. In fact, I base a lot of my trust towards a website or app based off of its initial appearance. If, during the first few seconds of my scanning over everything, there’s too much to look at on one page, I move on. In relation to this, I very much liked his comparison of making every page or screen self-evident “like having good lighting in a store”.
It was humoring to read in Chapter 10 how several of his warnings are factors that I already have as pet peeves when it comes to browsing, especially on phones, because I feel as though after the past 10 years of using a phone, people should already have this self-evident design stuff down. I go onto my phone and into my apps or the Internet expecting the app to know me more than I know the app. I remember times when I first started using smartphones when I was extremely pleased to find that if I wasn’t familiar with the program I was using, I could just swipe my fingers in a direction I’d expect something to happen, and that move would unexpectedly, and very satisfyingly, do the job I wanted to complete. While a lot of Krug’s advice are facts that sound obvious, they involve key ideas to keep in mind in this modern, competitive world: keep things delightful, learnable, memorable, and efficient, and you’ll be a happy designer.