I don't know to explain it any better than this...
However there are several issues with regard to organizing artboards in an InVision prototype. I am just going to list out the ones which have been most frustrating over the last several months. These are all issues I've encountered over and over — and today finally got irritated enough to create a post.
1. There's no way to see a long artboard name across the entire InVision user interface. Regardless of whether you use the "list" or "tile" view of the artboards within your prototype, the character limit is too low for any kind of organization of the boards associated with a larger app. For example an artboard named "user-preferences-account-balance-modal" is going to get cut off. The only way to make it usable is to be conscious of this and try to use concise naming.
2. InVision randomly decided what to capitalize and what to NOT capitalize in my artboard titles. If I have an artboard with all lower case text, inVision randomly decides to capitalize every word BUT the first word of my artboard name. Thanks guys, but us designers are perfectly fine with capitalizing and naming our artboards as we see fit — we would just like to see the same capitalization and case applied to our uploaded boards as we use in Sketch.
3. For no reason I can discern, sometimes a change to an EXISTING artboard results in a NEW ARTBOARD being created when I sync with InVision. This happens A LOT. Whenever it happens, there is no POSSIBLE WAY AT ALL to re-associate the "old" artboard in Invision back with it's existing artboard in Sketch. The ONLY way to fix the issue is to delete the "old" one and then re-draw all of the hotspots and anything that was previously applied to the artboard completely over again. I also lose the history associated with that artboard. This one issue infuriates me more than any other issue I encounter with regard to artboard organization with InVision and has wasted countless hours of my time.
4. The whole UI around organizing and grouping artboards in the Invision web app are horrible. Having to click in an invisible space to add a new section results in A. I can't find the spot to click when I actually WANT to add a new section — and B. I can't count the number of times I've added a new section by mistake because I clicked in the wrong space. Then, any new artboards I create end up getting dropped into this new section, sometimes even after deleting it. The drag and drop to re-organize the order of pages is extremely clunky and difficult to deal with, especially if you need to move a large number of artboards around.
5. Sometimes creating a new artboard with the same name as an existing artboard replaces the existing artboard with the contents of this new one. That would be the behavior I expect. If that were ALWAYS the behavior I see then it would resolve issue #3. However there are times when all synchronization is lost and I end up having to delete and re-upload artboards, re-create hotspots, fixed headers and footers, and other properties of these artboards and re-link them back into their respective workflows because the linkages between them are completely broken.
6. It would be good if there was some sort of GRACEFUL way of being able to change the name of an artboard either in Sketch or InVision without it resulting in absolute chaos like this. Sometimes I can change the name in InVision, and copy-paste the name change back to my artboard in Sketch. When this works, it's fine. But there are times where it REFUSES to work and the artboards become out of sync and the only way to resolve the issue is to delete and re-sync art boards which causes a lot of re-work in the app side.
I just find myself wasting an obscene amount of time dealing with out of sync artboards — especially today when I ran into a changed artboard that now wants to upload as a brand new artboard instead of replacing the one that's been sitting there with the exact same name for weeks. Not to mention losing the history behind it, which serves quite useful a lot of times when I have to explain why I made a change or went a certain direction with something while presenting to a group.
Please sign in to leave a comment.