Author Topic: Working on Making the site more mobile friendly (Read 33547 times)

Rennhack · « **on:** Apr 27, 2016, 09:54 »

I'm Working on Making the site more mobile friendly.

Your feedback as we travel through this process is appreciated.

Rennhack · « **Reply #1 on:** May 12, 2016, 07:24 »

We are getting closer:

It's starting to look good.

Please ... tell me what you think.

You don't have to try it out on a mobile device. That site is currently designed for desktops. Once I get it looking good on a desktop, then I will work on other form factors.

But I need feedback people.

Ksheed · « **Reply #2 on:** May 13, 2016, 09:08 »

At first glance, I like it. I am assuming that we will still be able to zoom in and out on touch screens? Some web pages don't allow for this on mobile devices and it is very frustrating.

Rennhack · « **Reply #3 on:** May 13, 2016, 04:47 »

Quote from: ksheed12 on May 13, 2016, 09:08

At first glance, I like it. I am assuming that we will still be able to zoom in and out on touch screens? Some web pages don't allow for this on mobile devices and it is very frustrating.

Yes, you will still be able to do that. Our only goal is to make it more readable.

Rennhack · « **Reply #4 on:** May 13, 2016, 10:38 »

Well.... I think I got the 'responsive' home page good enough for the desktop.

As you have seen by now, the new page is live.

It's 'better' on phones.... but I'm still having some issues with them. One of the columns won't go 100% wide.... grrr

Rennhack · « **Reply #5 on:** May 14, 2016, 11:20 »

Well, I made it live, and then I slept on it, and now, looking at it with a fresh set of eyes.... I like it.

How about the rest of you?

Rennhack · « **Reply #6 on:** May 14, 2016, 05:11 »

I finally fixed the 'special character' error that was causing apostrophes, and other such items to show as invalid characters.

I also fixed the issue I was having making it full screen on mobile phones.

Rennhack · « **Reply #7 on:** May 15, 2016, 07:20 »

Cool site to use to see how our site looks on different screens.

http://quirktools.com/screenfly/#u=http%3A//nukeworker.com

Rennhack · « **Reply #8 on:** May 15, 2016, 09:41 »

I updated the 'theme/template/wrapper' for the photo gallery and the forum to match the new home page.

Also added the ability to navigate picture in the photo gallery with cursor keys.

And made other enhancements to the photo gallery to make it more mobile friendly.

Rennhack · « **Reply #9 on:** May 16, 2016, 09:03 »

Another slight modification to the mobile version of the home page, removed the "by " and "where" parts of the jobs and forum subjects to make the lines shorter and easier to read.

Affects only mobile view.

SloGlo · « **Reply #10 on:** May 16, 2016, 03:36 »

nice touch. yew deserve a pay raise, tell yore boss aye said sew.

Nuclear NASCAR · « **Reply #11 on:** May 17, 2016, 08:19 »

Okay, I FINALLY took a look at the site on my phone. Mike, you never fail to impress me with what you do here. Nukeworker never looked better on here!

Rennhack · « **Reply #12 on:** May 17, 2016, 10:05 »

Just to be clear, the changes I'm making to the site also affect the desktop/laptop version. I want to hear about all of the changes. The silence either means I did a real good job of making the change... or ....

Marlin · « **Reply #13 on:** May 18, 2016, 06:07 »

Quote from: Rennhack on May 17, 2016, 10:05

Just to be clear, the changes I'm making to the site also affect the desktop/laptop version. I want to hear about all of the changes. The silence either means I did a real good job of making the change... or ....

I'm old and set in my ways give me more time to digest the new layout

Rennhack · « **Reply #14 on:** May 20, 2016, 02:42 »

Quote from: Marlin on May 18, 2016, 06:07

I'm old and set in my ways give me more time to digest the new layout

So, In order to make the forum usable on mobile devices, I needed to change to a design that works on mobile devices.

I realize I just moved your cheese... to another state...

Give it a week, then tell me what you think of the changes to the forum.

Ksheed · « **Reply #15 on:** May 20, 2016, 02:49 »

Quote from: Rennhack on May 20, 2016, 02:42

So, In order to make the forum usable on mobile devices, I needed to change to a design that works on mobile devices.

I realize I just moved your cheese... to another state...

Give it a week, then tell me what you think of the changes to the forum.

I feel like I'm looking at my great-grandma's phone or deck of cards in the nursing home. I have recently switched to Chrome from Internet Explorer. So I'm trying to get used to both sets of changes. Do you know of a way I can reduce the on screen size before I spend a couple hours trying to figure it out on my own?

Rennhack · « **Reply #16 on:** May 20, 2016, 03:04 »

