Rethinking Usability for Responsive Web Design

Size: px
Start display at page:

Download "Rethinking Usability for Responsive Web Design"

Transcription

1 Rethinking Usability for Responsive Web Design

2 Responsive design is the real deal. It is not a fad. It s a legitimate attempt to address the massive challenge of delivering great experiences to this explosion of devices and browsers. But don t feel like it s the end-all be-all of website construction. This aint religion. This is web design. - Brad Frost

3 Rethinking Usability for Responsive Web Design by Jacey Gulden Web Designer / Brand Journalist Representing the new breed of uber-brand journalist, Jacey graduated from Indiana University with a BA in Journalism which included a focus on web and graphic design; she also earned two minors in Theater and Psychology. She uses this unique mix of communications experience and web development skill to design functional websites for Synecore s clients. Constantly seeking new sources of inspiration, in her free time Jacey can be found perusing Pinterest and interpreting life through Instagram.

4 Contents Introduction to RWD Responsive Web Design Designing for Humans Not Devices Don t Make Me Think How To Make RWD Usable I. Navigation is Key II. Design For Touch III. Don t Worry About The Fold IV. Mobile First = Content First Conclusion Sources

5 Introduction to RWD Responsive Web Design, or as they call it in the designer & developer circles, RWD, is without a doubt one of the biggest trends to hit the web design world in With the proliferation of mobile devices, it has become a necessity for designers and developers to create websites accessible from devices of any size. Responsive web design solves a number of issues for brands. Designing responsively eliminates the need to create a separate mobile site, saving time and money. It also provides users with a seamless experience across devices, and gives them access to the same information no matter how they access your site. Finally, it keeps brand messaging consistent for any web user. However, as the RWD trend continues to gain momentum, there are a number of issues that are becoming increasingly prevalent. Many designers have become so obsessed with the trend itself they have forgotten to give critical thought to the effect of their designs on the humans interacting with them. Responsive web design is certainly the future of web design, but it must be approached with the end user experience in mind.

6 re spon sive \ri- spän(t)-siv\ web de sign \ web\ \di- zīn\ The approach that suggests that design and development should respond to the user s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.

7 Designing for Humans Not Devices A major issue with the RWD trend is that many designers have started creating responsive websites simply because they can. Flaunting ones superb design and coding skills has become a way to show off to others in the community. In such a competitive environment, it s all too easy to forget about the aspect of web design that really matters, namely the user experience. After all, your website exists for the purpose of a human interaction; it s not being accessed by a mobile device- it s being accessed by a real person holding that mobile device. The visitors who come to your site from their mobile device will generally never know your site is responsive. They won t have the ability to pull corners and resize windows to watch the content shift at varying screen sizes. All they will know and care about is whether or not it works. If your navigation is difficult to find, if your links are too hard to click on, or if your site takes more than 20 seconds to load, you can say farewell to those visitors.

8 Don t Make Me Think Just because you re utilizing the flexibility that RWD offers doesn t give you the freedom to forget about the basics of web usability that have been governing designers for years. When making the decision to move to responsive design, you have to remember that the best user experience is one in which the user doesn t notice the experience at all. Anyone considering building a responsive website has an obligation to follow the first basic law of web usability: Don t Make Me Think. In 2000, Steve Krug introduced this concept in his book, Don t Make Me Think: A Common Sense Approach to Web Usability. His premise was simple: don t make your users think about your website, and don t ever let them question how to find their way around. However, many responsive websites seem to ignore this sound advice. More often than not a mobile user is forced to ask, What do I do next? RWD is supposed to solve problems, not create them. So how do designers combat this issue of web usability?

9 How To Make RWD Usable I. Navigation is Key A great navigation system is the foundation of any good user experience. Well-structured navigation helps users get where they re going and allows them to see where they are at any given moment. But as important as navigation is, many designers struggle with how to approach it on a mobile device because so much about navigating on mobile is different than it is on a desktop. Here is what you often see when looking at a responsive website on a mobile device measuring 400 pixels wide or less.

10 While in theory this layout may seem to improve usability, it s not a great way to approach website navigation. Your visitors aren t coming to your site to admire the navigation menu; they re coming to check out the (quality) content. Yes, they ll need to use the navigation at some point, but it shouldn t be the only thing they see. Get the navigation out of the way and let users focus on the information they came for. So what is the solution? When it comes to mobile screen sizes, a great navigation system is one that is there when you need it and hidden when you don t. There are two good ways to approach this. Drop Down or Select Menu Many responsive web designs incorporate the use of a drop down or select menu once the screen become mobile sized. This is a very elegant solution because it incorporates the actual interface of the mobile device making it easy to see and click. Menu Icon or The Hint and Reveal As people interact more with mobile, the menu navigation symbol is becoming increasingly familiar. When users click on the icon, a full navigation menu is revealed. Another click and the menu will hide.

11 Some Things NOT to Do: Sticky Navigation Don t use sticky navigation or a sticky header on the mobile view of a responsive site. It looks great on desktop, but it s annoying on a phone because it takes up too much space and limits the user s ability to see the rest of the content. The sticky header here takes up a huge portion of mobile screen real estate that could be filled with content. The fish hook image on this site starts to block the content and make it difficult to read.

