Tag Archives: public health

Consider the Following Recommendations When Designing a Mobile-Friendly Website

Glenn E. Fleming, MD, MPH, Contributor, MarketHive

Before we get into what defines a mobile-friendly website, let’s first discuss why this is even relevant.  About a year ago, Google released its algorithm known as Mobileggedon.  In essence, this algorithm penalizes websites that are not “mobile-friendly” by decreasing that website’s ranking in mobile search results.

So what may have been the catalyst to releasing Mobileggedon?   Since 2014, mobile devices have been the primary devices utilized to access the internet.   Desktop is still important, but it is no longer considered first-line.  Therefore, Google’s Mobileggedon algorithm is like a “tough love” approach in encouraging businesses to always design their websites with mobile devices in mind.

When developing a mobile-friendly website/webpage, consider the following recommendations:

1) Do NOT design a separate mobile website from your desktop version because it is redundant!

Think about it.Why would you create two different websites (mobile & desktop versions) that contain the same content?Google already penalizes websites for duplicate content.So why would you allow your website to be penalized for duplicate websites?

2) Use Responsive Web Design (RWD)

According to Wikipedia, RWD is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).

From a technical standpoint, RWD employs use of flexible layouts, flexible images, and cascading style sheet media queries. This allows a web page to be able to detect the visitor’s screen size and orientation; and change the layout accordingly (think auto-adjusting to fit your mobile device’s screen).

3) Always include a viewport meta tag

The viewport is a virtual area used by the browser-rendering engine to determine how content is scaled and sized.   The viewport meta tag tells your browser that the web page needs to fit the screen.

Typically, when loading full-sized web pages, mobile browsers display the entire page at reduced magnification.When a website does not make use of a viewport meta tag, users may have to double-tap or pinch the screen to adjust the web display.The below illustration shows a typical web page layout displayed on a mobile screen:

In the above example, users typically must rotate their mobile screens, pinch to magnify, etc so that the content can be seen.

Applying a viewport is critical in creating web pages that are mobile-friendly.

The following shows a sample screen layout without a viewport. The initially loaded page is zoomed out much too far to be legible, while zooming in makes content extending off the right edge of the screen difficult to access:

This reflects the browser's default assumption that content should extend 980 pixels wide. Mobile browsers must make that assumption in order to render pages that are not optimized for display on mobile screens.

Finally, here’s the above screen layout after applying the viewport:

There are many different configurations that you can specify your viewport to control.  To explain the technical details any further would be beyond the scope of this article.The idea here is to understand the concept (and importance) of applying viewport meta tags to your webpage.

4) Font sizes and button size matter

Ideal font size is 14px.When creating labels or forms, consider reducing the font to at least 12px.  Same concept applies for buttons.   For optimal viewing, consider creating button size dimensions of at least 44px by 44px.

5)Use high-resolution images

According to Wikipedia, image resolution is the detail an image holds and can be applied to describe digital images, film images, and other types of images. Essentially, a higher resolution means more image detail.

Having extremely high-resolution images will prevent pixilated or even blurry images when viewed on a retina-quality screen.

6) Remove the default zoom

Using auto-zoom may interfere with a web page’s layout elements, especially for images and navigation content. They may appear small or too large in your layout.

The solution here is to make use of viewport meta tags.Again, to describe the technical details of this process in any more detail would be beyond the scope of this article.

7) Use YouTube videos on your site

Because YouTube already utilizes responsive web design (RWD) coding, any risk of difficulties in viewing videos on a mobile device are theoretically eliminated.

8) Don’t constrain your user’s mobile experience

Always include a “go to full website” or “view desktop version” option at the bottom of your site. This will give your website visitors the ability to choose how they want to view your website’s content.

9) Never stop testing

Even after your responsive website is complete, the testing never ends.Be sure to test your webpage on various mobile devices: Apple, Android, Windows, etc.Leave no stone unturned including buttons, layout, font, displays, etc.

Even more important is to allow someone who fits your target [demographic] user.Consider including someone who does not have an extensive technical background especially if this person comprises your primary demographic of potential users/visitors of your website.

Did I miss anything?  Your comments are always welcomed.

 

 

 

 

 

 

 

How to Productively Create & Optimize Your Professional Network

Glenn E. Fleming, MD, MPH, Contributor, MarketHive

According to Wikipedia, a professional network service (also known as a  professional network) is a type of social network service that is focused solely on interactions and relationships of a business nature rather than including personal, non-business interactions.

The following are suggestions for creating a more productive, professional network:

1. Utilize a fresh pair of eyes:

When working on a project, consider finding someone from a department/discipline, etc. to take a look.   Having the objective opinion from someone outside your area of expertise may be just what’s needed in order to uncover issues that may have otherwise gone overlooked. 

If the project involves a product to be employed by a certain demographic, then it would probably be a great idea to make sure that you’ve acquired the objective opinions of individuals from that group, especially if you (the project manager) don’t adequately represent that demographic).

2.  Be open to working on projects (& working with people) outside your realm of expertise (or department):

