Course Hero Logo

The icon of the magnifying glass means we know its

Course Hero uses AI to attempt to automatically extract content from documents to surface to you and others so you can study better, e.g., in search results, to enrich docs, and more. This preview shows page 23 - 25 out of 92 pages.

the icon of the magnifying glass means, we know it's not actually for a magnifying glass, we know it's forlooking or searching for something. So it's another digital convention.In this segment, we're going to look at two different approaches to user interface design. One which ismuch more template based working with conventions versus one that is more content based. If we goback to our generic web structure, we can see that in many ways that template equals a distilled versionof conventions. This can be useful because of its familiarity and its ubiquity, but it can also be a little bitboring and sometimes predictable due to the same factors. The template doesn't take content intoaccount. The template is content agnostic and while this offers a level of functionality, it also offers alevel of predictability and sometimes that experience means it's not that exciting. It doesn't matter whatkind of content you flow into a generic structure, the framework never changes. If we're making awebsite about the shapes of animals for instance, it might very little if our content was how to bake acake or how to buy a T-shirt. But adversely, the generic interface does have some great advantages. First
of all, it's fast and it's easy and it offers some flexibility. So even though it's generic, it can still becustomized. It's good for repetitive similar kinds of content. For instance, here's a website built usingSquare space, which has standardized templates. This is a website for an artist, where you can see it'seasy to categorize the information into certain bodies of work and it's easy to navigate them and choosewhich body of work you want to look at. It's very clean and functional. It's not confusing it's very clear. Sothere are other conventions we can see here. There are thumbnails of work that you can click on. Youcan scroll through images from top to bottom. So thinking about what kind of areas a template might besuccessful in, something like this website where the content is visually complex but needs to beorganized in an easy to understand and accessible way, might be good for a template. There's also not alot of user interaction here apart from looking at pictures of things. So here again, a template wouldwork very well for that. We can see similarities with how that might be a structure that also works forsomething like our animal shapes website, where the content is very similar. So it makes sense for it tobe organized in a flat way. But let's see what happens when we change that content into something thathas a little more variation. For instance, here's some publications that I've designed and I might decide Iwant to make a website of my book designs. These are very three dimensional and they have differentkinds of formats. So suddenly, it's a lot harder for me to arrange these. I'm not working with regularsquares as part of my interface elements, I'm working with a regular objects so the generic interface

Upload your study docs or become a

Course Hero member to access this document

Upload your study docs or become a

Course Hero member to access this document

End of preview. Want to read all 92 pages?

Upload your study docs or become a

Course Hero member to access this document

Term
Fall
Professor
N/A
Tags
Web Design, The Next Time,

Newly uploaded documents

Show More

Newly uploaded documents

Show More

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture