Product Management UX/UI & Interacion Blog — Frank derFrankie Neulichedl

Frank Neulichedl

Android Webview Complex Table Problems solved

Android Webviews are a great way to display content from a website. So most websites that have a companion app use webviews to show the comment. And most of the time everything will work just fine - but if you use advanced table layouts you might encounter a problems.

The culprit is .setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

Normal tables don't seem to be affected by this setting, but complex tables using scope="row" or scope="col" or both. To fix this just replace the LayoutAlgorithm to normal.

Example:  mMessageContentView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.NORMAL);

Thanks to Stackoverflow: http://stackoverflow.com/questions/14624841/webview-is-not-displaying-table-properly-in-4-0-in-android

DNG files now supported by Google+ Photos - but not results may vary A couple of weeks ago we've heard...

A couple of weeks ago we've heard that raw conversion for a couple of cameras has been updated and I wanted to see if DNG files are supported. They are, but the results may vary.

Here are the results from uploading the DNG and a straight out of camera JPEG of one picture.

If you turn off auto-enhance you might like the JPEG more - it has more color in it and it doesn't look as neutral. But after enabling auto-enhance you get to see that the DNG conversion has more structure and better details in the shadows, they JPEG looks muddy.

This different results may not be as visible on daylight photos - I have to make more tests.

I would love to see that they would apply the auto-enhance on the raw file before converting it - so updates to the engine would be reflected in your pics, but the tool is not for raw shooters.

via Public RSS-Feed of Frank Neulichedl. Created with the PIXELMECHANICS 'GPlusRSS-Webtool' at http://gplusrss.com https://plus.google.com/116114203998112257616/posts/bAiPj8UYvgu

Club Sparkasse Logo and Collateral Design

The Client

The Sudtiroler Sparkasse is a regional bank with 122 branches distributed in 11 provinces in the north of Italy. This wide presence further enables the bank to serve the needs and interests of private and business clients. It also has expanded to others countries with branches in Austria and Germany.

The Brief

Sparkasse wanted to introduce the Sparkasse Club. This club initially open only to shareholders assigns bonus points in base of the number of shares and products a member has. This bonus points can be redeem at partners or special events. The whole system has to be communicated and  a logo has to be designed for the club.

The Solution

The logo is inspired by the recently redesigned logo for the Sparkasse. It has a stronger visual while keeping the main elements - it's modern, bold and the association to Sparkasse is clear. The key visual idea is "Club Sparkasse gives you the special treatment" - You sit in the best seats with extra  perks. It plays on the saying to "seat in the first row". The key visual was used in posters, ads, the partner brochure and the website.

Client: Südtiroler Sparkasse Agency: Gasser Design Project: Logo and Collateral Design Main Duties: Naming, Logo Design, Collateral Design, Web Design, Key Visual

[skillgroup][skill amount=75 name=Naming][skill amount=100 name=Logo Design][skill amount=55 name=Collateral Design][skill amount=100 name=Web Design][skill amount=85 name=Key Visual][/skillgroup]

Youtube - my new home for video podcasts

I might be the last one to the party, but the fairly recent changes in the Youtube UI made it my home for many video podcasts. While I listen to most of my podcasts, some of them are video podcasts to start with and therefore are better suited to be watched (at least in part) than just listened to. What I like about the new Youtube interface is that is has put my subscriptions in the foreground and has elevated the Watch later Playlist (which I still use) with the "What to Watch" Page where I can see selected content from my subscriptions. The addition of "topics" you can subscribe to is also very handy to discover new channels.

Add this to the ability to watch them through a Chromecast / PS3 / XBox etc on a big screen and you get a great "platform" for enjoying video content about topics you care.

PS: As offline capabilities  are rumored for the Android App, I guess it will become even better.

Autoawesome is awesome - even if you are a good photographer

Speyer Dom A great dome and a great autoawesome - I'm still amazed about the new features and makes me really think to rework my workflow. Obviously not all of the images look perfect, but many are and especially if you are an amateur photographer you will get even better results.

I've seen that random snapshots are improved, but the photos taken with a bit more care really shine. It seems that Google is looking for rules of thirds etc. to select and improve the photos - so still keep an eye on good composition etc.

About the church. Don't get confused by some reviews on Google and elsewhere - its strength is the size - get lost in the vast space and take a bit of time to adsorb the little details. It might look simple but there are enough ornaments hidden.

How to Make Your Content Go Viral

If you asked Google a few years ago, “What makes things go viral?” you would get a simple answer: It’s luck. No one can predict what will go viral. You might as well buy a lottery ticket. And that’s a great theory — except for the fact that it’s completely wrong. http://mashable.com/2013/07/09/jonah-berger-viral-content/

How to open WEB-P Images in Photoshop

The new Google Play website has switched to Web-P Images for icons and other graphics - so you are likely to encounter this file fomrat more prominently. If you want to use it in Photoshop you need a plugin. I tried a couple of them and only one works fine with transparencies. You can download it for free on GitHub from Brendan Bolles. Get it here : https://github.com/fnordware/AdobeWebM

