Author Topic: Design of PSR Tutorial Forum and Homepage  (Read 875 times)

0 Members and 1 Guest are viewing this topic.

Offline Jørgen

Design of PSR Tutorial Forum and Homepage
« on: October 30, 2017, 02:22:56 AM »
Hi

Although I'm very fond of this forum and the homepage, there's something that annoys me: The design is not optimized for all device types: computers, notebooks, tablets and smartphones.

Personally, I use my smartphone more and more to browse the web. But too small fonts; too big pictures; too close links etc. on unoptimized web pages annoys me!

The answer is "Adaptive or Responsive Web Design". A coding where the look of the same page is based on the size of the device display. Short: One code version gives a lot of looks! And no need for endless zooming; and for hitting wrong links!

Examples of Responsive Web Design are another forum at https://yamaha-keyboard-community.com/index.php and pj's blog at http://sandsoftwaresound.net/

An example of Adaptive Web Design is my site. Check the link in the footer of this message!

Regards
Jørgen
The Unofficial YAMAHA Keyboard Resource Site at http://www.jososoft.dk/yamaha
- since 1999
 
The following users thanked this post: Jeff Hollande

Offline Bertie59

Re: Design of PSR Tutorial Forum and Homepage
« Reply #1 on: October 30, 2017, 06:15:58 AM »
Hi Jorgen,
I'm sorry but I disagree with your comments - I too use my mobile most of the time for web browsing- including viewing and posting on this forum.
I don't have any issues with this forums design - in fact, I find it easier to navigate than your website .
I do have Samsung Galaxy S6 mobile which has nice large clear screen - much better than my sons iPhone 6 for navigating the web I have to say - maybe this is what makes the difference.

Regards
Sue  :)
 

Offline Jørgen

Re: Design of PSR Tutorial Forum and Homepage
« Reply #2 on: October 30, 2017, 07:06:10 AM »
Hi Sue

You must have extraorinary good eyes if you find that the attached example pages are easy to read at a 5" screen...  ;)
And extraordinary small fingers not hitting the wrong link half the times...  ;)

Regards
Jørgen

Edit:
Try to test the pages at https://search.google.com/test/mobile-friendly   :-[  :-[  :-[
and afterwards try to test
http://www.jososoft.dk/yamaha/index.htm  ;D ;D ;D
« Last Edit: October 30, 2017, 07:12:23 AM by Jørgen »
The Unofficial YAMAHA Keyboard Resource Site at http://www.jososoft.dk/yamaha
- since 1999
 

Offline Bertie59

Re: Design of PSR Tutorial Forum and Homepage
« Reply #3 on: October 30, 2017, 09:02:36 AM »
Hi Jorgen,
I have no problem with them at all - I can just zoom in on my phone using thumb and index finger making the text etc as large (and clear !) as I want !

Regards
Sue  :)


Regards
Sue  :)
 

Offline Jørgen

Re: Design of PSR Tutorial Forum and Homepage
« Reply #4 on: October 30, 2017, 09:18:58 AM »
Hi Sue

Yes, and that is exactly the point...

You have to zoom in and scroll sideways to read the text... and to hit the right one of the very close placed links... this is IMHO - and Google's - not user friendly...  ;)

I think I have explained my opinion by now. And it was just supposed to be an invitation to make this web site an even better place to visit ...  ;)

Jørgen

The Unofficial YAMAHA Keyboard Resource Site at http://www.jososoft.dk/yamaha
- since 1999
 

Offline Bertie59

Re: Design of PSR Tutorial Forum and Homepage
« Reply #5 on: October 30, 2017, 10:38:27 AM »
Hi Jorgen ,
I must just add that actually my eyesight isn't that fantastic and if I'm browsing on your website on my phone I zoom in too !
I agree your text is a lot bigger to start with and so for many I guess there will not be a need to zoom - unless they have a small screened mobile of course !
I dont need to zoom on either on my ipad or laptop however !
Regards 
Sue  :)
 

Offline Jørgen

Re: Design of PSR Tutorial Forum and Homepage
« Reply #6 on: October 30, 2017, 01:15:56 PM »
Hi Sue

