New Website - Follow Up Items

matthewvita wrote on Monday, August 29, 2016:

Hi all,

The new website has shipped! There are some TODOs that need to be tackled, however. It is now also a good time for the community to provide feedback [0].

If anyone is interested, feel free to assign yourself to a task that sounds interesting on this project page: http://open-emr.org/wiki/index.php/New_Website#Context

[0] Ideally these change requests will be trivial tweaks. If they are non-trivial, note that I will ask the submitter to contribute to the implementation of said change request.

Thanks,
Matthew

wakie87 wrote on Monday, August 29, 2016:

Looks fantastic Matthew!

Scott

bradymiller wrote on Monday, August 29, 2016:

Agree that the site and logo are simply awesome.

It looks like the website styling is affecting some of the wiki table styling. For example, the following barometer now looks weird:
http://www.open-emr.org/wiki/index.php/OpenEMR_Certification_Stage_II_Meaningful_Use#Completion_Barometer
(all the items had borders and more spacing/padding before)

-brady
OpenEMR

robertdown wrote on Monday, August 29, 2016:

The new website is leaps and bounds better than our previous site.

That being said, the designer in me is going to get very picky for a moment.

The background of the body and the background on the content wrapper should be the same. The days of blocked and bordered centered content are gone, horizontal space is far more important today than it was 5 years ago.

The main graphic has no transition, should be a fade or push. The cut from graphic to graphic is too harsh. Also, I feel the backgrounds need to be more neutral and dark, my eyes are focusing on the shifting backgrounds more often than the actual content.

Slide 1 I like as a background, but I feel that slide lacks content.

The help needed slide graphic looks out of place, too cartoonish.

Also, I dislike how we are now displaying the wiki. It looks incredibly out of place, as if we just dropped the wiki inside our design without matching styles (which is what Iā€™m assuming we did). I think we should yank the slider from the wiki, thatā€™s a homepage type of element, shouldnā€™t be on each page.

I know these are very picky issues, and some of you may not think they are worth fixing, but weā€™ve come this far, and made significant strides forward, we should see it through. I can work on several of these changes and submit a PR.

wakie87 wrote on Tuesday, August 30, 2016:

Yep, Totally agree with Robert on his points. They are all small changes that will make a much better website.

With the Wiki, I feel we need to go full page to make the most of screen real estate but still keep the menu bar at the top and bottom. (yes get rid of the sliderā€¦ maybe add images to the left hand wiki nav menu?)

Would also like to see an actual button on the donate slide. I think it would be more inviting for users to either donate money/time.

matthewvita wrote on Thursday, September 01, 2016:

Scott, Robert, Brady,

You guys are awesome. Thanks for the follow-ups. I have turned your feedback into tasks: http://open-emr.org/wiki/index.php/New_Website

Everyone has at least 2 tasks to work on. Letā€™s do this!

-m

matthewvita wrote on Friday, September 02, 2016:

In review: ā€œLearn how to contribute todayā€ needs to be a link to a relevant page

-m

matthewvita wrote on Sunday, September 04, 2016:

Updates:

  • Brady had to revert his Google Analytics commit. Waiting on SourceForge to give us access to error logs to see whatā€™s going on.
  • I assigned myself to the ā€œSliders should have fading transitionā€ task.

-m

matthewvita wrote on Monday, September 05, 2016:

@Scott, @Robert: how are your tasks coming? Need anything from me?

Updates:

  • Just gave Bradyā€™s Google Analytics commit a second try on my local machine for debuging purposesā€¦ nothing wrong with it. I wonder what the PHP version the Sourceforge server has. Hope they get back to us soon.
  • I assigned myself to the ā€œImprove README documentation (mention how to pull in Mediawiki as well)ā€ task so itā€™s clear how to run the site locally.
  • I spent ~20 minutes on the ā€œSliders should have fading transitionā€ task and didnā€™t make any progress (tried CSS3 transition animations, jQuery fadeIn/Out, and jQuery UI enhanced addClass/removeClass API which includes easing). Removed the task from our list because I donā€™t want to spend anymore time on itā€¦ itā€™s a nice to have, but the current implementation looks fine. (ā•ÆĀ°ā–”Ā°ļ¼‰ā•Æļøµ ā”»ā”ā”»)

Thanks,
Matthew

robertdown wrote on Monday, September 05, 2016:

Iā€™m good at the moment, just playing catch up after a several very hectic weeks

bradymiller wrote on Monday, September 05, 2016:

Something else that should be added higher up on the to do list is working in a donation link somewhere outside of the slider (since the slider is not showing up on small screens).

thanks,
-brady
OpenEMR

juggernautsei wrote on Wednesday, September 07, 2016:

Great job on the website!!

I will throw what little bit of weight I have behind some of the task. I will try to get setup by next week and see what I can do with the tasks at hand. Iā€™ll signup for a few of them.

The site is now impressive.