Volunteering to assist others from other departments, sectors, etc will yield an opportunity to better understand the perspectives of others who are not within your area of expertise or department.  This will not only provide a forum for additional professional engagement outside your usual professional network, but also allow for a non-biased opinion on a particular issue within the project.

3.  Consider planning an informal gathering outside the workplace:

For example, you could invite a colleague for coffee or brunch, explaining your interest in projects they may have done in the past or are currently working on.  Since this is an informal meeting/gathering, this would also be a great time to determine any common interests outside the workplace. 

The key here is finding the balance between professional and personal matters during the interaction.  It would also probably be best to limit any informal gatherings to daytime hours.

Establishing rapport with specific objectives in mind such as learning more about the company and discussing commonalities outside the workplace will likely make it even easier to eventually work on a project with that person or to simply learn more about opportunities for growth within the company.

4.  Join a professional organization that’s reflective of your industry

This strategy is beneficial in several ways including extending your professional sphere of influence and establishing rapport with other likeminded individuals (professionally and/or personally).  Essentially, it is one of the easiest ways to network while looking for opportunities to advance your career.

In my industry of healthcare, I am a member of several professional societies including the National Medical Association, Medical Society of Georgia, and the American Board of Internal Medicine, to name a few.

5.  Try to make yourself available to assist others when asked:

Obviously, this is easier said than done and there can be a fine line between feeling needed and feeling abused.  With that said, this is still a great way to further establish rapport with colleagues in and outside your department or professional background.   It is a great way to show that you are reliable but be sure to not overextend yourself.  Do what feels comfortable and reasonable.

Your comments are always welcomed!  Did I miss anything?  Please feel free to share.

Glenn E. Fleming, MD, MPH on MarketHive: Welcome to My Page!

Physician, small business owner, budding real estate/land investor, & educator on MarketHive, a social marketing platform for entrepreneurs that has the combined power of Facebook and LinkedIn.  

I think of myself as just a regular guy who is passionate about those issues I believe affect us all. Those matters include (but are certainly not limited to): LGBT equality,  healthcare reform (which would include health information technology reform), education reform, prison/criminal justice reform, politics, government, business/investing, and more. 

MarketHive is a multi-million dollar platform which evolved from Veretekk and offers the following features:

auto-responders, virtual conference rooms, blog casting, blog sharing, campaigns/press releases, capture pages, email plugins, daily live workshops, and lead generation exclusively for entrepreneurs.

In essence,  MarketHive is all about empowering entrepreneurs through social engagement and marketing.

To learn more or to join for free, go to 

Glenn E. Fleming, MD, MPH on MarketHive

I hope to see you there!

Best Regards,

Glenn

Transgender Bathroom Laws, Trump, and A Possible Solution to the “Problem”

Trump B2Trump says HB2 has caused 'unnecessary strife'

We’ve heard so much about proposed bills that would prevent transgendered individuals from using public bathroom facilities that correspond to their “current sex.”  The most common rationale for implementing these anti-LGBT laws is the concern that an adult male will enter the women’s bathroom and attempt to sexually assault a young female.

Even Presidential Candidate Donald Trump has spoken out against North Carolina’s controversial House Bill 2 law which includes anti-LGBT protections as well as other issues regarding minimum wage requirements for private employers.

So, what we have here is a problem no matter what your opinion is: There’s the obvious anti-LGBT tone.  Many would also agree that there is a violation of civil rights.   Transgendered individuals are faced with more discrimination, fear, and uncertainty as to where they should go to relieve themselves.

Many would argue that most individuals utilize a public restroom because they really have to either defecate or urinate.  Both men and women also are likely to use a public facility if they need to wash their hands or check their appearance.

The rationale behind House Bill 2 and similar bills is the irrational fear of a grown man (dressed in women’s clothing) possibly sexually assaulting a young female (or female child). 

Rather than discuss all the reasons for these irrational, illogical, and anti-LGBT bills, let’s focus on a possible solution that would address this issue or “problem.”

Has anyone thought about gender-neutral public facilities?  Think about it.  When we walk into a public restroom of most facilities, we often see a series of bathroom stalls.  If you are in a men’s public bathroom, there are also a series of urinals.  In addition to stalls and urinals, we see a series of sinks and mirrors, soap dispensers, dryers or disposable hand towels.

 

Well, instead of having a series of bathroom stalls, urinals, sinks, etc occupying a large space such as the quintessential public restroom, why not just create a series of individual, one-person, gender-neutral restrooms that lock from the inside? 

Think about it?  We’re talking about peace of mind for all.  Obviously, we cannot always agree on the various views (religious, political, personal, etc) but there is a way that could uphold a person’s right to use a public restroom.  I’m not a plumber or an architect, but this doesn’t seem like a complicated project when considering how many public bathrooms are designed. 

Obviously, price is always a concern so this would mean focusing more on function rather than aesthetics.  Furthermore, the restroom facilities would need to be built based on current evidence-based guidelines with regard to public health and safety.

What do you think?  Is this a viable solution that many states could implement?  Any contractors/plumbers/architects, etc out there have any ideas of implementation?