Skip navigation.

IceArdor's Blog

The Search for InterOperability

Posts tagged with "toolbar"

Playing the Extensions Game (with Firefox)

, , , ...

Opera has a good reason why not to adopt Extensions. That's Firefox's child, and anyone who can't live without them can use Firefox. Of course, in doing so, they'd be opening up their computer to greater security risks, adopting a more memory- and CPU-intensive browser, and give up the extreme customizability of Opera. But Opera isn't playing its game as strong as it could be.

Yes, Widgets are great and all, but they alone can't compete with Extensions. What if you want a button right in Opera's interface for downloading a video from YouTube? Yes, the Video Downloader widget will work, but either you've got to keep it open all the time, or open it up, copy-paste the url, etc. This just isn't as convenient.

Opera already has this capability built in via Bookmarklets. Opera needs to leverage all of their customization features and make them easier to use. They've done a great job so far. Remember filter.ini, search.ini, and ua.ini? With Opera 9, all of that is can be controlled graphically—without restarting (try that on, Firefox!). Opera extended ua.ini to allow site-specific preferences that is unprecedented in the browser industry. Opera's Content Blocker makes ad-hunting a little bit easier. Search.ini was also made easier with the search engine editor and Create Search from the context menu. With the addition of the brand-new opera:config page, customization got even easier.

Opera's also built a nice keyboard shortcut editor and a mouse gesture editor that goes undiscovered for many people. Maybe the development team could think about how to make these more useful, like teaching a user mouse gestures or keyboard shortcuts that are likely useful to them based on their browsing habits and what shortcuts they use already. I'm glad that recent weeklies of Kestrel include a 9.2-compatible keyboard shortcut mode as well as the new 9.5-compatible mode. Avoid breaking backwards compatibility, and give your users choices. Firefox keeps two stable branches in development (1.5.x and 2.0.x), and this is the first step Opera can take to giving its users the choice of upgrading. It'd also be nice to merge changes made to a customized keyboard shortcut setup with new versions of Opera. When Speeddial came out and Ctrl+[1..9] was added, I lacked those shortcuts because I had a customized keyboard setup. I eventually abandoned my customized keyboard setup so I could get speeddial to work properly. To this day, I still don't know what customizations I had when I upgraded to the new shortcuts.

Ever since I've been using Opera, I have been able to move any button anywhere, any toolbar anywhere. There are tons of buttons and search fields available from within Opera, as well. Compare this to Firefox, which won't let you move the address bar below the tab bar, where it rightfully belongs (even though Asa agrees that it should belong there, but Firefox is trying to create uniformity with IE7, and so is locking the address bar illogically above the tabs). Firefox allows some buttons to be moved around, but the toolbars are locked in place. For being the lightweight, customizable browser that it claims to be, I think Mozilla has some false claims they need to check on.

Anyways, back to Opera. Opera needs to improve its graphical controls for UserCSS and UserJS, just like it improved the tools for search.ini and filter.ini. Opera needs to brag about its UserJS and UserCSS, and make them JUST as powerful as widgets. Why? They compete with greasemonkey, which is an absolute necessity for many Firefox power users. Furthermore, the power of UserJS and UserCSS needs to be opened up to the common user, but this can only be accomplished once a graphical method of adding UserJS and managing installed UserJS right inside of Opera is done.

By the way, what ever happened to userjs.org??? Opera had a good thing going for itself before widgets took off, and then just abandoned one of its projects. In order to compete with extensions, Opera needs all of these extendible tools.

Opera needs to leverage these tools together:
  • Widgets
  • UserJS and UserCSS
  • Native Spellchecker (or install Aspell with Opera)
  • tools for discovering, creating, and managing Bookmarklets.
  • tools that unlock Opera's power by allowing users to create Custom Commands from within the browser. Add this to Opera's interface, maybe?
  • Content Blocker
  • opera:config
  • Customizable button and toolbar placement
  • Search engines
  • Site-specific preferences
  • Skins (for those Firefox Theme-lovers)
  • Keyboard shortcuts and mouse gestures


This is what makes Opera the versatile tool that it is. Some of these items need to have their graphical accessability and managability improved. Some need a little touch-up paint, and some are already done. And Opera already has a great thing going for it: you won't have to restart your browser for a single one of these to take effect.

With the web developer tools on their way for Peregrine, this is Opera's opportunity to improve everything in one package that really screams Opera's extensibility.

Grandma-Friendly Browsing

, , , ...

Foreword: For more info, see Writing a Grandma-Friendly Opera browser tutorial at OperaWatch.com

I slapped together a few screenshots of my Opera 8 and Opera 9 copies on my computer. (See My Opera Album) My Opera 8 copy has a large toolbar which makes the browser strongly resemble Internet Explorer or Firefox, which makes it a bit easier to transition over.

When I got Opera 9, I decided that I was using Mouse Gestures and Keyboard Shortcuts enough that I really didn't need to waste extra screen space on a particularly large toolbar setup like in IE.

However, to any senior starting to lose their eyesight or fine motor coordination, smaller buttons are going to make it near impossible. For any non-tech-savvy user, the change to a small toolbar with a different location for the navigation buttons will be difficult. They're not going to want to try to use Mouse Gestures, as they're very confusing for someone who isn't already tech-savvy and wants to know how to optimize their browsing experience. Additionally, many non-tech-savvy users just "want the computer to work" and don't want to have to relearn how to browse the web (for all those people out there who are doing good to read email, write a word document, and click a few links on web pages), so by keeping a very similar layout to IE (which is what they were probably previously browsing on), it minimizes the frustration for them. It's like having a safer version of IE without a red "O" in the corner instead of a green "e" — since the browser setup would be nearly identical (I doubt they'd want to probe around under the Tools » Preferences menu at all.

Upon reading comments on this post, I'd also remove the Fast Forward and Rewind buttons, since these are confusing and an advanced feature.

I would like to recommend to Opera to issue an easy way to switch from the Large toolbar to the Small toolbar (FF lets you do that). (Or perhaps have a "Beginners Edition", where Mouse Gestures and Keyboard shortcuts are disabled by default so that seniors don't get confused when the page changes and they are unaware that they did anything.. this Beginners Edition would feature the large, IE-like toolbar).



I think at this point, the functionality of Opera mimics the functionality of IE if you don't try to use any advanced features. A tutorial is not particularly necessary. Make sure not to cover keyboard shortcuts except Cut-Copy-Paste, Print, New Tab, and maybe a few others. Oh, that's the difference between this "Beginners Edition" copy and IE: tabs. Describe how they work and how to use them. Describe sessions so that they can save whatever they're working on, close it, and open it for later (though usually just checking email doesn't require sessions, so perhaps this isn't needed). Make sure to describe Bookmarks, since they want to be able to remember that site that you told them about. Tell them about the Google Search menu (and perhaps [g query_goes_here]). And then people with imperfect eyesight need to know about "Fit To Page" and Zoom. Sometimes pages hang, especially when on 56k, so the Reload button might be worth mentioning (and since by default, new documents and images are only checked once every 5 hours unless the Refresh button is used, they may be like "why isn't it displaying correctly!?"). Searching a page for text is useful for finding info and not spending all day doing it; this'll speed them up. They'll want to know Wand, since remembering passwords can be tough. They'll also need to know if they need to check for updates of the browser, so they don't get out of date software with security holes. Pages accidentally get closed: mention the Trash can to restore those "oops" moments.

To sum up what features I'd want in a "basic" tutorial:
  • Basic Shortcuts
  • Tabs
  • Bookmarks
  • Google Search Menu
  • Zoom / Fit To Page
  • Refresh
  • Find on Page
  • Wand
  • Check for Updates
  • Trash Can for Closed Windows


And hide all of the advanced features from them--they don't want to be confused. Let's make this an easy transition for them. Hide the sidebar Panel by default (along with the Panel toggle). Hide Forward/Rewind.

Use large buttons that more closely resemble Internet Explorer and are easier to click for Grandmas (I like small buttons, but we're talking about making a setup for Grandma here.)
Grandma-Friendly:


Not-so-Grandma-Friendly:
not so grandma friendly
Download Opera, the fastest and most secure browser
December 2009
S M T W T F S
November 2009January 2010
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31