[Date Prev][Date Next] [Thread Prev][Thread Next] [Date Index] [Thread Index]

Bug#654205: Please optimize the site for handheld devices

Package: www.debian.org
Severity: wishlist
User: www.debian.org@packages.debian.org
Usertags: design

----- Forwarded message from Martin Zobel-Helas <zobel@ftbfs.de> -----

Date: Fri, 18 Nov 2011 18:21:04 +0100
From: Martin Zobel-Helas <zobel@ftbfs.de>
To: debian-www@lists.debian.org
Subject: www.debian.org website optimization for handheld devices


i played around a bit with our main page today, to have it better
viewable on handheld devices like cell phones.

The change i did was quite trivial:

--- index.html.1        2011-11-17 15:41:29.000000000 +0000
+++ index.html  2011-11-18 16:00:48.000000000 +0000
@@ -7,6 +7,9 @@
   <meta name="Description" content="Debian GNU/Linux is a free
distribution of the GNU/Linux operating system. It is maintained and
updated through the work of many users who volunteer their time and
   <meta name="Generator" content="WML 2.0.11 (19-Aug-2006)">
   <meta name="Modified" content="2011-11-17 15:41:19">
+  <meta name="viewport" content="initial-scale=1.0;maximum-scale=1.0; minimum-scale=1.0; user-scalable=0; width=device-width">
+  <meta name="mobileoptimized" content="300">
+  <meta name="HandheldFriendly" content="true">
 <link rel="alternate" type="application/rss+xml"
  title="Debian News" href="News/news">
 <link rel="alternate" type="application/rss+xml"

You can view the results:

before the change on a HTC Desire

after the change on a HTC Desire:

before the change on a Nexus:

after the change on a Nexus:

If you want to try, my slightly modivied version is available on 

 Martin Zobel-Helas <zobel@debian.org>  | Debian System Administrator
 Debian & GNU/Linux Developer           |           Debian Listmaster
 GPG key http://go.debian.net/B11B627B  | 
 GPG Fingerprint:  6B18 5642 8E41 EC89 3D5D  BDBB 53B1 AC6D B11B 627B 

----- End forwarded message -----

This are my thoughts about it (quoted from a mail sent to debian-www):

As MJ Ray pointed out, also on my Samsung Galaxy search box and download
box overlap the logos but apart from that the page looks a big
IMHO we could create a mobile.css in which remove the left and right
margins from the content (which on a smartphone sounds like a waste of
I also think that for the mobile version of the homepage we'd need to
remove some of the current content: as the space is less (and the screen
is smaller) we need to list only the essential parts of the page.
For example, I'd cut off the spacefun banner.
But we need to identify the essential parts (what the user is searching
on our website while browsing it with a smartphone?).

What do you think about it?

"People assume that time is a strict progression of cause to effect,
but actually from a non-linear, non-subjective viewpoint is more 
like a big ball of wibbly wobbly, timey wimey... stuff."
							The Doctor

Attachment: signature.asc
Description: Digital signature

Reply to: