Bugzilla – Bug 7256
Update home page, signup, and activation/download pages
Last modified: 2009-09-08 09:27:01 UTC
See attached files, approved by jim.
Created attachment 2941 [details] home page reference
Created attachment 2942 [details] partner logo graphic
Created attachment 2943 [details] updated player graphic
The new welcome text is this: SqueezeNetwork lets you get the most out of your new Squeezebox or Transporter by connecting you to internet radio stations, music services and your music in any room in your home, without a computer. SqueezeNetwork keeps track of your accounts and favorites, all in one place. Choose Get Started to create an account and sign in!
Created attachment 2944 [details] signup screen The text is: Once your account is created, we’ll help you connect your Squeezebox or Transporter to SqueezeNetwork. Providing this information will streamline the registration process. Why? When you first connect your player to SqueezeNetwork you’ll be shown a Player Identification Number (or PIN) that you can type here to add your player to your account. If you haven’t set up your player yet, don’t worry, you’ll be able to enter your PIN later, after you’ve activated your account.
Created attachment 2945 [details] Activation/download page reference
Created attachment 2946 [details] SC7 preview image for activation/download page
Sorry for all the changes, here Michael. This is what Jim and I put together quickly to get this finished.
New text for Activation/Download page: SqueezeCenter 7.0 lets you play the music stored on your computer through your Squeezebox or Transporter. With SqueezeCenter you can create playlists, view your album artwork, connect to music services and internet radio using your web browser or remote control. You can also take advantage of third-party plugins to extend the features of your Squeezebox or Transporter-based multi-room music system. When your activation e-mail arrives, click on the link in the message to complete the activation of your account. Didn’t get the e-mail? We can either resend the e-mail, or you can click Back and change the e-mail address in your registration form.
After some discussion on Campfire Matthew, Brandon and Andy think that player registration before the account has been confirmed is a problem (technically and probably "legally"). Is this a good idea?
Seems fine except: Should add email notifying existing users when a player from their account gets moved to a different account as adding an existing player to an account removes it from its current account. IMHO it's not obvious that players can only be associated with a single account and this could lead to confusion in households with many players / users.
Matthew: can you file a separate bug with your thoughts on multiple accounts for a single player and email notification? For now, let's go with the attached artwork and then improve as needed.
Created attachment 2966 [details] Minor layout issue on home page on safari
The download section needs some infrastructure to be in place if we want to avoid hardcoding links. We need meta data (version, file name, file size etc.) about the current builds. http://update.slimdevices.com/update/?version=6.5&lang=de already returns whether there's an update for a given version number. May be this could be enhanced to return an XML file with the latest information. change 2685 has the layout change, but the download link will redirect to http://www.slimdevices.com/download for now
Created attachment 2977 [details] SqueezeNetwork homepage IE7 v7.0.5730.13
Matthew: did you attach that to show the change to the forgot password link? Did you change something? The button and link are still not in the right place, per the reference diagram: https://bugs-archive.lyrion.org/attachment.cgi?id=2941
Created attachment 2985 [details] sn homepage errors in IE - main issue highlighted in red, minor in yellow (aside from button positioning) - Content area extends below background - caused partly by <h4> undefined and defaulting larger in IE for "SqueezeNetwork Partners include..." - Minor issue with left corners - I think reverting to these should fix: https://private-svn.slimdevices.com/branches/sn_beta/docroot/roundedBox?rev=1728&root=network&view=markup https://private-svn.slimdevices.com/branches/sn_beta/docroot/static/css/roundedBox.css?rev=1728&root=network&view=markup
fixed using some IE workarounds in change 2729
Dean to make a final review pass.
http://www.beta.squeezenetwork.com/user/login - Back button should be right aligned with the download squeezecenter button on the right side of the screen. This edge should also be the limit for any text on the screen. - Change "Access Your Local Music (Optional)" to "Download SqueezeCenter (Optional)" - Terms of use, version information, link to other os'es missing - Download SqueezeCenter button should be near bottom of light grey area (consider making a standard CSS inset within that area for all text, buttons, etc.)
http://www.beta.squeezenetwork.com/user/login - "What is SqueezeNetwork?", descriptive text and dark grey box should all be right aligned, inset by standard inset (20 pixels) - Text in "Get Started" button should lie on the same horizontal line as the text "Choose Get Started to create....", but be right aligned with the right edge of the same box that contains the paragraph above - Dark grey box should slide up and have 20 pixel space between bottom of "Get Started" button and top of dark grey box - This will leave approx 20 pixels between dark grey box and top of "SqueezeNetwork Partners Include:" - Change text to be "SqueezeNetwork Partners Include:" from SqueezeNetwork Partners include..." - Verify that there are two text sizes: A larger, bold one for titles ("What is SqueezeNetwork?", "SqueezeNetwork Partners Include:") and one for body text.
http://www.beta.squeezenetwork.com/user/register/ - Add extra space above "Country" and below separator line - Change "Optional Informational (Optional)" to "Personal Information (optional)". Note italic and bold handling in reference image - Text "Providing this information will streamline..." should be on same line as "Personal Information (optional)" - Text "When you first connect..." should be on same line as "Player Information (optional)". Note bold, italic handling of "Player Information (optional)" - Next button should be in lower right hand corner of the screen, inset by 20 pixels. - Cancel button should be immediately to the left of Next button - Text and horizontal rules should be right limited by 20 pixels.
http://www.beta.squeezenetwork.com/userHome - Top "Sign out" and "Favorites" lines should be right aligned and the right edge should be positioned where Favorites is now. - Change references to "Accounts & Music Services" to just "Accounts" on top bar, also in welcome panel and Accounts page - Change references to "Players and Controllers" or "My Devices" back to "Players". Update welcome panel as well as title on Players page. (Top bar changes will propagate to all pages)
http://www.beta.squeezenetwork.com/userHome Welcome panel should be arranged as below with the following text: Browse Favorites Players Accounts Use the following text: Browse Browse and tune into to SqueezeNetwork music services and internet radio on your player. Players Link Squeezebox and Transporter players to your SqueezeNetwork account to access your favorites and music services. Favorites Add radio streams, news feeds and podcasts to your personal favorites. Accounts Connect music services such as MP3tunes, Rhapsody, Pandora, Radiotime, RadioIO and Live365 with your SqueezeNetwork account. Finally, it would be great if the arrows in the orange circles could point straight on to the labels in those sections rather than between the first and second lines.
http://www.beta.squeezenetwork.com/userHome One more thing: MP3Tunes and Rhapsody body text should not contain bold text.
The 20 pixel standard border I mentioned above is probably too big. Looks like it's more like 16 pixels. This should be reasonably easy to tweak in CSS, right?
> - Terms of use, version information, link to other os'es missing That's deliberate: as we don't have the direct download links yet that button is simply forwarding to slimdevices.com. There are the terms of use etc. > (consider making a standard CSS inset within that area for all text, buttons, > etc.) I'm not sure I want to do any groundbreaking changes. We'll have to re-do the whole web-interface soon anyway, don't we? > This should be reasonably easy to tweak in CSS, right? You're laughing at me?!? Or did we decide to drop support for IE?
Created attachment 3003 [details] alternative landing page layout Attempt to "unclutter" landing page: - align elements a bit more - reduce number of player images to reduce clutter (might flip through a list of images) - give the actual content ("what is SN") more exposure
Created attachment 3004 [details] alternative landing page layout 2
(In reply to comment #29) > Created an attachment (id=3004) [edit] > alternative landing page layout 2 > I'm confused - why is this layout changing?
Created attachment 3010 [details] SN registration page error message overflow into copy
(In reply to comment #31) > Created an attachment (id=3010) [edit] > SN registration page error message overflow into copy > fixed this with r24610
Looks like we're done, will open new bugs for additional issues.
This bug has recently been fixed in the latest release of SqueezeCenter 7.0.1 Please try that version, if you still see the error, then reopen this bug. To download this version, please navigate to: http://www.slimdevices.com/su_downloads.html