Dynamic slides generated on the fly

Version 2.3.16 of the SlideMagic presentation app went up last night (download it here for either Mac or Windows). The major new feature in this release is the dynamic generation of slides (at least, the first steps).

There are different types of template search queries entered on the SlideMagic server. People look for a specific framework (e.g., ‘BCG matrix’), a specific layout (‘3 bullet points’), but then there is a whole lot of more descriptive queries to are a better match for an image search site (‘house’ , ‘diabetes’). While I could populate the database with hand-made slides for each of these terms, it is more efficient to let technology do the work for you.

So at the moment, when the server gives up and returns a “no slides found” message, the user gets offered the option to run an image search instead with the same keywords. After picking an image, the SlideMagic app turns it into a framed slide with proper image credits that can form the basis for a new slide design. This slide is created on the fly, without the need to store templates on my server. So the number of slides that SlideMagic can produce now goes into the millions rather than hundreds.

The screen shots below give an overview of the flow as it stands at the moment:

Obviously a slide with a simple image is still pretty basic. I am looking into expanding this approach with colour matches, and more interestingly analysing images for white space, with suggested pre-population of text placeholders on the image.

All these slides can be converted to editable PowerPoint files with a simple click. At the moment, this feature is implement in the app, not yet on the web site.

Work in progress.

All the way back to 2008

Now and then I dive back into the 12 year archive of my blog and see some or the early slide layouts I made. This Google image search pops up many of them.

While many of these layouts are now still available as templates in SlideMagic, some of them, especially the early ones are a bit different:

• “Slides that stick” orange and brown

• Lots of hand written fonts

• Unusual visual analogies

• Most of them are definitely not for the layman designer…

Yes, I made have been a bit more “daring” back then (and remember, most of these designs actually were taken from actual client work), but I still think that I am on the right track with my current sober, simple, easy-to-make layouts. Less artistic, but far less time wasted by smart people that can use their energy to do more useful things that creating presentation slides.

How to make a CV slide

I am starting to work on a standard slide deck to present your CV, with me as the test subject. The first page is done. I like these type of time lines, because they communicate a lot of the basics about a person (years, employment, locations, education, etc.) in one slide, without making it too crowded. The rest of the presentation will cover more background.

They way to set the slide up is to start with a fine grid, create the major divisions based on your professional work history, then start refining. Notice how I left the consulting-style table labels (‘Employer’, ‘Role’, ‘Location’, etc.) out because it is very obvious from the chart what the rows mean, and these labels would take valuable space/destroy the balance of the layout.

In general, I think 4x3 slides look better than 16x9 ones. 16x9 is made for movies, 4x3 has a more pleasing balance for graphic design. These type of timelines are an exception though, the amount of left-to-right information makes the 16x9 format very useful. SlideMagic switches back and forth at the press of a button.

You can find the slide here in the template store, or simply search for “CV” in the desktop app.

You see how the search algorithm recommends other slides for highlighting career backgrounds and teams.

There is more work coming up on the CV slide deck, stay tuned.

New slide templates

A busy day today: i completed a 2nd submission for the PowerPoint plug in, hopefully ticking all the boxes (well, except one that is actually an issue with the Microsoft Javascript API). Let’s hope for the best.

So no long-read, deep blog post today, still I found a few minutes to upload some new slides into the database. Soon, I want to get 1,000 layouts in the database, and we are making good progress towards to that goal.

Here are today’s additions. Remember that you can bring the colour of the images back once you download them into the desktop app.

Image by 272447 from Pixabay 

COVID-19 exit strategy in slides

Uri Alon and other researchers at the Weizman Institute just south of Tel Aviv here in Israel have been working on an innovative idea for a COVID-19 exit strategy: intermittent working: let people work 4 days, and go into isolation for 10 days. Even if someone gets infected on day 1 of the work shift, the person will only become infectious during the isolation time, after which symptoms will appear. In that way, the economy can get going, while the infection rate of the virus will come down.

I think the idea is great, but I cannot see it adopted at a country level by politicians. For a specific sector (education?), or a specific company (a retailer with lots of client-facing staff), it could get adopted. Another (maybe even likely) application is to combat a likely second wave of the virus towards the winter. Rather than slamming the full brakes on the economy, go for the intermittent approach.

Communication of this idea is hard though. The researchers started with their scientific paper. Lots of graphs and analysis that shows the statistical impact of their research, including all kind of variables such as the percentage of people that actually stick to the rules. Next up is a video that explains the concept in a much more intuitive way.

I am constantly looking for new charts to the SlideMagic template database, and made a few simple charts that communicate this idea. All of this is done in the spirit of SlideMagic: very simple charts that are really quick to put together. Nothing fancy, but looking decent and doing the job of getting your message across.

Subscribers can download the slides here in .magic and .pptx format. For a limited period of time, every user of the desktop app can access the full slide library there. When adding new slides, search for “COVID-19” in the app, and they will pop up for you to use.

PowerPoint plug in update

An update on the development of the SlideMagic PowerPoint plugin. One of the main reasons my first submission to Microsoft was rejected is that the current version of the plugin does not run on PowerPoint 2013 and the Windows 7 operating system, largely because I pretty much ignored Internet Explorer as a browser option. Microsoft itself does not really support Windows 7 anymore. The other problem is that it is actually hard to debug a plugin for Office 2013, I tried actually buying a copy, but you cannot get it anymore… On top of that, it turns that you cannot run multiple versions of Office on one computer. The strange situation is now that in order to develop add-ins for the latest versions of Office, you actually need to do that on a super old machine. If there is anyone reading this who can help, please reach out.

But OK, challenge accepted. I will begin to ‘dumb down’ the server response to calls from within Office applications. I can test the rendering of the screens in Internet Explorer 11 (just installed it), and have to hope that rest works in Office 2013 without testing. Hopefully the second submission will get accepted.

The current version still works but requires some level of computers skills and courage to get it to work.

Image by Masaru Kamikura

App features in a row

I created a few new images to show the features of the SlideMagic presentation app. I am started to feel very good about where SlideMagic is going. This post is a bit like a 1980s Dutch consumer product commercial where “We, people of [product] recommend… [product]. I, the developer of SlideMagic recommend…. SlideMagic.

Search templates directly inside the app. Currently, the app gives free access to all slide templates in the SlideMagic database

Instant PowerPoint conversion

Integrated online image search

Integrated online icon search

Patented user interface keeps everything lined up

Dark/light background colour switching

Collapsable slide explanation panel when you cannot present in person

Dual monitor support

Distortion-free aspect ratio conversion

Photo by Yunming Wang on Unsplash

Integrated Pixabay image search

Pixabay offers a large database of free stock images. The site has become increasingly useful over the past years. In 2020, free images are now often better than paid stock photos, simply because the designer/photographer tries less hard to add effects and edits to the original photographs. (This is all written from the perspective of a corporate presentation designer, there are probably other people out there who value edited images).

Each free image site has its own profile. Unsplash has better aesthetics, more natural images. Pixabay has more functional images.

I have now added the ability to search Pixabay images in the desktop app. (Unsplash images, and the Noun Project icons were already present). All implementations are still beta features, as I finalise the approval for the API. (But I am confident I checked all the right boxes).

In-app image search is not just a “lazy” feature. It can greatly improve your presentation design workflow. Especially when it comes to copying, pasting, cropping and positioning images. In SlideMagic, this is just a few clicks. And, because of SldieMagic’s rigid slide grid, every image will always line up neatly with the other elements of your slide.

You can download the latest version of SlideMagic here (2.3.6). Integrated image search requires a pro subscription plan.

Better image search UI

Version 2.3.5 of SlideMagic went up this morning. The interface for searching images from within the desktop application now looks a lot better in a grid layout that takes into account portrait or landscape aspect ratios of photos.

I will further improve the in-app image search soon, with a preview ability to test the image in your slide, and combining more than one image bank provider. A lot is changing in the world of online stock images at the moment, to the extend where I often find free images to be of better quality than paid ones.

Business presentations are different from ads or consumer graphics design projects: picking the right image and getting the credits right is what matters. More to come soon.

The image search API calls are still a beta feature with limits on the amount of searches per hour and/or the image resolution, as I need to make sure my (unusual desktop) app gets the back linking and credits done in agreement with the image bank provider.

