I'm having a hard time to find the most intuitive panel navigation.
Here is what I'm working on:
To expand/collapse the panels, the user has to click the white triangle on the top right. The panel will expand and all others will collapse to a certain size. On the expanded "Meat" panel, the user can select a group ("Beef", etc..). Assume the user goes one level deeper into "Beef", by clicking on a beef image. He will come to this screen:
To let the user know that he came from "Meat" to "Beef", I put some sort of breadcrumb navigation. I gave it already to some users, and the expand/collapse action (using the white triangle) was quite clear to them.
In order to get back to the "Meat" panel, I put a link in the breadcrumb, as it is common on websites. As this is not a web application, hyperlinks are not automatically assigned to such an element and most of the users didn't find their way back. I thought about placing a back-button somewhere, but besides the triangle it looks weird, and left of the text is somehow also strange. The best would be to visualize somehow that the user can click on the text, in order to get back one level, each time he clicks on the text region.
Any ideas to solve this issue?