RESPONSIVE Web Design

Collection by Mary Leather • Last updated 12 days ago

297 
Pins
 • 
333 
Followers
Mary Leather
User Testing
Carousel Slider
Branding
Navigation
Intranets
Social Media
Fonts
accessibility
Calendar
Bootstrap
Usability
menu
Breadcrumbs
Footer
Other Pins

User Testing

Moderating UX research with Zoom. More years ago than I care to admit, UX… | by David Hamill | UX Collective Microphone Icon, Document Camera, Consent Forms, Usability Testing, Research, Responsive Web Design, I Care, Tools
Consent FormsUsability TestingTools

Moderating UX research with Zoom

More years ago than I care to admit, UX research (it wasn’t called that then) tended to take place in usability testing labs with heaps of expensive audiovisual equipment and sound desks. UX labs…

Carousel Slider

Carousel Usability: Designing an Effective UI for Websites with Content Overload Horror House, User Experience Design, Responsive Web Design, Video Card, Ux Design, Social Media, Website, Carousels, High Level
User Experience DesignVideo CardUx DesignHigh Level

Carousel Usability: Designing an Effective UI for Websites with Content Overload

Carousels allow multiple pieces of content to appear high on the homepage. A good carousel offers visible, understandable controls and auto-forwards at a comfortable pace.

Carousel/slider design best practices (with examples) Slider Ui, Slider Design, Web Portfolio, Online Portfolio, Graphic Design Typography, Logo Design, Harvard Gsd, Ui Design Inspiration, Responsive Web Design
Slider DesignOnline PortfolioGraphic Design TypographyUi Design Inspiration

Carousel/slider design best practices (with examples) | Webflow Blog

Into every designer’s life there eventually comes the request: “Could we get a carousel on our homepage?”

Branding

  Responsive Web Design, Style Guides, Fails, Make Mistakes
Style GuidesFailsMake Mistakes

Example Style Guide with Accessibility Check

A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries Website Style Guide, Responsive Web Design, Grid System, Pattern Library, Style Guides, Ecommerce, Coding, Libraries, Communication
Website Style GuideStyle GuidesCoding

Website Style Guide Resources

A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries

Show your brand logos consistently, wherever you may place them, and be mindful of context.

Importance of Brand Consistency: 7 Key Approaches for Keeping Aligned

The more consistent your messaging, the more consistent your branding — whether via words, design, offerings or perspective. But are you creating content with brand consistency in mind? Learn how it can help build brand awareness and develop trust and loyalty with customers.

Navigation

Accordions on Mobile forms workflow Mobile Ui Design, App Design, Responsive Web Design, Ui Elements, Ui Inspiration, Interface Design, Fabric Patterns, Simple Designs, Fashion

Accordions on Mobile

Accordions conserve space on mobile but they can also cause disorientation and too much scrolling. Easy design fixes improve the usability of these UI elements.

While jump links have caused problems in the past, they can successfully be used to move users down long pages and directly to content, on any screen size.

Anchors OK? Re-Assessing In-Page Links

While jump links have caused problems in the past, they can successfully be used to move users down long pages and directly to content, on any screen size.

Chapter Types of Navigation “Everything should be as simple as possible, but no simpler.” —Attributed to Albert Einstein Not all navigation mechanisms on a site are equal. Your … - Selection from Designing Web Navigation [Book] Responsive Web Design, Floor Plans
Floor Plans

Designing Web Navigation

Chapter 4. Types of Navigation “Everything should be as simple as possible, but no simpler.” —Attributed to Albert Einstein Not all navigation mechanisms on a site are equal. Your … - Selection from Designing Web Navigation [Book]

Intranets

  Behance Portfolio, Event Planning Tips, Best Email, Marketing Automation, Email Campaign, Le Web, Cloud Based, Data Science, Machine Learning
Best EmailEmail CampaignLe Web

SharePoint Online as Intranet: Create Team Site - Microsoft 365 atWork

Building SharePoint Online as Intreanet require creation of Team Sites. Improve productivity in your team share knowledge in the organization