12 Don t Just Shrink It There is nothing more annoying than trying to touch a tiny navigation link with your finger. It is impossible for a human hand to click a link with the precision of a cursor. When you cram links too close together, it can easily result in unwanted proximity clicks. The navigation lists on these sites are huge! And the individual links are so tiny it s hard to control what you click on.

13 II. Design for Touch Touch design really wasn t something Krug had to worry too much about in his description of usability given that, at the time of his writing, web users were primarily stationed at a desk with a mouse or touchpad. The web used to be controlled by the click of a mouse and directed by a cursor; however, in today s world of smartphones and tablets, touch is now king. Building a website that allows users to interact through touch requires special attention and creates a great challenge for designers. They can no longer rely on the precision of cursors or on special functions like hover that inform the user when links are present. Moreover, the idea of a link as an underlined word or phrase has become less useful because it is harder to click. Buttons, forms, and all other elements need to be large enough to interact with, and need to be spaced properly so there is no chance of the user accidentally tapping or swiping an element.

14 III. Don t Worry About The Fold The concept of designing above the fold is something that was originally developed for newspaper layouts, where the important headlines were placed above the actual fold of the paper, the side most often displayed at newspaper stands. Many web designers, however, feel that it is something that should also apply to the web. This idea makes some sense on a large desktop or laptop monitor, but the mobile web has no true fold. There are too many device sizes out there to try and determine how to fit ones content into the first square the user sees. Users have no problem scrolling down the page to find the content they want. In fact, it s one of the first things a person is prone to do when looking at a website on a mobile device. People intuitively know there is always more content to be had by scrolling. The inverted pyramid of hierarchy still has a place in mobile design, so the most important content should still be placed first. However, whether or not that content is visible the minute the page loads matters much less on a mobile device.

15 IV. Mobile First = Content First If you take nothing else away from this ebook, understand this: great responsive web design is born from a mobile-first approach. Mobile first is just what it sounds like- it is the process of designing backwards from the smallest-sized device to the largest. Doing so will ensure your content properly scales. The big mistake web designers make is designing the desktop site first and then crunching, rearranging, and hiding content as the screen size shrinks. Don t penalize users for visiting your website on a mobile device rather than a desktop. Your user has decided to come to your website for a reason. They want information, and they want it fast. They expect relevant and easily accessible content. Too many designers out there are taking content from their desktop sites and whittling it down to the bare bones for someone accessing it on a mobile device. In doing so, they are essentially saying, this is all the information a mobile user would need to see.

16 Conclusion Responsive web design was developed for the purpose of creating one singular website that can be available to any user on any device. RWD creates a sense of consistency in both content and brand message across multiple platforms - a feat which simply cannot be replicated with the use of a separate mobile site. It is a good idea to consider a responsive web design for your website, but you must approach this task with caution. RWD is a powerful tool, not an overarching strategy. Take the time to give careful thought to how you want users to interact with your website; think about navigation, content, and overall experience. In the end, people don t care whether or not your website utilizes the latest technologies or follows the most popular design trends. What they do care about, though, is whether or not your website works and brings them to the information they desire. Give them a great user experience, and they ll keep coming back for more.

17 We Help Brands Form Connections That Matter At Synecore, we believe the seamless integration of digital marketing channels fosters deeper and more meaningful connections with the people who matter most: those who find value in your brand. Synecore incorporates proven inbound marketing methods into our Integrated Digital Marketing process, which is customized to the meet the needs of each client. Is Your Website Performing? Request a Consultation

RESPONSIVE WEB DESIGN IN 24 HOURS, SAMS TEACH YOURSELF BY JENNIFER KYRNIN

RESPONSIVE WEB DESIGN IN 24 HOURS, SAMS TEACH YOURSELF BY JENNIFER KYRNIN RESPONSIVE WEB DESIGN IN 24 HOURS, SAMS TEACH YOURSELF BY JENNIFER KYRNIN DOWNLOAD EBOOK : RESPONSIVE WEB DESIGN IN 24 HOURS, SAMS TEACH Click link bellow and free register to download ebook: RESPONSIVE

More information

WINDOWS 8 CHEAT SHEET

WINDOWS 8 CHEAT SHEET WINDOWS 8 CHEAT SHEET FIVE BIG CHANGES IN WINDOWS 8 Windows 8 looks and behaves much differently from previous versions of Windows. Remember these five big changes, and you ll be well prepared for Windows

More information

What's Wrong with Lifehacker? of effort is not the reason for bad design, but rather a misunderstanding of what is useable.

What's Wrong with Lifehacker? of effort is not the reason for bad design, but rather a misunderstanding of what is useable. What's Wrong with Lifehacker? Having a website that is both functional and usable is a key aspect in keeping visitors on any site, so why are there so many sites with bad designs on the web? For many of

More information

Excel Basics Rice Digital Media Commons Guide Written for Microsoft Excel 2010 Windows Edition by Eric Miller

Excel Basics Rice Digital Media Commons Guide Written for Microsoft Excel 2010 Windows Edition by Eric Miller Excel Basics Rice Digital Media Commons Guide Written for Microsoft Excel 2010 Windows Edition by Eric Miller Table of Contents Introduction!... 1 Part 1: Entering Data!... 2 1.a: Typing!... 2 1.b: Editing

More information

