|
|
This topic comprises 2 pages: 1 2
|
|
Author
|
Topic: Mobile Friendly Version of Film-Tech
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Justin Hamaker
Film God
Posts: 2253
From: Lakeport, CA USA
Registered: Jan 2004
|
posted 09-18-2016 09:59 PM
For me there are 2 main issues which are problematic with websites which are not optimized for smaller screen sizes.
1. Page elements which are hard codes to be a specific size, which is wider than most phones, and even tablets. This includes banners at the top of the page, table layouts, and form elements. Often these elements cause the page to load very small to accommodate the widest element, resulting in the need to zoom, and scrolling back and forth to view the page.
2. Navigation elements which are difficult to use on small touch screens. Especially when most links and are navigation elements are mainly text.
In my opinion, a screen size smaller than about 450 pixels should be automatically directed to a mobile page for most sites. I agree with Mike about pages which scale and then wind up being REALLY big. I try to limit the scaling on my pages to 600 pixels, and anything wider would still get the size for 600 pixels.
A well designed desktop page can use relative sizing for most elements so the page layout works well on different size screens, and avoids funky layout issues when things scrunch up - such as images overlaying text.
| IP: Logged
|
|
|
|
|
|
|
|
|
|
Bobby Henderson
"Ask me about Trajan."
Posts: 10973
From: Lawton, OK, USA
Registered: Apr 2001
|
posted 09-20-2016 03:17 PM
In theory so-called "Responsive Design" can be a very good thing for web sites. In practice, the "responsive" movement has ruined many web sites and turned "web development" into a thing where creativity and design have little if any place at all.
Today, most web sites that have any decent responsive function to them are nothing more than a canned template with different pictures and other assets pasted into it. The webby people call the templates "themes," but it's really just a fucking template. WordPress is the most popular, but there are others like Wix, Drupal, etc.
Wordpress-style themes have taken over most web sites because of two reasons: 1.: it takes way the hell too much time to hand code a properly functional responsive web site of any significant size and 2.: the "designer" practically needs a masters degree in computer science just to know what the hell he is doing with all that damned code.
quote: Randy Stankey
Somebody who knows his shit should be able to design a website that functions well on both desktop and mobile devices but doesn't look or operate any differently on either platform.
I say there's far fewer people who really "know their shit" with current web design standards than there was 10 years ago. And even if someone really knows his shit that someone has only so much time to spend hand coding page layouts.
If someone wants to build a proper responsive website there's no way in hell he's going to get the job done with just one or two layouts per page. Computer monitors come in a wide variety of sizes and resolution settings. Same goes for mobile devices, and they add vertical orientation to compound the misery and drudgery of the situation.
The common trick these days is using break points. The user's web browser will have a view port so many pixels wide. A responsive page's code will load a version of the layout closest to one of its break points so it looks optimized in that browser. The problem is choosing how many break points and versions of the page layout you're going to create, along with all the appropriately sized images, logos and other assets for each layout. You can go anywhere from 480 pixels wide for someone still using a museum piece computer or phone to something over 5000 pixels wide for some high end computer monitors. That's what the web page builder must do if he wants any control of the page composition. He could go with a more "liquid layout" with containers and objects that automatically scale to cut down on all the different layouts for just one page, but do so at the risk of it looking like an Excel spread sheet.
It's a big pain in the ass just to visually compose a bunch of different layouts for one page in a code-free web design app like Adobe Muse. It's an even bigger pain in the ass to hand code all those different break point layouts.
Break point layouts don't always work. Some mobile phones squeeze more pixels into their displays than a lot of computer monitors, making for some huge differences in pixels per inch. My Samsung Note 5 has a 2560x1440 pixel screen, but it doesn't really need to load a web layout geared for a 27" computer monitor. This is essentially why we still have "mobile version" web sites getting built. Some phone users just don't feel like pinch-zooming every web page they read.
I just wish all the desktop and mobile devices were designed for horizontal display. That would have greatly simplified the situation and cut down on the number of layout break points needed in a properly designed web site. It might have also reduced the amount of horrible vertical video afflicting the Internet and spreading to TV networks even.
| IP: Logged
|
|
|
|
|
|
All times are Central (GMT -6:00)
|
This topic comprises 2 pages: 1 2
|
Powered by Infopop Corporation
UBB.classicTM
6.3.1.2
The Film-Tech Forums are designed for various members related to the cinema industry to express their opinions, viewpoints and testimonials on various products, services and events based upon speculation, personal knowledge and factual information through use, therefore all views represented here allow no liability upon the publishers of this web site and the owners of said views assume no liability for any ill will resulting from these postings. The posts made here are for educational as well as entertainment purposes and as such anyone viewing this portion of the website must accept these views as statements of the author of that opinion
and agrees to release the authors from any and all liability.
|
Home
Printer-friendly view of this topic