FR make "Create Account" UI communicate better

[Ventrella]

FR - (feature request)
See the following proposed re-design:
http://www-jeffrey.us.archive.org/UploadFacelift/createAccount.jpg

This falls under the following uber-feature request: https://bugs.launchpad.net/archive.org/+bug/331208

* disambiguate "virtual library card"
* clarify "or" choice for OpenID
* add "what's this" for OpenID
* use verbs and delineate the 4 steps
* change layout to make it easier to read

[raj (raj-archive)]

Assigning to myself.

Fix php errors in http://www-jeffrey.archive.org/account/login.createaccount.php so we can integrate this.

[Ventrella (jeffrey-archive)]

Hey Raj, if you could keep me in the loop with the process of the design
projects that I start, that would be great.

Brewster just told me that he wants me to see my projects through to
completion. So, if you want to take over, that sounds like a great idea.
Anyway, the more I can know about what's involved in the process, the
more I can prepare my future hand-offs to be readily implemented.

Thanks!
-j

raj wrote:
> Assigning to myself.
>
> Fix php errors in http://www-
> jeffrey.archive.org/account/login.createaccount.php so we can integrate
> this.
>
> ** Changed in: archive.org
> Assignee: Ventrella (jeffrey-archive) => raj (raj-archive)
>
>

[raj (raj-archive)]

Jeffrey, can you look at the spacing issues on FF3/Ubuntu?
I'll attach a screenshot!

Thanks!

[raj (raj-archive)]

Screenshot attached.

[raj (raj-archive)]

I got the email login box and openid login box to display properly by moving the border to to the table cells and getting rid of the fixed div height:

<table cellspacing="1" cellpadding="3" border="0">
      <tbody><tr>
        <td style="border: 1px solid black;">
   <div style="width: 325px;">

    <table cellspacing="1" cellpadding="3" border="0">
     <tbody><tr>
      <td style="width: 150px;">
      <b>Email Address:</b>
      </td>
      <td>
      <input type="text" name="username" id="username" value="" size="18"/>
      </td>
     </tr>
    </tbody></table>

    <table cellspacing="1" cellpadding="3" border="0">
     <tbody><tr>
      <td style="width: 150px;">
      <b>Password:</b>
      </td>
      <td>
       <input type="password" name="password" id="password" size="18"/>
      </td>
     </tr>
    </tbody></table>
    <table cellspacing="1" cellpadding="3" border="0">
     <tbody><tr>
      <td style="width: 150px;">

      </td>
      <td style="width: 160px;">
       <font face="Arial, Helvetica, sans-serif" size="1">Forget your password?
       Click <a href="login.forgotpw.php">here</a></font>
      </td>

     </tr>
    </tbody></table>
   </div>
        </td>
        <td>
   <div style="height: 65px; width: 25px;">
    <br/>
    OR
   </div>
        </td>
        <td style="border: 1px solid black;">
   <div style="width: 190px;">
    <br/>
      <img src="/images/openid_small_logo.png"/> OpenID:
    <a href="http://en.wikipedia.org/wiki/OpenID"><font face="Arial, Helvetica, sans-serif" size="1">what's this?</font></a><br/>
    <br/>
      <input type="text" name="openid" id="openid" size="20"/>
   </div>
        </td>
      </tr>
    </tbody></table>

[raj (raj-archive)]

Sorry, I copy/pasted that out of firebug for the login page, not the create account page. They have the same issues: http://www-jeffrey.archive.org/account/login.php

[Ventrella (jeffrey-archive)]

Thanks Raj - I submitted a bug to fix these formatting issues.