The text size is the SAME at all devices at my site. That is one of the key ideas in the design method.

All text and images etc. are placed in blocks which are 300 pixels wide.

The blocks are rearragend depending of the screen size. If e.g. 3 blocks totally are wider than the avaliable screen width, they will be shown below each other...

Try to view a page at my site at a computer. Then make the browser window smaller and smaller. And look what happens...  ;) ;)

Jørgen
   
PS: Notice the original screen widths below the attached images...
« Last Edit: October 30, 2017, 01:17:36 PM by Jørgen »
The Unofficial YAMAHA Keyboard Resource Site at http://www.jososoft.dk/yamaha
- since 1999
 

Offline techlectics

Re: Design of PSR Tutorial Forum and Homepage
« Reply #7 on: October 30, 2017, 01:41:06 PM »
I agree that an Adaptive or Responsive design would be a better experience on mobile devices. You should not have to constantly scroll left to right or zoom. I don't know anything about canned forum software but I must assume that there is some off-the-shelf, mobile friendly software available. The other consideration is if the members want a change and if administrators of this forum have the resources to do this.
Regards,
Bob W. (Techlectics)
 

Offline Jørgen

Re: Design of PSR Tutorial Forum and Homepage
« Reply #8 on: October 30, 2017, 11:09:09 PM »
Hi Bob

There are solutions for the forum, just Google:    simple machines forum responsive web design

I guess the traditional user of my site using a laptop will not even recognize that the page he is viewing besides being designed for his laptop will do nicely at a smartphone too. He dont care about the change as he gets what he has alwaws got.

But the 20 % of the visitors at my site coming from a tablet or a smartphone do care about the change. I know for sure.... And the rate of these visitors is increasing. Next year 25%... In 2019 even 30 %...

In the 90's and the 00's we could by happy by designing for a 800 - 1200 pixel width screen; but nowadays more and more people use a 300 - 400 pixel width screen smart phone... Come on, we live in 2017... soon 2108...  ;)  ;)

Jørgen
« Last Edit: October 30, 2017, 11:10:22 PM by Jørgen »
The Unofficial YAMAHA Keyboard Resource Site at http://www.jososoft.dk/yamaha
- since 1999
 

Offline Joe W

Re: Design of PSR Tutorial Forum and Homepage
« Reply #9 on: October 31, 2017, 06:31:18 PM »
Jorgen,

As you may know, this forum runs under the software provided by Simple Machines. Other than setting some parameters, I can not and make no effort to alter the programming behind the forum features.  The main web site is a different story.  For that, I do control the entire interface.

If Simple Machines has a new version implementing response web design, I was unaware of that.  When I get a chance, I'll take a look and see what is there and whether we can use it.

By the way, by the time I got here to respond, I saw that Matt's post was gone so I went ahead and removed your response to that post as well as Fred's. Without Matt's post, the responses did not make much sense.
-- Joe Waters
Tyros5
PSR Performer Page
 

Offline Jørgen

Re: Design of PSR Tutorial Forum and Homepage
« Reply #10 on: October 31, 2017, 10:28:39 PM »
Joe

Yes, I am aware of the forum running under the software provided by Simple Machines. And I know that this gives some/many limitations about the design. I do not know whether there actually are other designs to apply. But from my brief Google search, I noticed that the subject is discussed.

But I do know that a change will always give some/much work to do. My entire domain has 330 pages; and the redesign of my site two years ago was not done overnight! But it gave me the opportunity to get a better site structure for ease of maintenance.

Anyway, my idea was to make it a better experience to visit the forum from smartphones and tablets; not to give you more work to do! But as more and more people use smaller screens I think it does make sense to discuss this subject!

Yes, it makes sense, that you have removed my answers to Matt's postings, as he appearantly has removed these overnight European time.

Best wishes
Jørgen
« Last Edit: October 31, 2017, 10:30:13 PM by Jørgen »
The Unofficial YAMAHA Keyboard Resource Site at http://www.jososoft.dk/yamaha
- since 1999