Computer Basics. Need more help? What s in this guide? Types of computers and basic parts. Why learn to use a computer?

Computer Basics. Need more help? What s in this guide? Types of computers and basic parts. Why learn to use a computer? Computer Basics What s in this guide? The purpose of this guide is to help you feel more comfortable using a computer. You will learn: The similarities and differences between laptop, desktop, and tablet

More information

10 TESTED LANDING PAGE ELEMENTS GUARANTEED TO IMPROVE CONVERSIONS

10 TESTED LANDING PAGE ELEMENTS GUARANTEED TO IMPROVE CONVERSIONS 10 TESTED LANDING PAGE ELEMENTS GUARANTEED TO IMPROVE CONVERSIONS CONTENTS 1. INTRODUCTION 2. WHAT IS A LANDING PAGE? 3. WHY IS A LANDING PAGE IMPORTANT? 5. THE 10 ESSENTIAL PAGE ELEMENTS 12. PUTTING IT

More information

1. You re boring your audience

1. You re boring your audience 1. You re boring your audience OK, so you ve convinced your users to visit your landing page. Or even better they ve signed up for your mailing list. That s great! Now that you have their attention, the

More information

NCMail: Microsoft Outlook User s Guide

NCMail: Microsoft Outlook User s Guide NCMail: Microsoft Outlook 2003 Email User s Guide Revision 1.0 11/10/2007 This document covers how to use Microsoft Outlook 2003 for accessing your email with the NCMail Exchange email system. The syntax

More information

Strong signs your website needs a professional redesign

Strong signs your website needs a professional redesign Strong signs your website needs a professional redesign Think - when was the last time that your business website was updated? Better yet, when was the last time you looked at your website? When the Internet

More information

Basic Internet Skills

Basic Internet Skills The Internet might seem intimidating at first - a vast global communications network with billions of webpages. But in this lesson, we simplify and explain the basics about the Internet using a conversational

More information

Midterm Exam, October 24th, 2000 Tuesday, October 24th, Human-Computer Interaction IT 113, 2 credits First trimester, both modules 2000/2001

Midterm Exam, October 24th, 2000 Tuesday, October 24th, Human-Computer Interaction IT 113, 2 credits First trimester, both modules 2000/2001 257 Midterm Exam, October 24th, 2000 258 257 Midterm Exam, October 24th, 2000 Tuesday, October 24th, 2000 Course Web page: http://www.cs.uni sb.de/users/jameson/hci Human-Computer Interaction IT 113, 2

More information

Usability Test Report: Bento results interface 1

Usability Test Report: Bento results interface 1 Usability Test Report: Bento results interface 1 Summary Emily Daly and Ian Sloat conducted usability testing on the functionality of the Bento results interface. The test was conducted at the temporary

More information

Taskbar: Working with Several Windows at Once

Taskbar: Working with Several Windows at Once Taskbar: Working with Several Windows at Once Your Best Friend at the Bottom of the Screen How to Make the Most of Your Taskbar The taskbar is the wide bar that stretches across the bottom of your screen,

More information

15 Minute Traffic Formula. Contents HOW TO GET MORE TRAFFIC IN 15 MINUTES WITH SEO... 3

15 Minute Traffic Formula. Contents HOW TO GET MORE TRAFFIC IN 15 MINUTES WITH SEO... 3 Contents HOW TO GET MORE TRAFFIC IN 15 MINUTES WITH SEO... 3 HOW TO TURN YOUR OLD, RUSTY BLOG POSTS INTO A PASSIVE TRAFFIC SYSTEM... 4 HOW I USED THE GOOGLE KEYWORD PLANNER TO GET 11,908 NEW READERS TO

More information

UXD. using the elements: structure

UXD. using the elements: structure using the elements: structure defining structure you are here structure essentially defines how users get to a given screen and where they can go when they re done. structure also defines categories of

More information

COMPUTER DESCRIPTION...

COMPUTER DESCRIPTION... Conventions used in this document: Keyboard keys that must be pressed will be shown as Enter or Ctrl. Controls to be activated with the mouse will be shown as Start button > Settings > System > About.

More information

NCMail: Microsoft Outlook User s Guide

NCMail: Microsoft Outlook User s Guide NCMail: Microsoft Outlook 2007 Email User s Guide Revision 1.1 3/9/2009 This document covers how to use Microsoft Outlook 2007 for accessing your email with the NCMail Exchange email system. The syntax

More information

CHAPTER 1 COPYRIGHTED MATERIAL. Finding Your Way in the Inventor Interface

CHAPTER 1 COPYRIGHTED MATERIAL. Finding Your Way in the Inventor Interface CHAPTER 1 Finding Your Way in the Inventor Interface COPYRIGHTED MATERIAL Understanding Inventor s interface behavior Opening existing files Creating new files Modifying the look and feel of Inventor Managing

More information

Jump to: Using AAUP Photos AAUP Logos Embedding the AAUP Twitter Feed Embedding the AAUP News Feed CREATING A WEBSITE

Jump to: Using AAUP Photos AAUP Logos Embedding the AAUP Twitter Feed Embedding the AAUP News Feed CREATING A WEBSITE Jump to: Using AAUP Photos AAUP Logos Embedding the AAUP Twitter Feed Embedding the AAUP News Feed CREATING A WEBSITE You can make a simple, free chapter website using Google Sites. To start, go to https://sites.google.com/