BTW: You don't put this plugin in the general plugin folder but in Adobe Photoshop CS6 (64 Bit)/Required/Plug-Ins/File Formats

Wordpress MultiSite on Google App Engine PHP Beta

I'm experimenting with Google App Engine PHP Beta to host Wordpress installs. As expected there are some hickups but they are trying hard to make it as easy as possible. With some great plugins etc. The next step for me is obviously to try to make a MultiSite install - and I succeeded. The main challenge is that you need a separate configuration for the local install and the remote one. Here are the steps for a succesful Wordpress Multi-Site install.

Note: This article is in flux and I will update it as soon as I find out more - so come back of follow me on Twitter @derFrankie or Google+ to get updated.

Prerequisites: Having a working wordpress install locally and on GAE following instructions https://developers.google.com/appengine/articles/wordpress

Basic setup

1. Enable Network Support

Edit wp-config.php and include

define('WP_ALLOW_MULTISITE', true);

above /* That's all, stop editing! Happy blogging. */

2. Deploy your install to GAE 3. Create a local network

  •  Login to your local Wordpress Dashboard and disable all plugins.
  •  Then go to /Tools/Network and create a Network
  •  It will tell you that you can only use folders and that you need to copy some information
  •  Create the .htaccess file and forget about the rest (I give you the tight config later on)
  •  Go to the next step

4. Create a network on GAE

* Login to your Wordpress Dashboard on Google App Engine and disable all plugins * Then go to /Tools/Network and create a Network * Choose Folders as install method * Go to the next step

5. Edit Configuration to work locally and on GAE Open your local wp-config.php and enter the following lines above /* That's all, stop editing! Happy blogging. */

Don't forget to insert YOUR_PROJECT_ID

if(isset($_SERVER['SERVER_SOFTWARE']) && strpos($_SERVER['SERVER_SOFTWARE'],'Google App Engine') !== false) { define('MULTISITE', true); define('SUBDOMAIN_INSTALL', false); define('DOMAIN_CURRENT_SITE', 'wp-dot-YOUR_PROJECT_ID.appspot.com'); define('PATH_CURRENT_SITE', '/'); define('SITE_ID_CURRENT_SITE', 1); define('BLOG_ID_CURRENT_SITE', 1); }else{ define('MULTISITE', true); define('SUBDOMAIN_INSTALL', false); define('DOMAIN_CURRENT_SITE', 'localhost'); define('PATH_CURRENT_SITE', '/'); define('SITE_ID_CURRENT_SITE', 1); define('BLOG_ID_CURRENT_SITE', 1); }

5. Deploy to GAE 

You can now login to both installs and re-enable the plugins if you like and create sites etc. But the sites won't work completely as yet-

Make Sites accessible

Now we want to add additional sites and therefore we need a couple of additional settings.

1. Add some handlers to app.yaml

You need to add these handlers above the other ones

- url: /wp-admin/network/(.+) script: wordpress/wp-admin/network/\1 secure: always

- url: /wp-admin/network/ script: wordpress/wp-admin/network/index.php secure: always - url: /([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*\.(htm.*$|html.*$|css.*$|js.*$|ico.*$|jpg.*$|png.*$|gif.*$)) static_files: wordpress/\2 upload: wordpress/([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*\.(htm.*$|html.*$|css.*$|js.*$|ico.*$|jpg.*$|png.*$|gif.*$)) application_readable: true

2. Add additional handlers for every site you add

- url: /YOURFOLDER/wp-admin/(.+) script: wordpress/wp-admin/\1 secure: always

- url: /YOURFOLDER/wp-admin/ script: wordpress/wp-admin/index.php secure: always

3. Ignore local wp-content/uploads

I use the local installation to test out the whole system  - so I have local assets uploaded that don't need to get deployed. To ignore those files add these lines at the end of app.yaml

skip_files: - wordpress/wp-content/uploads/.*

UPDATE July 9th.: Added url handlers to gain access to the admin section for sub-sites UPDATE July 10th: Fixed access to Admin Pages - works now normally

 

How to Write a Chrome App for your Website in 5 Minutes

Today I published a Chrome app and an extension for this website in the Google Chrome store. I have never written apps for Chrome before but it turns out (see video tutorial) that one can write a basic Chrome app and push it to the Chrome store in less than five minutes. http://www.labnol.org/software/create-chrome-apps-extensions/27958/

Deke’s Techniques: Correcting an underwater photograph

DT_229_000-500x368

A side effect of shooting underwater is that colors are filtered away by the water between your lens and the subject. A flash can help, but there will still be some color loss. You can bring back the full-color glory of sea life, though, by using the tools in Photoshop. http://blog.lynda.com/2013/06/04/dekes-techniques-correcting-an-underwater-photograph/

What Android Versions are visiting your Website?

As Google Analytics doesn't show you Android Browser Versions as OS Versions (at least not the older ones) you might want to use this little helpful chart.