User-Centered Intranet Redesign: Set Up for Success in 11 Steps

Before designing an intranet, appoint a leader, align with stakeholders, get user feedback, derive an intranet vision, create user-related artifacts, and assemble the right team.

  Sharepoint Design, Sharepoint Intranet, Responsive Web Design, Microsoft, Free, Templates, Modern, Printables, Stencils
Sharepoint IntranetMicrosoftFreePrintables

25 great examples of Modern SharePoint Intranet - Microsoft 365 atWork

Check out 12 examples of great looking SharePoint Modern Intarnets build on Office 365. Find inspiration and prepare perfect Intranet.

Social Media

See more

Fonts

A well-defined web design font hierarchy is more instrumental to communicate your message to your viewers than sophisticated website graphics. Responsive Web Design, Cool Fonts, Light In The Dark, Typography, Letterpress, Letterpress Printing, Printing
Letterpress Printing

4 Reasons Why Web Design Fonts are More Important than Website Graphics

A well-defined web design font hierarchy is more instrumental to communicate your message to your viewers than sophisticated website graphics.

4 Reasons Why Web Design Fonts are More Important than Website Graphics

A well-defined web design font hierarchy is more instrumental to communicate your message to your viewers than sophisticated website graphics.

Font size conversion

An online tool to freely convert between pixels, points, rems (ems), and percent values. Primarily for font-sizes and media queries. Both calculator and chart provided. pt to px, px to pt, etc.

accessibility

See more

Calendar

See more

Bootstrap

Spaces – Real Estate Coworking Template + Ui Kit - Bootstrap inside Blank Page Template - Best Creative Templates Santa Template, Christmas Card Template, Template Site, Templates, Syllabus Template, Bootstrap Template, How To Make Resume, Decision Tree, Navigation Bar

Spaces – Listings Map Bootstrap + Dashboard Theme - Bootstrap Themes

Premium Listings Bootstrap Template Spaces is a premium listings Bootstrap template featuring 19 hand-crafted pages including spaces list, owner, space details, my account pages and many more. It also comes with a fully integrated UI Kit. Built by Themesberg Spaces was designed and coded by Themesberg. We are a startup which creates high quality Bootstrap …

Usability

Job Hunting Lessons That Grads Can Learn From Olympians

247 web usability guidelines

Guidelines

menu

See more

Breadcrumbs

See more

Footer

See more

Other Pins

Moderating UX research with Zoom. More years ago than I care to admit, UX… | by David Hamill | UX Collective Microphone Icon, Document Camera, Consent Forms, Usability Testing, Research, Responsive Web Design, I Care, Tools
Consent FormsUsability TestingTools

Moderating UX research with Zoom

More years ago than I care to admit, UX research (it wasn’t called that then) tended to take place in usability testing labs with heaps of expensive audiovisual equipment and sound desks. UX labs…

  Responsive Web Design, Style Guides, Fails, Make Mistakes
Style GuidesFailsMake Mistakes

Example Style Guide with Accessibility Check

A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries Website Style Guide, Responsive Web Design, Grid System, Pattern Library, Style Guides, Ecommerce, Coding, Libraries, Communication
Website Style GuideStyle GuidesCoding

Website Style Guide Resources

A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries

  Behance Portfolio, Event Planning Tips, Best Email, Marketing Automation, Email Campaign, Le Web, Cloud Based, Data Science, Machine Learning
Best EmailEmail CampaignLe Web

SharePoint Online as Intranet: Create Team Site - Microsoft 365 atWork

Building SharePoint Online as Intreanet require creation of Team Sites. Improve productivity in your team share knowledge in the organization

User-Centered Intranet Redesign: Set Up for Success in 11 Steps

Before designing an intranet, appoint a leader, align with stakeholders, get user feedback, derive an intranet vision, create user-related artifacts, and assemble the right team.

  Sharepoint Design, Sharepoint Intranet, Responsive Web Design, Microsoft, Free, Templates, Modern, Printables, Stencils