Try holding down CTRL and scrolling your mouse wheel, that works in fire fox and internet explorer.

Ksheed · « **Reply #17 on:** May 20, 2016, 03:44 »

That only works for portions of the page. Additionally, the button configuration on the post reply page seem out of place, like some options are missing?

Rennhack · « **Reply #18 on:** May 20, 2016, 05:14 »

Thanks for the feedback, I'll look into it.

Rennhack · « **Reply #19 on:** May 21, 2016, 01:28 »

Quote from: ksheed12 on May 20, 2016, 03:44

That only works for portions of the page. Additionally, the button configuration on the post reply page seem out of place, like some options are missing?

How is the post reply page now? (It was missing the spoiler image)

I also fixed some stuff where the columns were spaced wrong in the message list.

And some other stuff. (brought back our standard icons in some more places)

I added some shadow/definition around the message box, and the poster information box. Personal, it has really improved the readability for me...

I also made some of the margins smaller.

After having it for a day or 2, I'm starting to get used to the new forum design.

OldHP · « **Reply #20 on:** May 21, 2016, 02:46 »

It looks good as usual for you! Like Marlin it will take me a while to get used to it and find all of the missing things! Since I don't use a PAD or I-phone (I still carry an old flip phone) I don't understand the reasoning. But, I get more and more e-mails that have on the bottom - sent from my I-phone, even from my sister at 84! And one of the things I didn't see just popped up when I hit preview (I found the smileys)!

GLW · « **Reply #21 on:** May 22, 2016, 12:20 »

Quote from: Rennhack on May 21, 2016, 01:28

....After having it for a day or 2, I'm starting to get used to the new forum design.

sorry man, I dislike it,...

my proficiency on the previous format is now obsolete,...

I'm just not motivated to build proficiency on this new format, not as many old friends still around, not enough newer friends who are engaged here, old antagonists no longer put out any challenges to consider and rebut, and the home sites for the clients and potential sources of work are much better today that they were 12 years ago,...

this is still the best site for user friendly study materials and career insight referencing,...

but I already know where to find those things,...

if I was new to NW.com.?!?!?!

it would not be nearly as intuitive,...

to my reckoning, it is no longer intuitive at all; more like an old school community BB, where half of the appeal is the street creds for knowing how to navigate around a byzantine architecture,...

and yet, the outage schedule is still a very cool benefit,...

the rest is just passing me by,...

Rennhack · « **Reply #22 on:** May 22, 2016, 05:19 »

Quote from: GLW on May 22, 2016, 12:20

sorry man, I dislike it,...
my proficiency on the previous format is now obsolete,...
I'm just not motivated to build proficiency on this new format, not as many old friends still around, not enough newer friends who are engaged here, old antagonists no longer put out any challenges to consider and rebut, and the home sites for the clients and potential sources of work are much better today that they were 12 years ago,...
this is still the best site for user friendly study materials and career insight referencing,...
but I already know where to find those things,...
if I was new to NW.com.?!?!?!
it would not be nearly as intuitive,...
to my reckoning, it is no longer intuitive at all; more like an old school community BB, where half of the appeal is the street creds for knowing how to navigate around a byzantine architecture,...
and yet, the outage schedule is still a very cool benefit,...
the rest is just passing me by,...

I appreciate the feedback.

I understood going into this that it would be painful for all of us. That is why I have been saying for 5+ years that I was going to have to do it, but never actually changed anything. I understand that adults hate change. And what we have had here, over the last few weeks is a fist full of change shoved in our mouth. The most recent being the new look of the message board.

Sadly, many of the things you said, are beyond my control:

Quote from: GLW on May 22, 2016, 12:20

not as many old friends still around
not enough newer friends who are engaged here
old antagonists no longer put out any challenges to consider and rebut
the home sites for the clients and potential sources of work are much better today that they were 12 years ago,...

If you have any suggestions on how we can fix any of those issues and attract more active members... I'd love to hear it.

As it is, to remain in existence, we need to adapt to the changing times. And that includes the fact that most people surf on their phones and tablets.

Rennhack · « **Reply #23 on:** May 22, 2016, 05:27 »

You can change back to the standard theme here:

https://www.nukeworker.com/forum/index.php?action=theme;sa=pick

And choose "NukeWorker 2.0"

GLW · « **Reply #24 on:** May 22, 2016, 05:35 »

Quote from: Rennhack on May 22, 2016, 05:19

...As it is, to remain in existence, we need to adapt to the changing times....

yes I know, I was content with 5849, then along came 1575, and although I have earned lots of coin with 1575, well, you know the rest,...

GLW · « **Reply #25 on:** May 22, 2016, 05:36 »

https://www.nukeworker.com/forum/index.php?action=theme;sa=pick

And choose "NukeWorker 2.0"

wow, it's like XP is all new again,....

Rennhack · « **Reply #26 on:** May 22, 2016, 05:55 »

Ok, I just made some changes. The forum now defaults to the 'old' theme again (NukeWorker2.0), unless you are using a phone, then it uses the 'new' theme "NukeWorker Responsive"

It's a win / win situation. All of us old farts don't have to deal with the change, and the 'kids' on their phones can use the site on their phones.

Ksheed · « **Reply #27 on:** May 23, 2016, 12:33 »

So you caved under the pressure of the geriatrics?

Any chance that the karma logs will return? Would be nice to know who is bumping you up or down.

Thanks for all the work you are doing to update the site. I primarily view on my laptop, but with the mobile friendly version rolled out I have been checking it on my phone more often.

GLW · « **Reply #28 on:** May 23, 2016, 01:53 »

kettle,....

Quote from: ksheed12 on May 23, 2016, 12:33

So you caved under the pressure of the geriatrics?

meet pot,...

Quote from: ksheed12 on May 23, 2016, 12:33

Any chance that the karma logs will return? Would be nice to know who is bumping you up or down.

Rennhack · « **Reply #29 on:** May 23, 2016, 02:27 »

Quote from: ksheed12 on May 23, 2016, 12:33

So you caved under the pressure of the geriatrics?

It's called knowing your audience. We are what we are.

Quote from: ksheed12 on May 23, 2016, 12:33

Any chance that the karma logs will return? Would be nice to know who is bumping you up or down.

https://www.nukeworker.com/forum/index.php?action=viewkarma

Quote from: ksheed12 on May 23, 2016, 12:33

Thanks for all the work you are doing to update the site. I primarily view on my laptop, but with the mobile friendly version rolled out I have been checking it on my phone more often.

I use my desktop the most, my laptop when away from home, and now.... NOW that its mobile friendly, I have started using my phone as well. IT was just SO painful to use it on a phone before. So... Mission accomplished (at least for the parts its been rolled out in. I still have many parts of the site to work on)

Ksheed · « **Reply #30 on:** May 23, 2016, 03:55 »

Quote from: Rennhack on May 23, 2016, 02:27

https://www.nukeworker.com/forum/index.php?action=viewkarma

I get an error screen when i use that link.

GLW · « **Reply #31 on:** May 23, 2016, 06:42 »

Quote from: ksheed12 on May 23, 2016, 03:55

I get an error screen when i use that link.

that's so sad, I get the k-log just fine when I use that link; on the laptop, the desktop, the droid and the kindle,...

must be a geriatric thing,...

Rennhack · « **Reply #32 on:** May 23, 2016, 06:59 »

Quote from: ksheed12 on May 23, 2016, 03:55

I get an error screen when i use that link.

Well, for some reason, it says that you are not a gold member, friend. Karma is for Gold Members.

Marlin · « **Reply #33 on:** May 23, 2016, 07:34 »

He has been posting in PolySci which is a Gold Member area

$:-\$

Rennhack · « **Reply #34 on:** May 23, 2016, 08:30 »

Moderators have access to the gold member message boards.

Marlin · « **Reply #35 on:** May 23, 2016, 08:55 »

Quote from: Rennhack on May 23, 2016, 08:30

Moderators have access to the gold member message boards.

Gotcha, time to pony up then, Karma log is helpful to moderators

Rennhack · « **Reply #36 on:** May 23, 2016, 09:46 »

If he needs it to do his job, he shouldn't have to pay for it. I'll get on that.

Rennhack · « **Reply #37 on:** May 23, 2016, 09:49 »

I just made him a 'Global Moderator' aka forum staff. Now he has access.

Ksheed · « **Reply #38 on:** May 24, 2016, 09:43 »

Quote from: GLW on May 23, 2016, 06:42

that's so sad, I get the k-log just fine when I use that link; on the laptop, the desktop, the droid and the kindle,...

must be a geriatric thing,...

Strike a nerve?

Quote from: Rennhack on May 23, 2016, 09:46

If he needs it to do his job, he shouldn't have to pay for it. I'll get on that.

Thanks, I went in an paid for it anyways. Not sure it was necessary to moderate the news feeds. Just had gotten used to being able to see who bumped me.

Quote from: GLW on May 23, 2016, 01:53

kettle,....

meet pot,...

Guess I have a little bit of a geriatric nature as well. It's good to know who you are and own it.