matthewvita wrote on Wednesday, September 07, 2016:

Thanks Sherwin. Feel free to pick up any task that interests you. Also, I would be open to do pair programming (Google Hangouts for the win!) with you.

-m

matthewvita wrote on Saturday, September 10, 2016:

Updates:

-m

bradymiller wrote on Sunday, September 11, 2016:

Hi,

Still no word from soruceforge. Iā€™ll ping them again. If donā€™t get any help from sourceforge, then when i have a block of time late at night, plan to proceed with the super sophisticated echo ā€œhey1ā€ etc. debugging technique :slight_smile:

hereā€™s the sourceforge ticket:
https://sourceforge.net/p/forge/site-support/13391/

-brady
OpenEMR

matthewvita wrote on Tuesday, September 20, 2016:

@Sherwin, @Brady, @Robert, @Scott: I noticed that Brady placed ā€œCOMPLETEā€ next to an item rather than removing it. I figured it would be more encouraging to have a ā€œcompletedā€ task list at the bottom of the page so I added that. I also split the remaining task list into ā€œneed-to-doā€ and ā€œnice-to-haveā€. Weā€™re getting close!

http://open-emr.org/wiki/index.php/New_Website

Thanks
-m

robertdown wrote on Friday, September 23, 2016:

There is still the issue of finalizing our logo. The current color scheme was used just so we had something to ship with the new site, but I think the green/blue/purple colors pose several problems.

First, the green and purple colors give the logo a look commonly found in the 1990s. These colors are not commonly used in todayā€™s logos (as that was 20 years ago). The give the appearance of a mis-dated logo.

Second, while initially I liked the idea of 3 colors on the circle Iā€™ve come to find it very difficult to find a triad of colors that work well together and in the context of our logo.

Third, I think these particular colors are too dark for our application. I think they bring down the overall feel of the logo, something we should be lightening up.

I have found a niche hobby over the last several years in design, logos, and typography. I am by no means a professional graphic artist but I do like to think I keep an eye on how logos and styles designed and where design trends are moving.

I have attached a new color scheme (same logo). Let me provide some rationales for why I made the choices I did.

First, the color blue is a fairly neutral color used in a lot of technology-based companies. Facebook, Twitter, LinkedIn, Dell, IBM ā€“ and those are just the ones I can think of off the top of my head. Blue is a safe color and often creates a sense of trust and stability (Thereā€™s a reason why banks often have blue logos, think Chase, Citibank, SunTrust, Bank of America). The particular shade of blue I use is a bit on the lighter side, with the hopes of maintaining the trust and reliability while also allow users to feel a bit more ā€œopen.ā€

Second, the color red. Color psychology purists will say that red evokes anger, passion, lust, but when coupled with the blue I think they work nicely together. Consider how many flags in the world utilize the blue and red color combination (Iā€™m not even going to attempt to list them)

I think the red color is easily assimilated into the health arena and humanitarian aid (Think the Red Cross). I canā€™t quite pinpoint why I associate red with healthcare but I definitely do.

Third, the ā€œopenā€ text is now a dark shade of grey. I chose this as it provides a nice, neutral color to offset the 2 colors we are already using.

Overall I feel this logo is simpler and I think that is important. OpenEMR has been in the process of simplifying a lot of its user interface (with much success in my opinion), weā€™ve launched a new, modern and simple website, and even behind the scenes we have moved to a more streamlined (and simple) method of tracking issues (through GitHub). Simplicity is ā€œinā€ right now, but more importantly it allows us to focus on the content and maintain the userā€™s attention.

The point I am trying to make here is that these colors werenā€™t just thrown onto the logo because I like them. They were meticulously chosen with very specific meaning behind each decision. Below is a link to a PDF displaying the color scheme I am proposing. Iā€™ve also shown an inverted logo as it is important to have the ability to define our logo on a dark background, granted the logo is even simpler on a dark background. I have also shown a ā€œblockā€ logo, a second type of mark that we will utilize where we need a square logo.

I want to emphasize a couple of things. The logo itself is already set, we are not looking for feedback on that. The question at hand is specifically regarding the colors.

We will be finalizing the logo early next week, so if you have an opinion, please share over the weekend.

See this PDF: https://www.dropbox.com/s/o34kteld1ubvn3l/Logo%20Blue-Red.pdf?dl=0

bradymiller wrote on Friday, September 23, 2016:

Hi,

To provide more visual context, here are some snapshots of submitted website changes that are under review which incorporate Robertā€™s logo:

-brady

matthewvita wrote on Saturday, September 24, 2016:

The colors look rather harsh to me (please take this feedback with a grain of salt because I canā€™t explain why).

Iā€™m interested in what other folks think.

-m

robertdown wrote on Sunday, September 25, 2016:

Live demo of the homepage can be found at: http://robertdown.github.io/website-openemr/index.html

Itā€™s really only the frontpage, just using github pages as a place for people to see the changes