One more feature was added: tool tips for the app icons after feedback from a user. Leave your mouse stationary for a second, and the app will suggest what you can do here. Most icons and actions are obvious, but while placing them, I realised that indeed a few things were hidden and/or unclear.

You can download the latest version of SlideMagic here.

Just push harder

When repositioning images in SlideMagic, there used to be the slightly lag when dragging the mouse. I spent days and days over the past year trying to fix this, but got to a point where I gave up after reading posts of other developer who compromised on a “fudge” approach for the exact same issue (in a different software of course).

Well, no longer. As of version 2.3.1, images follow the mouse button precisely. Deep, deep, down in the world of CSS was a weird way of calculating things, that combined with how I keep track of a slide coordinates made this one particularly tricky to solve, but it is done.

Also in 2.3.1 you icons are no longer “flattened” when you copy paste them, but you can now still change their colour and appearance, just as in the original.

The new version should automatically install in the background, or you can force the upgrade by visiting the SlideMagic app download link and pick your version for either Windows or Mac OSX.

Photo by Alora Griffiths on Unsplash

V2.2.9

A new version of the SlideMagic app is now available for download with very detailed improvements to how the app responds to clicks. These are not earth shattering new features, but are incredibly important to make the app workflow even better. You can visit the download link to force a new install, otherwise, your app should update in the background.

UPDATE: Make that 2.3.0, now with direct full access to the entire slide database from within the app. (PowerPoint conversion and downloads require a pro subscriptions)

Photo by Harpal Singh on Unsplash

Startup Board update deck

You can now access entire slide decks (“stories”) from the home page of SlideMagic. A few days ago I added a slide deck template for a startup Board update. As I upload the new slide decks, individual slides will get added with the right tags to the slide database as well so they will pop up when you search for relevant layouts.

More slide decks to follow. Let me know if you have any special requests.

Testing the first SlideMagic stories

I reshuffled the code on the server, so I can now stitch entire decks (I call them “stories”) together that you can download in one go. I think these stories can complement the offering of individual slides.

• Slide templates are focussed on one particular design or image that cover a certain topic

• Story templates are all about well, the story. I expect them to contain mainly very simple slide layouts, what matters is what is written in them, and in what sequence they are put together.

I am starting with a quick make-over of the YCombinator seed deck, you can download it for free here. See the original post on YC for the background.

It is available both as a .pptx and a .magic file, but it with these simple slide layouts where the power of SlideMagic comes in: quickly adding or deleting rows without messing up your slide layout. You know which I would pick :-)

There is still work to do, you can’t get to the stories easily from the top slide menu. Also, the user interface can be confusing now when as a user you are not sure whether you are browsing slides or stories. Also, in-app story downloads are not your implemented . Work in progress.

Stories coming next

I am using the current quiet to beef up the usefulness of SlideMagic. Next up are stories, bundles of slides with a coherent story that stitches them all together: startup pitches, board updates, budget plans, CVs, strategy reviews, etc.

The slide decks are easy for me to create, I need to solve a technical and a design challenge:

• Technical: the whole SlideMagic architecture is based on individual slides, I need to start linking them together to stories.

• Design: I need to come up with an intuitive user interface to browse and select stories easily.

Work in progress.

Photo by Erik Brolin on Unsplash

Alpha testing: SlideMagic PowerPoint plugin

If you want, you can try out the SlideMagic plugin for PowerPoint. When installed, it opens a task pane on the rights side of your PowerPoint screen, you can log into SlideMagic, search for templates, which when downloaded appear in a new PowerPoint presentation. With a copy-paste or drag, you can add them to your presentation.

I am currently in the process of getting SlideMagic Ltd. approved as a Microsoft Partner to add it to the official Office app store. Microsoft is experiencing some capacity issues at the moment as the working-from-home-world is overloading its cloud servers.

To beta test the add-in in the mean time, you can do the following. This is a slightly advanced process, sorry.

• Download the slidemagic.xml file here

