If you’re designing a web application, the fastest way to prototype and test your ideas is to put together quick screens in Keynote or PowerPoint and show them to users. This new web UI kit update contains ready-to-use customizable vector UI components and modules that you can use to prototype your web apps in minutes. […]
This is a 20-minute timelapse video on how to use Keynote and Keynotopia to create interactive an UI animation using the native BUILDS feature in Keynote. The animation is from Storehouse iPhone app as featured on Capptivate. The original recording is over an hour long, and this time-lapse is played back at 4x speed (~18 […]
My best trick for becoming a a master-prototyper (I prototype dozens of apps every year) is that I spend a couple of hours every day browsing through the latest UI inspirations and design trends. I browse UI-patterns websites, I look at designers’ portfolios, I read design-related news, and I download top selling apps and play […]
The folks at Google have done a fantastic job with their new Material Design for Desktop and Mobile. Today, we’re launching a new update for Keynotopia templates that includes hundreds of new UI components for designing Android apps using Material Design components with Keynote and PowerPoint. This is a complimentary update (Keynotopia comes with free […]
This new Keynotopia update brings Apple’s newest iOS 8 UI templates in Keynote and PowerPoint format. It includes hundreds of new and updated GUI components for the iPhone and the iPad, in both portrait and landscape formats. This update is complimentary for all our paying customers who purchased an iOS UI kit or a UI […]
Apple’s new operating system is launching this Fall, and it is embracing a beautiful simplistic flat user interface style. We designed a new user interface toolkit for keynote and powerpoint to make it easy for you to create new apps for the Mac. This is a complimentary update if you’ve already purchased the Mac UI […]
This new update contains 439 icons from FontAwesome that can be used in your prototype and final web and mobile apps. The icons are provided as text and vector shapes in both Keynote and PowerPoint formats. The icons come as a complimentary update for Keynote Bundle, PowerPoint Bundle and Super Bundle (all three bundles include […]
Flat design has gone from being a design trend to almost being a new standard, and it’s being adopted in most apps, operating systems and websites. To support flat design, we are releasing a new update to our web templates that includes hundreds of flat UI components and icons. This update is complimentary if you’ve […]
Is it possible to create high fidelity UI mockups with Keynote on Mac AND Windows PC without having it installed on your machine? This quick post and video shows how you can design UI for your apps using Keynote on iCloud.com As you may already know, Apple shut down iWork.com (which used to be great […]
Facebook recently released their Paper iPhone app, along with Origami: a prototyping toolkit for Quartz Composer that they used to prototype that app. Origami and Quartz are great, but they can be too technical and complex for the average designer and entrepreneur to use. I took on the challenge of creating a quick prototype of […]
It’s time for a new product update. This time, we went a little crazy and hand-sketched every single user interface component for web and mobile in vector format, and made it available as a free update for our Keynote and PowerPoint templates. This bundle contains over 2,500 hand-drawn vector UI components for iPhone, iPad, Android, […]
Infographic URL permalink: https://s3.amazonaws.com/Keynotopia/Media/Most+Painful+Challenges.png Browse Keynotopia Templates Are you dealing with these challenges too? We will be launching a newsletter series to interview top designers, entrepreneurs and product managers how they solved these challenges. Subscribe below to get the best tips and tricks straight from the experts! Subscribe Here Did we miss any other challenges? […]
Would you like to design iOS 7 apps instantly? Grab these iPhone UI templates or the iPad ones, which have been created entirely in Keynote and PowerPoint, and start putting together your interface in minutes. These are all vector shapes created from scratch in Keynote (also available for PowerPoint) and can be customized and edited […]
This update includes totally new templates for OS X Mountain Lion (dozens of new UI components), Windows/Office Ribbon UI, and jQuery for desktop, mobile and tablet. As always, this update is free for anyone who’s purchased Keynotopia templates or bundles (yes, all Keynotopia templates come with free lifetime updates, and with the bundles you also […]
It’s time for a new Keynotopia update. This time, the focus is on the new Windows 8 Metro user interface, in addition to lots of updates Android 4 (Ice Cream Sandwich), iPhone, iPad, and Web. Here are some screenshots of the new Windows templates (available in Keynote and PowerPoint formats):
Image credit: Edenspiekermann_ When I read Paul Woods’ awesome blog post about how ESPI used Keynote as a design tool, I reached out to him to learn more about the details of his design process. Paul not only uses Keynote as a prototyping tool, he designs websites and products entirely in Keynote, dropping into Photoshop […]
So we’ve been doing some crazy fast prototyping in Keynote and PowerPoint. But is it possible to also do final design just as fast? Can our prototypes be used directly in the final app?
App Switching Here’s how app switching currently works Why is this model broken? it forces me to remember if the app was recently used, and if not, can I locate it quickly on a screen. Depending on my answers, I need to take a different action. I usually start searching in recent apps. […]
One of my favorite stories about prototyping comes from James Dyson’s auto-biography “Against the odds”. When Dyson became frustrated with his Hoover vacuum, he got the idea of using a cyclonic filter to replace the bag. Late night in his kitchen, he created a prototype using an old vacuum cleaner, cardboard and duct tape. The […]
Ever found yourself in this awkward situation? A friend is asking for your feedback about a prototype that he spent 4 months building, and you’re wondering whether you should tell him how horrible it is, or just smile and encourage him to go on with it. I’ve been there on several occasions, and that’s why […]
In this video, I am demonstrating a workflow that was requested by so many people over the past couple of months: how to create your own UI control if it’s missing from the libraries. The UI control I am creating here is a pie menu.
This video demonstrates Keynote features that make it ideal as a wireframing and prototyping tool.
So you’d like to share your prototypes with team members or clients, and get feedback? Here is an awesome workflow that I found, which happens to be totally FREE! Until recently, I’ve shared my prototypes as PDF files via BaseCamp, Wikis, ProtoShare and email. The challenge has been enabling someone to leave comments or questions […]
I was (nicely) harassed by so many people to create a template for prototyping BlackBerry apps, so here it is. If you bought the Keynote or Powerpoint bundles, this is a free update. The download link in your purchase confirmation will always get you the latest version of the templates. Here are some screenshots
How long does it usually take to go from idea to creating a prototype that you can test with users? A month? A week? Few days? How about 30 minutes? What if you can prototype your next idea quickly and cheaply without using any special wireframing or design tools? What if you can send your […]
