Open PDF Documents Full-Screen in Dropbox for iPad [#dropbox, #ux]

This was actually surprisingly difficult for me to figure out since there is basically no discoverability hints anywhere, and I literally found it by accident.

In the Dropbox app for iPad, if you open a Word or other Office document, there is a little button in the lower right hand corner for viewing the document in full-screen. However, if you open a PDF document, that button is not present. Hmmm…

Additionally, in the iOS 5 version of the Dropbox app, there used to be an arrow button in the navigation bar area to toggle the visibility of the navigation panel on the left. This served as an adequate almost-full-screen view of a PDF, but the (as of March 10, 2014) current version of the Dropbox app removed that functionality.

So for months I was in a bit of a predicament regarding how to view a PDF in the app – double-tap zoomed, but didn’t remove the Panel from the split view controller. But just this weekend, immedately after sending an email to Dropbox lamenting the loss of the full-screen PDF feature, I discovered accidentally how to do it. It’s not immediately obvious how to view it in full screen, but thankfully, it is possible!

Turns out the answer is…. Single Tap. [facepalm!]

Just tap once on a PDF in Dropbox for iPad and your document will be shown in full-screen, and better yet, all of the other UI elements like the navigation bar fade away and you just see the document itself. So, while it was a little more difficult for me to find, once I discovered it I like the improvement in the full-screen view. I’m not sold on single-tap as a full-screen view gesture, but at least it’s there in some fashion.

Peet’s Coffee Packaging UX

As a nice perk, the company at which I am currently employed provides complimentary Peet’s coffee. While this a very nice daily benefit, and is entirely welcome, there seems to have arisen a fundamental usability problem.

This morning I just made the observation that, as far as I can tell, every coffee station here at the office seems to have a pair of scissors — since the coffee packets are so difficult to open!

Somebody better tell Peet’s that coffee packets have users too! I’m sure if it was a financially viable option, and if they made a commercial-grade machine, companies might just switch to Keurig over it.

Free iPhone Design Templates for Keynote and PowerPoint

Free iPhone Keynote and PowerPoint templates help get you from thought to finish:

Mockapp.com has created both Keynote and PowerPoint templates of iPhone UI elements, and has made them available as free downloads. Say you had a dream in the middle of the night about the most awesome iPhone app that, to your surprise, no one has thought of yet. Instead of waking up in a deep sweat and scribbling said ideas on paper, you could dream them up on Keynote.

After mapping out your concept on Keynote, you could then pitch it to others in a Keynote presentation. The Keynote and PowerPoint templates include alerts, the iPhone keyboard, arrow icons, buttons, as well as a host of other UI elements.

Running a javascript function after UpdatePanel.Update()

Found this forum post to be very helpful and I think I may employ this more often when doing UpdatePanel related messaging-when-done…

Run a javascript function after UpdatePanel.Update() – ASP.NET Forums:

You should call the method in this way:

ScriptManager.RegisterStartupScript(this.Page, this.GetType(), “MyScriptName”, “<script type=’text/javascript’>functionToCall(‘hello world’);</script>”, false);

The problem could be the fact that you are using this instead of this.Page. Also instead language=’javascript’ you can use type=’text/javascript’.

All I know is that when I launched the script properly passing this.Page it worked properly. I had derived from Page to a custom base page, so maybe that had something to do with it.

Additionally, I refined it just a bit by building the script dynamically in a string and then passing that instead of just a literal in the static method call.

One more improvement I was considering is to embed this as a method on my aforementioned customized base page. Then i can just pass a name and the script to the method, and I won’t have to worry about the messy details every time.

Please don’t add debug messages to your customer-facing application

Debugging messages are for developers/engineers, not for humans (I can say that since I’m a developer). But I can’t believe that it’s 2009 and I still encounter things like the following example…

Every time I log into one of my online banking systems, I get a message like the following:

Online Banking Debug Message

This is just intrusive and rude behavior (as Alan Cooper might say). First of all, the message first off tells me when the last unsuccessful attempt was made to access the account… HUH??? Then it tries to be helpful and tell me when the last successful attempt was made.

It just makes no sense at all to me why this message exists at all. Why would I ever care about these particular statistics, and even if I did care about them, is it really necessary to pop up a message box every time I log in???

I vote no.

Fine. If you want to have that information accessible, provide a log of all accesses tucked away in my account settings or somewhere I can get to if I think I have a security concern. Don’t show this message to me, please. What this message boils down to is a debug-ish message in the clothing of security (I could be wrong, but that’s what it smells like to me).

Interestingly, as a side note, I happen to know that this system is from a company that is now owned by Intuit (my former stomping ground), and in the two or more years since that acquisition, this message box has surprisingly still not disappeared.

HP printer driver gets subtle usability upgrade

I just noticed when printing up a document today that my [Windows] HP printer drivers must have been upgraded recently. As a result, the Printing Preferences dialog that used to have an entry entitled “Default Printing” (or something to that effect) now reads “General Everyday Printing,” which, while a little confusing in itself, is a lot less TechnoSpeakish than using “Default…”, since non-software-development professionals don’t generally know that word.

iPhone Wireframe Templates for Sketching

In the spirit of Open Source, I have posted some iPhone Paper Prototyping and Design templates, and you can Download The .Zip File Here.

There are two layouts, and both layouts are in PDF and Viso (VSD) formats.

iPhone Design Wireframes

Feel free to download and tweak them as needed.

Have fun with them!

UPDATE: With all the recent activity following the Smashing Magazine article on Wireframing, I’ve added the PDF files on their own, so if you’re viewing this page on an iPhone or other device that doesn’t like .zip files, then you can at least view them.

Enjoy!

ASP.NET Forum Tags: Semicolons as Separators?

Ummm… OK I know Microsoft is trying to give the illusion of being user friendly and all, but when the delimiter for tags that categorize a post on the ASP.NET developer forums, they chose semicolons.

Is it just me or is that a ludicrous choice? Why not a space (my preference – a la delicious) or a comma?

In addition, there is no example visible to show you what the legal delimiter is! You have to miraculously divine what it wants, or let it show you what it wants, as I chose to do.

To find out what the delimiter is, I had to do the following:

  1. Open the “Select Tags…” dialog.
  2. Select two (short) tags. (I notice lots of other folks thought that a space would be a logical delimiter too…!)
  3. Close the dialog.
  4. Oops. Closing the dialog didn’t populate the text box with my selections. Awesome.
  5. Trying again… Open the “Select Tags…” dialog.
  6. Select two (short) tags, this time at the end of the list where I notice OK and Cancel buttons (yes – you heard that right. The buttons are embedded in the list itself… and at the bottom of the list, no less! They’re not on the dialog “window.”)
  7. Click OK.
  8. Observe that text box has the new selections delimited by semicolons.

The auto-populating text box is another usability nightmare deserving of its own article, but I’ll let someone else write that one up. ;)

User-Friendly Nissan – Now with Wi-Fi!

I have always dreaded going to my local Nissan dealer (Northbay Nissan, Petaluma, CA) for service in the morning before work, since it was like being in an information vacuum since they did not have wireless for their customers (isn’t this 2009????).

However that has now changed. I went in this morning and lo and behold… the “Would you like to connect to ‘Nissan Customer’” message appears when I opened up my laptop (expecting dead air)!

So this is great news, and they have yet again proved their superiority in my opinion – from the usability in their cars to the usability now in their lobby!