Sharepoint IntranetMicrosoftFreePrintables

25 great examples of Modern SharePoint Intranet - Microsoft 365 atWork

Check out 12 examples of great looking SharePoint Modern Intarnets build on Office 365. Find inspiration and prepare perfect Intranet.

Create custom QR Codes with Logo, Color and Design for free. This QR Code Maker offers free vector formats for best print quality.

QRCode Monkey - The free QR Code Generator to create custom QR Codes with Logo

The professional QR Code Management platform to create, track and edit all your QR codes in one place.

Job Hunting Lessons That Grads Can Learn From Olympians

247 web usability guidelines

Guidelines

Spaces – Real Estate Coworking Template + Ui Kit - Bootstrap inside Blank Page Template - Best Creative Templates Santa Template, Christmas Card Template, Template Site, Templates, Syllabus Template, Bootstrap Template, How To Make Resume, Decision Tree, Navigation Bar

Spaces – Listings Map Bootstrap + Dashboard Theme - Bootstrap Themes

Premium Listings Bootstrap Template Spaces is a premium listings Bootstrap template featuring 19 hand-crafted pages including spaces list, owner, space details, my account pages and many more. It also comes with a fully integrated UI Kit. Built by Themesberg Spaces was designed and coded by Themesberg. We are a startup which creates high quality Bootstrap …

Carousel Usability: Designing an Effective UI for Websites with Content Overload Horror House, User Experience Design, Responsive Web Design, Video Card, Ux Design, Social Media, Website, Carousels, High Level
User Experience DesignVideo CardUx DesignHigh Level

Carousel Usability: Designing an Effective UI for Websites with Content Overload

Carousels allow multiple pieces of content to appear high on the homepage. A good carousel offers visible, understandable controls and auto-forwards at a comfortable pace.

Carousel/slider design best practices (with examples) Slider Ui, Slider Design, Web Portfolio, Online Portfolio, Graphic Design Typography, Logo Design, Harvard Gsd, Ui Design Inspiration, Responsive Web Design
Slider DesignOnline PortfolioGraphic Design TypographyUi Design Inspiration

Carousel/slider design best practices (with examples) | Webflow Blog

Into every designer’s life there eventually comes the request: “Could we get a carousel on our homepage?”

Show your brand logos consistently, wherever you may place them, and be mindful of context.

Importance of Brand Consistency: 7 Key Approaches for Keeping Aligned

The more consistent your messaging, the more consistent your branding — whether via words, design, offerings or perspective. But are you creating content with brand consistency in mind? Learn how it can help build brand awareness and develop trust and loyalty with customers.

A well-defined web design font hierarchy is more instrumental to communicate your message to your viewers than sophisticated website graphics. Responsive Web Design, Cool Fonts, Light In The Dark, Typography, Letterpress, Letterpress Printing, Printing
Letterpress Printing

4 Reasons Why Web Design Fonts are More Important than Website Graphics

A well-defined web design font hierarchy is more instrumental to communicate your message to your viewers than sophisticated website graphics.

4 Reasons Why Web Design Fonts are More Important than Website Graphics

A well-defined web design font hierarchy is more instrumental to communicate your message to your viewers than sophisticated website graphics.

Sliding hero images that rotate through a set of promotions, news, or the like on the top of web pages are often annoying to users and are definitely error prone, unless they are designed according to usability guidelines. Carousel Designs, Responsive Web Design, Ui Elements, Mobile App, Hero, Top, Crop Tee
Carousel DesignsUi ElementsCrop Tee

Designing Effective Carousels for Websites and Mobile Apps

Sliding hero images that rotate through a set of promotions, news, or the like on the top of web pages are often annoying to users and are definitely error p...

Accordions on Mobile forms workflow Mobile Ui Design, App Design, Responsive Web Design, Ui Elements, Ui Inspiration, Interface Design, Fabric Patterns, Simple Designs, Fashion

Accordions on Mobile

Accordions conserve space on mobile but they can also cause disorientation and too much scrolling. Easy design fixes improve the usability of these UI elements.