GLW · « **Reply #39 on:** May 24, 2016, 10:22 »

Quote from: ksheed12 on May 24, 2016, 09:43

Strike a nerve?

nah, too much PIN ( pommelling induced neuropathy ) over too many years for nerve strikes on an internet forum,...

Quote from: ksheed12 on May 24, 2016, 09:43

Guess I have a little bit of a geriatric nature as well. It's good to know who you are and own it.

eeeeyup,...

Rennhack · « **Reply #40 on:** May 24, 2016, 11:40 »

Now you can moderate all the boards, if you choose to.

Rennhack · « **Reply #41 on:** May 24, 2016, 07:46 »

So... I need some help with the "Nuclear News" and "More Nuclear News" sections.

Someone pointed out "Why?"... Well, the first section is the news feeds the news bot posts in the forum for archive. The second part is the old school news feed.

So... How should we handle the 2 news sections? (Names, etc)

Also, now that you have had a few weeks to adjust to the 2 sections. What do you think about them?

(P.S. At marlin's request, I brought back the board name (on desktop/laptop) for forum messages.

Rennhack · « **Reply #42 on:** May 24, 2016, 10:18 »

I just made some changes to the facility section:

https://www.nukeworker.com/maps/facility/Palisades.html

Suggestions are welcome.

GLW · « **Reply #43 on:** May 25, 2016, 07:38 »

Quote from: Rennhack on May 24, 2016, 10:18

I just made some changes to the facility section:

https://www.nukeworker.com/maps/facility/Palisades.html

Suggestions are welcome.

Marlin · « **Reply #44 on:** May 25, 2016, 09:49 »

Quote from: Rennhack on May 24, 2016, 07:46

Someone pointed out "Why?"... Well, the first section is the news feeds the news bot posts in the forum for archive. The second part is the old school news feed.

The difference is not clear to me. But AutoBot Nuke News seems like a good name for the first, it goes well with transforming the site.

Rennhack · « **Reply #45 on:** May 25, 2016, 10:33 »

Quote from: GLW on May 25, 2016, 07:38

Quote from: Marlin on May 25, 2016, 09:49

The difference is not clear to me. But AutoBot Nuke News seems like a good name for the first, it goes well with transforming the site.

The main difference is the first section is archived in firum, the second is just external links.

Rennhack · « **Reply #46 on:** May 25, 2016, 10:40 »

I'm thinking for the mobile version of the home page, to limit the items in each list. For example, 10 instead of 20 jobs, forum, news.

The logic is the phone users should be checking the site more iften.

Thougjts?

Again, it won't affect us desktop using dinosaurs.

Marlin · « **Reply #47 on:** May 25, 2016, 10:55 »

Quote from: Rennhack on May 25, 2016, 10:33

The main difference is the first section is archived in firum, the second is just external links.

Gotcha', the best solution is usually the simplest... "Nuclear News Forum" & "Nuclear News Links"

Rennhack · « **Reply #48 on:** May 25, 2016, 11:20 »

Thanks

Ksheed · « **Reply #49 on:** May 25, 2016, 11:50 »

Quote from: Marlin on May 25, 2016, 10:55

Gotcha', the best solution is usually the simplest... "Nuclear News Forum" & "Nuclear News Links"

I agree.

Quote from: Rennhack on May 25, 2016, 10:40

I'm thinking for the mobile version of the home page, to limit the items in each list. For example, 10 instead of 20 jobs, forum, news.

The logic is the phone users should be checking the site more iften.

Thougjts?

Again, it won't affect us desktop using dinosaurs.

Agree with this as well.

GLW · « **Reply #50 on:** May 25, 2016, 04:47 »

Quote from: Rennhack on May 25, 2016, 10:40

I'm thinking for the mobile version of the home page, to limit the items in each list. For example, 10 instead of 20 jobs, forum, news.

Rennhack · « **Reply #51 on:** May 26, 2016, 12:04 »

I was able to make a few more formatting type improvements to the facility info section:

https://www.nukeworker.com/maps/facility/BeaverValley1.html

Rennhack · « **Reply #52 on:** May 26, 2016, 12:53 »

Quote from: Rennhack on May 26, 2016, 12:04

I was able to make a few more formatting type improvements to the facility info section:
https://www.nukeworker.com/maps/facility/BeaverValley1.html

Ok, I made a last min change, added those big blue section titles.... I'll fix/remove that. But its too late tonight.

GLW · « **Reply #53 on:** May 26, 2016, 12:56 »

Quote from: Rennhack on May 26, 2016, 12:04

I was able to make a few more formatting type improvements to the facility info section:

https://www.nukeworker.com/maps/facility/BeaverValley1.html

Closest Wal*Mart to Beaver Valley

always a crowd favorite,...

Rennhack · « **Reply #54 on:** May 26, 2016, 08:38 »

Important information

Rennhack · « **Reply #55 on:** May 26, 2016, 04:31 »

I used to use my phone on the site very very rarely, just because it was so painful. With the recent changes, I'm addicted to checking it on my phone.

I'll call that a win.

I still have a lot of sections to fix... but we are getting there.

GLW · « **Reply #56 on:** May 26, 2016, 06:10 »

Quote from: Rennhack on May 26, 2016, 04:31

I used to use my phone on the site very very rarely, just because it was so painful. With the recent changes, I'm addicted to checking it on my phone.

I'll call that a win.

I still have a lot of sections to fix... but we are getting there.

I like the LG droid, with the built in keypad on the slideout, never have any trouble with it for NW.com (still my favorite platform), the motorola used to be awesome, but can't get that one anymore on the plan,...

so the LG will have to suffice,...

Rennhack · « **Reply #57 on:** May 26, 2016, 06:23 »

Post a screen shot of what the sit look like on your device, if you don't kind.

GLW · « **Reply #58 on:** May 26, 2016, 06:27 »

Quote from: Rennhack on May 26, 2016, 06:23

Post a screen shot of what the sit look like on your device, if you don't kind.

Quote from: Rennhack on May 26, 2016, 06:23

Post a screen shot of what the sit look like on your device, if you don't kind.

It looks just like my laptop......

GLW · « **Reply #59 on:** May 26, 2016, 06:28 »

Excerpt the screen is smaller....

Ksheed · « **Reply #60 on:** May 26, 2016, 09:06 »

Spelling seams to be worse with people using the mobile app.:-)