More information

Windows 8.1. Tiles come in four shapes: small, medium, wide, and large. The red outlined tiles are live tiles.

Windows 8.1. Tiles come in four shapes: small, medium, wide, and large. The red outlined tiles are live tiles. Windows 8/8.1 was Microsoft s attempt to have one operating system for all devices desktops, laptops, phones, tablets, and everything else. Some like it more than others. Microsoft Windows 10 is supposed

More information

APPLE MAIL ESSENTIALS. by Ruth Davis Mac2School

APPLE MAIL ESSENTIALS. by Ruth Davis Mac2School APPLE MAIL ESSENTIALS by Ruth Davis Mac2School Customizing Apple Mail Preferences... 5 General... 5 Accounts... 6 Mailbox Behaviors... 7 Server Settings... 8 Junk Mail... 8 Fonts and Colors... 9 Viewing...

More information

the NXT-G programming environment

the NXT-G programming environment 2 the NXT-G programming environment This chapter takes a close look at the NXT-G programming environment and presents a few simple programs. The NXT-G programming environment is fairly complex, with lots

More information

Speed Up Windows by Disabling Startup Programs

Speed Up Windows by Disabling Startup Programs Speed Up Windows by Disabling Startup Programs Increase Your PC s Speed by Preventing Unnecessary Programs from Running Windows All S 630 / 1 When you look at the tray area beside the clock, do you see

More information

ONLINE REGISTRATION: A STEP-BY-STEP GUIDE

ONLINE REGISTRATION: A STEP-BY-STEP GUIDE ONLINE REGISTRATION: A STEP-BY-STEP GUIDE We encourage all of our Walkers to register online at diabetes.org/stepout. It s quick. It s easy. And, you ll have the opportunity to take advantage of our online

More information

User Experience. 10 Principles to Ensure a Great. on your Website. Issue 3. An Appnovation Digital ebook

User Experience. 10 Principles to Ensure a Great. on your Website. Issue 3. An Appnovation Digital ebook Issue 3 10 Principles to Ensure a Great User Experience on your Website An Appnovation Digital ebook 10 Principles to Ensure a Great User Experience on your Website www.appnovation.com P.1 Thank you for

More information

Magnetize Your. Website. A step-by-step action guide to attracting your perfect clients. Crystal Pina. StreamlineYourMarketing.com

Magnetize Your. Website. A step-by-step action guide to attracting your perfect clients. Crystal Pina. StreamlineYourMarketing.com Magnetize Your Website A step-by-step action guide to attracting your perfect clients Crystal Pina StreamlineYourMarketing.com 2016 StreamlineYourMarketing.com All Rights Reserved. Published by Streamline

More information

VIDEO 1: WHAT ARE THE SMART CONTENT TOOLS? VIDEO 2: HOW DO YOU CREATE A SMART CTA?

VIDEO 1: WHAT ARE THE SMART CONTENT TOOLS? VIDEO 2: HOW DO YOU CREATE A SMART CTA? VIDEO 1: WHAT ARE THE SMART CONTENT TOOLS? Hello again! I m Angela with HubSpot Academy. Now that you have a contextual marketing strategy in place with segmentation and personalization, you re ready to

More information

Student Success Guide

Student Success Guide Student Success Guide Contents Like a web page, links in this document can be clicked and they will take you to where you want to go. Using a Mouse 6 The Left Button 6 The Right Button 7 The Scroll Wheel

More information

A Quick-Reference Guide. To access reddot: https://cms.hampshire.edu/cms

A Quick-Reference Guide. To access reddot: https://cms.hampshire.edu/cms Using RedDot A Quick-Reference Guide To access reddot: https://cms.hampshire.edu/cms For help: email reddot@hampshire.edu or visit http://www.hampshire.edu/computing/6433.htm Where is... Page 6 Page 8

More information

Navigating and Managing Files and Folders in Windows XP

Navigating and Managing Files and Folders in Windows XP Part 1 Navigating and Managing Files and Folders in Windows XP In the first part of this book, you ll become familiar with the Windows XP Home Edition interface and learn how to view and manage files,

More information

Here s my plan for what I will cover.

