Join Morten Rand-Hendriksen for an in-depth discussion in this video Using content blocks, part of Mapping the Modern Web Design Process.
- View Offline
- If you look at any website, you'll see…it's really just a collection of different blocks…of content displayed together on the screen.…You have the Header, the Sidebar, the Footer,…and the Main Content area.…Within each of these blocks, you may find…several smaller blocks.…In the Header, you have the Site Title and the Main Menu.…In the Sidebar and Footer, you may have multiple blocks…including Advertising, Navigation, and Content Links.…And in the Main Content area, you'll find Article blocks…each containing Title and article meta, the actual article,…and interactive elements like Social Media…sharing buttons and comments.…
This is also how the browser sees the content.…To the browser, the contents within a tag…are considered blocks, usually displayed within a box.…CSS is then applied to that box and the content within it.…If you move the box, the styles follow automatically.…When I spoke of approaching responsive web design…as a process, I said that we should always work to display…the content in the best possible way.…
- Understanding what your users care about
- Creating user personas
- Creating content priority hierarchies
- Testing wireframes and interaction patterns
- Establishing a three-track build process
- Incorporating accessibility principles
- Using content blocks
- Testing and revising your web design
- Optimizing for social media and SEO
- Launching your web design
- Getting feedback from users
Skill Level Beginner
UX Design Techniques: Creating Personaswith Chris Nodder26m 27s Intermediate
Foundations of UX: Prototypingwith James Williamson1h 39m Beginner
1. Web Design as a Process
2. Some Perspective
4. The Content Strategy Phase
5. Prebuild Testing
6. The Build Phase
7. The Test-and-Revision Phase
8. The Optimization Phase
9. Launch and Reset
10. Going Further with lynda.com
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.