Rennhack · « **Reply #61 on:** May 26, 2016, 09:48 »

Quote from: ksheed12 on May 26, 2016, 09:06

Spelling seams to be worse with people using the mobile app.:-)

Yeah, the text input box shrinks down to 1 point font, and the keyboard is small....

GLW · « **Reply #62 on:** May 27, 2016, 08:55 »

Quote from: ksheed12 on May 26, 2016, 09:06

Spelling seams to be worse with people using the mobile app.:-)

sorry for the previous qwerty soliloquy,...

it is Rennack's Blog,...

dam I'm bored this morning,....

GLW · « **Reply #63 on:** May 27, 2016, 09:28 »

Quote from: GLW on May 27, 2016, 08:55

sorry for the previous qwerty soliloquy,...

qwertyliloquy?!?! oooooh, that's mine, I'm claiming it

,...

Rennhack · « **Reply #64 on:** May 28, 2016, 06:03 »

The news section should be mobile friendly now.

Rennhack · « **Reply #65 on:** May 28, 2016, 09:58 »

I tweaked the news feed's mobile settings a little today, and I am very happy with the final product.

On to the next section.

Rennhack · « **Reply #66 on:** May 29, 2016, 02:26 »

I added addresses and phone numbers to the facility info section.

Rennhack · « **Reply #67 on:** May 31, 2016, 09:45 »

I added a map icon next to the menu icon on the mobile view, which links to driving directions to each site.

Rennhack · « **Reply #68 on:** May 31, 2016, 10:16 »

I added some random pictures between the stories on the right hand side on the home page. It think it spices it up a little.

Thoughts?

Marlin · « **Reply #69 on:** May 31, 2016, 10:22 »

I like it

GLW · « **Reply #70 on:** May 31, 2016, 11:15 »

Quote from: Rennhack on May 31, 2016, 10:16

I added some random pictures between the stories on the right hand side on the home page. It think it spices it up a little.

Thoughts?

yup,.... that's good,.....

Rennhack · « **Reply #71 on:** Jun 02, 2016, 07:30 »

Same page, different views on different devices.

Rennhack · « **Reply #72 on:** Jun 03, 2016, 11:59 »

Our home psge is officially mobile friendly.

Gamecock · « **Reply #73 on:** Jun 03, 2016, 08:40 »

Did the ability to give karma points get removed from the new mobile friendly site? I cannot seem to find the karma icons otherwise.

Rennhack · « **Reply #74 on:** Jun 04, 2016, 05:30 »

Quote from: Gamecock on Jun 03, 2016, 08:40

Did the ability to give karma points get removed from the new mobile friendly site? I cannot seem to find the karma icons otherwise.

If you are in 'desktop' mode/theme, the karma buttons are there. If you are on your phone... they are not there. I was unable to easily add them to that theme, as it has drastic changes. However, I can work on adding them to the mobile view if there is interest.