• On Mac follow these instructions (original on the Microsoft site). Copy the .xml file in this folder: /Users/<username>/Library/Containers/com.microsoft.Powerpoint/Data/Documents/wef (if you cannot see the Library folder in your Finder, select the ‘go’ dropdown in the Finder, then press the OPTION key and it should appear. Restart PowerPoint and a new icon “Start SlideMagic” should appear.

• On Windows, the process looks a bit more tricky: see here.

• The easiest is actually the online version of Office (instructions). Open PowerPoint in your browser, select Insert, select Add-ins, click manage my Add-ins, then upload my Add-in to upload the slidemagic.xml file.

This is all still work in progress.

PowePoint plug-in mechanism works

A follow up on yesterday’s post: the basic mechanism of the PowerPoint plug in works. I can side load the app in a task panel, let users log in, you can search for templates, to add a slide to your presentation I can only open it as a new presentation with 1 slide at the moment, you have to copy the slide across to your own file.

It is fascinating to see all the stages this slide goes through (automated mostly):

• I design the slide in the SlideMagic app

• Upload them to the template server

• The server converts them to PowerPoint and create screenshots

• The server updates the tags

• PowerPoint connects to the server and loads the side panel

• User logs in, and searches

• PowerPoint loads the PPTX file from the SlideMagic server

As soon as you download the SlideMagic slides into PowerPoint you instantly see the strength of SlideMagic when it comes to adjusting templates. Try adding a row to the SWOT diagram, it is hard.

I am not expecting to unseat PowerPoint’s install base any time soon, and the optimal situation would be where both applications can work together nicely. A robust plug in can help users who are hesitant to make the full switch to SlideMagic (and included in these users are people that work for companies that have very tough security policies to run software from new vendors on corporate machines.)

The next step is to make the plugin robust and get it distributed properly in the Office app store. Work in progress

Working on a PowerPoint plug in

I am continuing to experiment with how people access the slides of SlideMagic. Currently I am building a side panel plug in for PowerPoint, where subscribers can log in and paste slides directly into a PowerPoint presentation.

Now that I have mastered both front end and back end development, the search mechanism and user interface is easy to create. The tricky bit will be the final step, when it comes to adding a downloaded slide into an existing presentation. Microsoft does not give PowerPoint a high priority when it comes to the Office Javascript API. Let’s see how it goes.

Happy with the search engine

Over the past few days I have ironed out a lot of small issues with the template search engine. Most of them were behind the scenes, how I can classify, tag, and group slides in a world of duplicates, typos, plurals, and related keywords. I think things are really starting to work now. Now it is just a matter of continuing to add templates that are useful (i.e., not diluting search results for the sake of template volume). I am aiming for a Google-type improvement: the front page won’t change much, the usefulness of the search results will get better and better over time.

PS. That Unsplash image on the cover is really nice, I quickly added a template based on it on the template store, you can find it here.

Photo by Steven Lelham on Unsplash

Better defaults

In version 2.2.5 I cleared up the default settings in SlideMagic. The way things used to work were aimed at a professional presentation designer: the presentation settings including logo and colour were saved as default as soon as you save the presentation. I have changed that: defaults get saved in the background as soon as you make active changes to the settings yourself, loading and saving a presentation with different settings than yours does not impact your defaults.

I made a big effort to avoid the whole book keeping of colour templates and profiles. I think SlideMagic does the right thing in the background now, and given the few settings options there are, it is easy to adjust something if needed.

You can download the latest version here.

How to create a logo page in a presentation

Yes, I have been in this situation as well:

Tweet of the century. This was my life for 10 years. https://t.co/eayvuTK2MG

— Jon Thomas (@Its_JonT) March 4, 2020

Below is a short video that shows how SlideMagic makes creating logo pages in a presentation really easy. In the first example, I start from scratch with a completely blank page. Notice how logos get plopped in, and how everything lines up instantly in the grid, and how easy it is to add columns, text boxes without having to re-arrange and re-align the entire page. (I have added this slide as a free slide on the template store, you can find it here, stripped of the logos I used because I could not verify copyrights)

The alternative is to start with one of the built-in templates of SlideMagic, search for “logo” in the app and see what slides come up:

Now you can customise the page and swap the logos for the ones you need.

The exact same search available in the online template bank as well (try searching for logo), but users who are downloading the PowerPoint version directly from the web site miss out on the magic of SlideMagic when it comes to manipulating image grids.

My suggested strategy: tweak things in SlideMagic, and export at the very last moment to PowerPoint if you have to share things with your colleagues. You will save a lot of time making those nasty logo grids.