Here s my plan for what I will cover. 1 Here s my plan for what I will cover. The most important area of this talk will cover the a cycle of usability that involves 4 components. (you can start from any one of these 4 areas depending on what

More information

Recipes. Marketing For Bloggers. List Building, Traffic, Money & More. A Free Guide by The Social Ms Page! 1 of! 24

Recipes.  Marketing For Bloggers. List Building, Traffic, Money & More. A Free Guide by The Social Ms Page! 1 of! 24 16 Recipes Email Marketing For Bloggers List Building, Traffic, Money & More A Free Guide by The Social Ms Page 1 of 24 Brought to you by: Jonathan Gebauer, Susanna Gebauer INTRODUCTION Email Marketing

More information

Microsoft How-To Guide. For Real Estate Professionals

Microsoft How-To Guide. For Real Estate Professionals Microsoft How-To Guide For Real Estate Professionals Your role as a real-estate professional is simple: Turn your client s dreams into a reality. Of course, accomplishing that task is a whole lot more

More information

All about . Desktop versus Webmail applications Read the information here.

All about  . Desktop versus Webmail applications Read the information here. All about Email Introduction My website has various documents related to email. This is an attempt to have them all available in one place. Also, I have added additional content such as the 2 sections

More information

WEB PAGE ARCHITECTURE

WEB PAGE ARCHITECTURE The goals of webpage architecture: 1. Bring order to many types of information: text, images, links, navigation. 2. Create movement through the page. 3. Provide centers of visual interest that serve as

More information

06ESFContacts 1 message

06ESFContacts 1 message Gmail - 06ESFContacts 06ESFContacts To: Tue, Jan 2, 2018 at 8:25 PM We have covered a lot of material in these e-mail messages Are you able to keep up? If you get stuck and you and your Geek Squad can

More information

2016 All Rights Reserved

2016 All Rights Reserved 2016 All Rights Reserved Table of Contents Chapter 1: The Truth About Safelists What is a Safelist Safelist myths busted Chapter 2: Getting Started What to look for before you join a Safelist Best Safelists

More information

I m going to be introducing you to ergonomics More specifically ergonomics in terms of designing touch interfaces for mobile devices I m going to be

I m going to be introducing you to ergonomics More specifically ergonomics in terms of designing touch interfaces for mobile devices I m going to be I m going to be introducing you to ergonomics More specifically ergonomics in terms of designing touch interfaces for mobile devices I m going to be talking about how we hold and interact our mobile devices

More information

TRINET INTERNET SOLUTIONS, INC.

TRINET INTERNET SOLUTIONS, INC. TRINET INTERNET SOLUTIONS, INC. 1. Headquartered in Orange County, California with Offices in Washington D.C. and Dallas 2. Industry leading, full-service digital agency for 22 years 3. Expert capabilities

More information

Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme

Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme Introduction Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme In this Getting Started Guide, you can follow along as a website is built using the MIT DLC Theme. Whether you

More information

Part 1: Understanding Windows XP Basics

Part 1: Understanding Windows XP Basics 542362 Ch01.qxd 9/18/03 9:54 PM Page 1 Part 1: Understanding Windows XP Basics 1: Starting Up and Logging In 2: Logging Off and Shutting Down 3: Activating Windows 4: Enabling Fast Switching between Users

More information

ORB Education Quality Teaching Resources

ORB Education Quality Teaching Resources These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best

More information

ebook Tablet Commerce: Ecommerce King in 2013

ebook Tablet Commerce: Ecommerce King in 2013 ebook Tablet Commerce: Ecommerce King in 2013 Growth in Tablet Commerce Tablet commerce has increased substantially over the past year. During the 2011 holiday shopping season, tablet sales rose to record

More information

Exact layout for a high-converting landing page

Exact layout for a high-converting landing page Exact layout for a high-converting landing page Why you need a landing page Before we get started, you might be wondering why I m suggesting you create a landing page rather than just using your home page.

More information

Team Manatee Group Heuristic Evaluation

Team Manatee Group Heuristic Evaluation Team Manatee Group Heuristic Evaluation by Andy Barry, Greg Marra, Brad Powers, Will Yarak. Identified Issues Team Manatee's prototype performs well in the given scenarios but still has a number of major

More information

25 WAYS TO MAKE YOUR MOBILE E-COMMERCE REVENUE SKYROCKET

25 WAYS TO MAKE YOUR MOBILE E-COMMERCE REVENUE SKYROCKET 25 WAYS TO MAKE YOUR MOBILE E-COMMERCE REVENUE SKYROCKET Did you know that 59% of all time spent on e-commerce sites is on a mobile device? And more than 1/3 of visits to the top 50 e-commerce sites now

More information

AJAX Programming Overview. Introduction. Overview

AJAX Programming Overview. Introduction. Overview AJAX Programming Overview Introduction Overview In the world of Web programming, AJAX stands for Asynchronous JavaScript and XML, which is a technique for developing more efficient interactive Web applications.

More information

21 Lessons Learned From Sending Over 110,000 s

21 Lessons Learned From Sending Over 110,000  s 21 Lessons Learned From Sending Over 110,000 Emails By Stuart Walker http://www.nichehacks.com DISCLAIMER / LEGAL NOTICES: Although the author and publisher have made every effort to ensure that the information

More information

Laboratory 1: Eclipse and Karel the Robot

Laboratory 1: Eclipse and Karel the Robot Math 121: Introduction to Computing Handout #2 Laboratory 1: Eclipse and Karel the Robot Your first laboratory task is to use the Eclipse IDE framework ( integrated development environment, and the d also

More information

Photoshop World 2018

Photoshop World 2018 Photoshop World 2018 Unlocking the Power of Lightroom CC on the Web with Rob Sylvan Learn how to leverage the cloud-based nature of Lightroom CC to share your photos in a way that will give anyone with

More information

VIDEO 1: WHY ARE INBOUND WEBSITES IMPORTANT?

VIDEO 1: WHY ARE INBOUND WEBSITES IMPORTANT? VIDEO 1: WHY ARE INBOUND WEBSITES IMPORTANT? Hi there! I m Angela with HubSpot Academy. In this class, we will be discussing how to use website pages as a part of your inbound marketing strategy. Think

More information

Media Library Help Guide

Media Library Help Guide 1 Media Library Help Guide TABLE OF CONTENTS LOGIN/REGISTER...3 DASHBOARD...4-5 NOTIFICATIONS/SETTINGS...6-7 BASIC SEARCH...8-10 CATEGORY SEARCH...11 SEARCH TIPS...12-13 QUICK SEARCH GUIDE...14 DOWNLOADING

More information

User Interfaces for Web Sites and Mobile Devices. System and Networks

User Interfaces for Web Sites and Mobile Devices. System and Networks User Interfaces for Web Sites and Mobile Devices System and Networks Computer Systems and Networks: Device-Aware Interfaces Interfaces must take into account physical constraints of computers and networks:

More information

Heuristic Evaluation of Covalence

Heuristic Evaluation of Covalence Heuristic Evaluation of Covalence Evaluator #A: Selina Her Evaluator #B: Ben-han Sung Evaluator #C: Giordano Jacuzzi 1. Problem Covalence is a concept-mapping tool that links images, text, and ideas to

More information

Creating a Brochure in Publisher

Creating a Brochure in Publisher Creating a Brochure in Publisher If you closed the Flyer, as indicated above, you will see the Microsoft Publisher Task Pane on the left side of your screen. Click the Brochures selection in the Publication

More information

Windows 10 Creators Edition Tips & Tricks. These New Hidden Features Will Save You Time and Money

Windows 10 Creators Edition Tips & Tricks. These New Hidden Features Will Save You Time and Money Windows 10 Creators Edition Tips & Tricks These New Hidden Features Will Save You Time and Money In April 2017, Microsoft released the new Windows 10 Creators Edition. Its features will save you hours

More information

Intro to Microsoft Word

Intro to Microsoft Word Intro to Microsoft Word A word processor is a computer program used to create and print text documents that might otherwise be prepared on a typewriter. The key advantage of a word processor is its ability

More information

Getting Started with DonateNow

Getting Started with DonateNow Getting Started with DonateNow Table of Contents Welcome Required Set Up Page Personality Donor Options Thank Yous and Receipts Social Sharing and Endorsements Publish Your Page Promote Your Page Dashboard

More information

Getting started with social media and comping

Getting started with social media and comping Getting started with social media and comping Promotors are taking a leap further into the digital age, and we are finding that more and more competitions are migrating to Facebook and Twitter. If you

More information

mobile friendly? Google s survey shows there are three key points to a mobile-friendly site:

mobile friendly? Google s survey shows there are three key points to a mobile-friendly site: 1. Is your site mobile friendly? Now more than ever before it is important for your website to be mobile-friendly. According to a July 2012 Google survey of the more than 1,000 smartphone users people

More information

Content Manager Users Manual

Content Manager Users Manual Content Manager Users Manual Content Manager The content section is the core area of the Empoweren content management system. It is typically where you will publish information about your company, products,

More information

Case Study: Best Strategy To Rank Your Content On Google

Case Study: Best Strategy To Rank Your Content On Google Case Study: Best Strategy To Rank Your Content On Google SEOPressor Connect Presents: Case Study: Best Strategy To Rank Your Content On Google Copyright 2016 SEOPressor Connect All Rights Reserved 1 There

More information

DESIGNING RESPONSIVE DASHBOARDS. Best Practices for Building Responsive Analytic Applications

DESIGNING RESPONSIVE DASHBOARDS. Best Practices for Building Responsive Analytic Applications DESIGNING RESPONSIVE DASHBOARDS Best Practices for Building Responsive Analytic Applications CONTENTS Responsive Design and Embedded Analytics...1 6 Principles and Best Practices... 2 Tools of the Trade...

More information

New developments Social Media

New developments Social Media New developments Social Media Dr. Peter Stegelmann/Michael Schulte/Jens Wösten November 2015 1. Technical Revolution 2. Recruitment Process 3. Mobile University Websites 4. Mobile CRM 2 Recruitment Behind

More information

Responsive Web Design Discover, Consider, Decide

Responsive Web Design Discover, Consider, Decide Responsive Web Design Discover, Consider, Decide Responsive Web Design. Discover, Consider, Decide Q. What is Responsive Design? A. Responsive design is a general mindset where you are designing a website,

More information

AND BlackBerry JUL13 ISBN

AND BlackBerry JUL13 ISBN AND BlackBerry 806-29JUL13 ISBN 978-0-9819900-1-9 Contents 1 2 3 The Essentials of GTD and BlackBerry What is GTD?... 1 Which tools are best for GTD?... 1 If GTD is not about any particular tool, why a

More information

CAREER SERVICES MANAGER, Powered by Symplicity STUDENT AND ALUMNI INSTRUCTION MANUAL

CAREER SERVICES MANAGER, Powered by Symplicity STUDENT AND ALUMNI INSTRUCTION MANUAL CAREER SERVICES MANAGER, Powered by Symplicity STUDENT AND ALUMNI INSTRUCTION MANUAL HOME TAB Log in at https://law-hamline-csm.symplicity.com/students/. Students For students, your login is your email

More information

What s new in SketchUp Pro?

What s new in SketchUp Pro? What s new in SketchUp Pro? SketchUp Pro (Desktop) Making Information Modeling Useful Ultimately, we think BIM is about using information in your model to make better buildings. Our focus is to help users

More information

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW STAROFFICE 8 DRAW Graphics They say a picture is worth a thousand words. Pictures are often used along with our words for good reason. They help communicate our thoughts. They give extra information that

More information

TALENT Part 1 page 1 of 1

TALENT Part 1 page 1 of 1 Part I Beginning WebCT Course Designer Skills. This sections covers: MyWebCT (a global WebCT user account) Differences between course designer and student accounts How to create a single student account

More information

Network Concepts Web Marketing Basics NCI Web Development

Network Concepts Web Marketing Basics NCI Web Development Web Marketing Basics NCI Web Development www.nciwd.com www.ncihosting.com Corporate Office 326 N. Main Street Souderton, PA 18964 Phone 215-723-3495 Service & Training Center 1250 Bethlehem Pike Ste E

More information

Windows 10: Part 1. Updated: May 2018 Price: $2.00

Windows 10: Part 1. Updated: May 2018 Price: $2.00 Windows 10: Part 1 Updated: May 2018 Price: $2.00 A Special Note on Terminology Windows 10 accepts both mouse and touch commands. This means that you could use either mouse clicks or touch gestures interchangeably.

More information

4. Some computers may also be customised so that a program such as Word can be started using a keyboard command.

4. Some computers may also be customised so that a program such as Word can be started using a keyboard command. Using Microsoft Word Starting the Program There are several ways to start a program in Microsoft Windows and they may include the following: 1. Clicking an icon on the desktop. 2. Clicking an icon in the

More information

10 Creative Best Practices. Key guidelines and principles for successful creatives

10 Creative Best Practices. Key guidelines and principles for successful creatives 10 Creative Best Practices Key guidelines and principles for successful creatives 1. Focus on one main creative idea Ask yourself what are the key objectives for this campaign and develop a clear story

More information

OPEN THE HOTLINE CLIENT

OPEN THE HOTLINE CLIENT OPEN THE HOTLINE CLIENT Everything in the Hotline universe starts with the Client Toolbar; it launches all of the Client s major functions. 1 Double-click the Hotline icon on your desktop. The Hotline

More information

For Volunteers An Elvanto Guide

For Volunteers An Elvanto Guide For Volunteers An Elvanto Guide www.elvanto.com Volunteers are what keep churches running! This guide is for volunteers who use Elvanto. If you re in charge of volunteers, why not check out our Volunteer

More information

Analyzing PDFs with Citavi 6

Analyzing PDFs with Citavi 6 Analyzing PDFs with Citavi 6 Introduction Just Like on Paper... 2 Methods in Detail Highlight Only (Yellow)... 3 Highlighting with a Main Idea (Red)... 4 Adding Direct Quotations (Blue)... 5 Adding Indirect

More information

Web Site Design Small Screen Design Responsive Design R.I.T. S. Ludi/R. Kuehl p. 1 R I T. Software Engineering

Web Site Design Small Screen Design Responsive Design R.I.T. S. Ludi/R. Kuehl p. 1 R I T. Software Engineering Web Site Design Small Screen Design Responsive Design S. Ludi/R. Kuehl p. 1 Design Principles and Guidelines User Populations (Shared human ability and behavior) (Problem domains) Computing Paradigms (Platform

More information

Quick Start Editors Guide. For Your. MyVFW WebSite

Quick Start Editors Guide. For Your. MyVFW WebSite Quick Start Editors Guide For Your MyVFW WebSite Welcome to your new MyVFW.org website. This guide is intended to provide a quick overview of some of the basic features of your new post website and is,

More information

Atlassian Confluence 5 Essentials

Atlassian Confluence 5 Essentials Atlassian Confluence 5 Essentials Stefan Kohler Chapter No. 5 "Collaborating in Confluence" In this package, you will find: A Biography of the author of the book A preview chapter from the book, Chapter

More information

A Document Created By Lisa Diner Table of Contents Western Quebec School Board October, 2007

A Document Created By Lisa Diner Table of Contents Western Quebec School Board October, 2007 Table of Contents A Document Created By Lisa Diner Western Quebec School Board October, 2007 Table of Contents Some Basics... 3 Login Instructions... 4 To change your password... 6 Options As You Login...

More information

Content Curation Mistakes

Content Curation Mistakes Table of Contents Table of Contents... 2 Introduction... 3 Mistake #1 Linking to Poor Quality Content... 4 Mistake #2 Using the Same Few Sources... 5 Mistake #3 Curating Only Blog Posts... 6 Mistake #4

More information

Building Better s. Contents

Building Better  s. Contents Building Better Emails Contents Building Better Emails... 1 Email Marketing Basics... 2 How to Optimize HTML Emails... 2 Using OnContact to Send Email Campaigns rather than your regular email address or

More information

Key questions to ask before commissioning any web designer to build your website.

Key questions to ask before commissioning any web designer to build your website. Key questions to ask before commissioning any web designer to build your website. KEY QUESTIONS TO ASK Before commissioning a web designer to build your website. As both an entrepreneur and business owner,

More information

It would be interesting to determine the number of great ideas that

It would be interesting to determine the number of great ideas that Introducing Google SketchUp It would be interesting to determine the number of great ideas that started out as rough sketches on a restaurant napkin. If you ve ever had a brilliant idea, you know that

More information

1 SEO Synergy. Mark Bishop 2014

1 SEO Synergy. Mark Bishop 2014 1 SEO Synergy 2 SEO Synergy Table of Contents Disclaimer... 3 Introduction... 3 Keywords:... 3 Google Keyword Planner:... 3 Do This First... 4 Step 1... 5 Step 2... 5 Step 3... 6 Finding Great Keywords...

More information

InDesign UX Design Patterns. by Justin Putney

InDesign UX Design Patterns. by Justin Putney InDesign UX Design Patterns by Justin Putney InDesign UX Design Patterns Hi, I m Justin Putney, Owner of Ajar Productions. Thanks for downloading this guide! It s full of ways to create interactive user

More information

The Best Event Marketing Plan. Ever.

The Best Event  Marketing Plan. Ever. The Best Event Email Marketing Plan. Ever. Introduction: You ve created a kick-ass, awesome event at an amazing location with a beautiful event page - and all within budget! But now what? Your biggest

More information

CSCI 1100L: Topics in Computing Lab Lab 1: Introduction to the Lab! Part I

CSCI 1100L: Topics in Computing Lab Lab 1: Introduction to the Lab! Part I CSCI 1100L: Topics in Computing Lab Lab 1: Introduction to the Lab! Part I Welcome to your CSCI-1100 Lab! In the fine tradition of the CSCI-1100 course, we ll start off the lab with the classic bad joke

More information

Creating a Website Using Weebly.com (June 26, 2017 Update)

Creating a Website Using Weebly.com (June 26, 2017 Update) Creating a Website Using Weebly.com (June 26, 2017 Update) Weebly.com is a website where anyone with basic word processing skills can create a website at no cost. No special software is required and there

More information

Web Design and Databases WD: Class 3: Usability. Dr Helen Hastie Dept of Computer Science Heriot-Watt University

Web Design and Databases WD: Class 3: Usability. Dr Helen Hastie Dept of Computer Science Heriot-Watt University Web Design and Databases WD: Class 3: Usability Dr Helen Hastie Dept of Computer Science Heriot-Watt University Last time Pre-production Navigation Layout Writing Homework Find 3 websites with clear themes/metaphors

More information

Setting up your WordPress blog CS4031

Setting up your WordPress blog CS4031 1. Sign up for a wordpress.com (not a wordpress.org) account. 2. Please use your real name (or a derivative of it), or your brand identity. Your blog address will be name.wordpress.com For example, mine

More information

Technoversity Tuesdays

Technoversity Tuesdays Technoversity Tuesdays Microsoft Windows 10 Overview, New Features, Tips and Tricks Technology training brought to you by Computer Education Support New Features Windows 10 is Microsoft s newest operating

More information

EVALUATION ASSIGNMENT 2

EVALUATION ASSIGNMENT 2 EVALUATION ASSIGNMENT 2 CS5760 Graduate Human-Computer Interaction Abstract An investigation of the user interface domain, heuristic principles, and critical usability concerns for the current design and

More information

Using Microsoft Word. Getting Started With Word. Exercise 1 Starting the Program

Using Microsoft Word. Getting Started With Word. Exercise 1 Starting the Program Using Microsoft Word Getting Started With Word Exercise 1 Starting the Program There are several ways to start a program in Microsoft Windows and they may include the following: Clicking an icon on the

More information

Responsive Design and Mobile Patterns

Responsive Design and Mobile Patterns Responsive Design and Mobile Patterns Nina Zayakova Product Designer @myninka Liliya Karakoleva UX Designer, Principal @liliya_k Mobile Devices Talking about mobile devices we are not talking about desktop

More information

Problem and Solution Overview: An elegant task management solution, that saves busy people time.

Problem and Solution Overview: An elegant task management solution, that saves busy people time. An elegant task management solution, that saves busy people time. Team: Anne Aoki: Storyboarding, design, user studies, writing Alex Anderson: User studies, design Matt Willden: Ideation, writing, user

More information

THE 18 POINT CHECKLIST TO BUILDING THE PERFECT LANDING PAGE

THE 18 POINT CHECKLIST TO BUILDING THE PERFECT LANDING PAGE THE 18 POINT CHECKLIST TO BUILDING THE PERFECT LANDING PAGE The 18 point checklist to building the Perfect landing page Landing pages come in all shapes and sizes. They re your metaphorical shop front

More information

1 LOGGING IN REQUEST A SUB (from the calendar) REQUEST A SUB (from Line Listing) ACCEPTING AN INVITATION TO BE A SUB...

1 LOGGING IN REQUEST A SUB (from the calendar) REQUEST A SUB (from Line Listing) ACCEPTING AN INVITATION TO BE A SUB... SHORELINE SENIOR MEN S TENNIS USER GUIDE FOR MYTENNISGROUP.COM Copyright 2013 by Richard Yanowitz on behalf of the Shoreline (CT) Senior Men s Tennis Group This document walks you through the basics of

More information

The 21 WORD . That Can Get You More Clients. Ian Brodie

The 21 WORD  . That Can Get You More Clients. Ian Brodie The 21 WORD EMAIL That Can Get You More Clients Ian Brodie The 21 Word Email That Can Get You More Clients Hey there! Welcome to this short report on the 21 Word Email That Can Get You More Clients If

More information