Author Topic: Responsive / Mobile Tweaks to the User Interface  (Read 1241 times)

steveoh

  • Administrator
  • Hero Member
  • *****
  • Posts: 2286
    • Airgun FPE Calculator
Responsive / Mobile Tweaks to the User Interface
« on: May 18, 2020, 03:52:02 PM »
Folks,
I am working on improving the UI (user interface) for smaller devices. This will be an ongoing project, but as of today you should see positive changes on most pages when using your smart phones.

Got complaints or bugs? Make a screen shot and add to this thread!

Steve


  • Benicia, California
Quackenbush .58 Outlaw
Shooting Chairs
Vallejo Ferry Schedule
DAQ .458 LA Outlaw Rifle
Sam Yang 909s .45
Sam Yang Sumatra .25
RWS Diana 350Magnum Compact Pro .22
QB-79 .177
Crosman 1322
Crosman 1377 - HoRodded 10 FPE
Diana Model 27 (childhood airgun)
Tolman Skiff
Airgun Calculator

steveoh

  • Administrator
  • Hero Member
  • *****
  • Posts: 2286
    • Airgun FPE Calculator
Re: Responsive / Mobile Tweaks to the User Interface
« Reply #1 on: May 21, 2020, 11:31:57 AM »
I've made initial changes, and am now tweaking for pages we don't access often, and am tweaking for a variety of individual devices. Going to take a bit more effort.

The good news is that Google Search Console is reporting much better mobile accessibility. If Google complains about this, we get penalized in search results. So it's a not just a labor of love, but actually can be a worthwhile effort for mobile users, and for improved search results.

Google is complaining about Page Loading Issues, but on examining their complaint, it turns out that Twitter is blocking Google from indexing. Funny.
« Last Edit: May 21, 2020, 11:36:58 AM by steveoh »
  • Benicia, California
Quackenbush .58 Outlaw
Shooting Chairs
Vallejo Ferry Schedule
DAQ .458 LA Outlaw Rifle
Sam Yang 909s .45
Sam Yang Sumatra .25
RWS Diana 350Magnum Compact Pro .22
QB-79 .177
Crosman 1322
Crosman 1377 - HoRodded 10 FPE
Diana Model 27 (childhood airgun)
Tolman Skiff
Airgun Calculator

kkarmical

  • Jr. Member
  • **
  • Posts: 66
Re: Responsive / Mobile Tweaks to the User Interface
« Reply #2 on: May 22, 2020, 02:50:58 PM »
🤗
Loving the mobile
Great job!
  • Fairfield, Ca

steveoh

  • Administrator
  • Hero Member
  • *****
  • Posts: 2286
    • Airgun FPE Calculator
Re: Responsive / Mobile Tweaks to the User Interface
« Reply #3 on: May 22, 2020, 04:55:14 PM »
🤗
Loving the mobile
Great job!

Thank you sir. I spend a little time on it everyday. There are bugs which I strive to fix.
  • Benicia, California
Quackenbush .58 Outlaw
Shooting Chairs
Vallejo Ferry Schedule
DAQ .458 LA Outlaw Rifle
Sam Yang 909s .45
Sam Yang Sumatra .25
RWS Diana 350Magnum Compact Pro .22
QB-79 .177
Crosman 1322
Crosman 1377 - HoRodded 10 FPE
Diana Model 27 (childhood airgun)
Tolman Skiff
Airgun Calculator

steveoh

  • Administrator
  • Hero Member
  • *****
  • Posts: 2286
    • Airgun FPE Calculator
Re: Responsive / Mobile Tweaks to the User Interface
« Reply #4 on: May 26, 2020, 04:46:21 PM »
Still working on UI tweaks for mobile.

Something else on my mind is to improve accessibility for those who are sight impaired. One the largest changes I am chewing on is increasing contrast of text color vs background color. An accessibility tool I used makes recommendations for a more accessible site, and it's flagged the low contrast issues of guild.

The teal text against a gray background is the most offending low contrast item for the site.

Any thoughts? Desires?
  • Benicia, California
Quackenbush .58 Outlaw
Shooting Chairs
Vallejo Ferry Schedule
DAQ .458 LA Outlaw Rifle
Sam Yang 909s .45
Sam Yang Sumatra .25
RWS Diana 350Magnum Compact Pro .22
QB-79 .177
Crosman 1322
Crosman 1377 - HoRodded 10 FPE
Diana Model 27 (childhood airgun)
Tolman Skiff
Airgun Calculator

steveoh

  • Administrator
  • Hero Member
  • *****
  • Posts: 2286
    • Airgun FPE Calculator
Re: Responsive / Mobile Tweaks to the User Interface
« Reply #5 on: May 26, 2020, 04:52:21 PM »
Something like this makes the tool happier.

  • Benicia, California
Quackenbush .58 Outlaw
Shooting Chairs
Vallejo Ferry Schedule
DAQ .458 LA Outlaw Rifle
Sam Yang 909s .45
Sam Yang Sumatra .25
RWS Diana 350Magnum Compact Pro .22
QB-79 .177
Crosman 1322
Crosman 1377 - HoRodded 10 FPE
Diana Model 27 (childhood airgun)
Tolman Skiff
Airgun Calculator

Alan

  • Administrator
  • Hero Member
  • *****
  • Posts: 3175
  • Set the example... Don't be one!
    • Mobile Amateur Radio
Re: Responsive / Mobile Tweaks to the User Interface
« Reply #6 on: May 26, 2020, 04:53:41 PM »
I can nowise everything on my iPhone. What more can you do?
  • Roswell, New Mexico
Alan

I have an Omega compressor. If you're a fellow Guild member, and you pass through Roswell, NM, I'll fill your portable tank as a courtesy.

steveoh

  • Administrator
  • Hero Member
  • *****
  • Posts: 2286
    • Airgun FPE Calculator
Re: Responsive / Mobile Tweaks to the User Interface
« Reply #7 on: May 26, 2020, 11:13:02 PM »
I can nowise everything on my iPhone. What more can you do?

Nowise?

Some of the admin pages are a mess, and there are tweaks everywhere. I guess I’m picky.
  • Benicia, California
Quackenbush .58 Outlaw
Shooting Chairs
Vallejo Ferry Schedule
DAQ .458 LA Outlaw Rifle
Sam Yang 909s .45
Sam Yang Sumatra .25
RWS Diana 350Magnum Compact Pro .22
QB-79 .177
Crosman 1322
Crosman 1377 - HoRodded 10 FPE
Diana Model 27 (childhood airgun)
Tolman Skiff
Airgun Calculator

Alan

  • Administrator
  • Hero Member
  • *****
  • Posts: 3175
  • Set the example... Don't be one!
    • Mobile Amateur Radio
Re: Responsive / Mobile Tweaks to the User Interface
« Reply #8 on: May 27, 2020, 05:18:49 AM »
NOW SEE! Damnable splellchcekor!
  • Roswell, New Mexico
Alan

I have an Omega compressor. If you're a fellow Guild member, and you pass through Roswell, NM, I'll fill your portable tank as a courtesy.