“We believe that technology should be accessible to everyone — including Sady Paulson, who uses Switch Control on a Mac to share her thoughts on doing what you love.” Apple.
“We believe that technology should be accessible to everyone — including Sady Paulson, who uses Switch Control on a Mac to share her thoughts on doing what you love.” Apple.
In October 2013 frog founder Hartmut Esslinger will publish his new book Keep It Simple – The Early Design Years of Apple, an insider’s account of the origins of Apple’s iconic products and brand. “Keep It Simple” is the story of Steve Jobs’ quest in the early 1980s to bring a radically new design language to the historically desert-dry sensory experience of computer technology. This process started with the so-called “Snow White” project, a design competition won by frog. Eventually, Snow White would change the trajectory of the company’s future, and redefine the way we think about consumer electronics and technology today. We invite you to read an abridged chapter from Hartmut Esslinger’s new book.
The Snow White project briefing was thorough and well-written but I knew that the process and setup it proposed would prove inadequate to the task of meeting Steve Jobs’ goal of creating designs that were “the best in the world.” I was determined to help him achieve that goal.
It became very clear to me that we were competing for an opportunity to help Steve Jobs create much more than a visual design language. Apple needed a cutting-edge system that would enable Steve to translate his vision into marketable products, and frog was in the process of helping him build it. We were involved in a real revolution – one that would extend well beyond the changes our work would bring to Apple. The work we were doing both in our Black Forest studio in Germany and in that small office in Cupertino would go on to reshape the way design was seen throughout America and the world.
Setting Goals for Apple’s Design Language and Visual Brand DNA
In the most simple terms, a design language is a visual system made up of defining signature and shape elements, materials, colors, patterns and textures, which provides a line-up of products with a unique but consistent look and feel. A design language isn’t about a specific product or style; it’s about forming a visual brand DNA that expresses a company’s true potential, as well as the founders’ unique values and (hopefully) visionary goals.
For high-tech-industrial companies, any design language must be both special and simple, because the lifecycles of strategy, design, production, usage and recycling attached to these products are extremely long. And, because the products’ precious technology has to be enclosed in some form of housing, the design language expresses its semantics through the character of the product shapes and human/machine interface. Designers in this arena are faced with the challenge of synchronizing the lifecycles of the products with that of their design. Technology changes at a fast and furious pace, but human change is very slow. Through some very hard lessons, I’ve learned one key principle for dealing with this lack of synchronicity: technologies come and go, but brands have to live on. Put simply, culture always wins.
I saw the historic opportunity Apple offered in 1982: only three or four product lines and a dynamic startup with an ambitious, visionary founder who wanted design to carry Apple’s products to international prominence. But, I also saw Apple’s organization-wide lack of design and supply-chain savvy. Steve and I were looking to each other to fulfill our most pressing needs; together, we had to innovate a means for bringing the expression of “the invisible” to the realm of design. We wanted Apple’s design language to go beyond its products’ functional and aesthetic aspects; we also wanted it to express the new spirit of computers as “thinking machines,” by both rooting them in history and projecting them as extensions of the user’s psyche.
Moreover we wanted Apple’s design language to converge physical and virtual statements into a holistic experience, which posed challenges of incredible complexity. Steve’s passion for closed (versus open) systems was based on his understanding that such complex functionality can be humanized only by controlling all aspects of technology, including hardware, software and content.
As a result of that passion, I believe it’s accurate to say that we set a benchmark for human-driven, high-touch design for the entire digital consumer industry. I take some personal pride in the fact, that when Steve returned to Apple in 1997, Jonathan Ive—Steve’s choice for Executive Vice President of Industrial Design—picked up where we had left the company’s design language in 1985 and continued the basic “Keep it Simple” rule that Steve and I had established. The process of formulating and following that goal involved multiple phases, a lot of frustration, but—ultimately—many victories.
Phase One: Developing Options
Each design project starts with research to discover what’s out there, and to explore the possibilities of what could be out there, but isn’t. When we launched the Snow White project, my intuition told me that the possibilities for improving the design and manufacture of personal computers were almost limitless. At the time, computers offered little in the way of design capabilities, but the technology was advancing rapidly. Computer performance was growing, physical sizes were shrinking, and—thanks to “professional” pricing vs. “consumer” pricing —the industry’s profit margins were still healthy. Personal computers were in their infancy, and Apple had an edge in that arena with its use of Xerox Parc’s bit map user interface that would appeal to everybody.
At the time, most of Apple’s products were primitive in their mechanical design, and their manufacturing costs were absurd: the Apple IIe’s housing alone cost more than $100 net, and the Apple III’s cost even more. I knew we could do better in both quality and cost. By leveraging the advanced production methods of electronics in Germany or Japan, I projected that Apple could lower its housing costs by 70 to 80 percent. So we decided to use the same technically radical design approach for Apple’s products that we used for Sony’s. In fact, we could make the designs even better and more ecologically sound by avoiding metallic paint, which had become the standard for consumer electronic products.
Essentially, we had to create a new paradigm for computers as the first mass-produced, industrial form of artificial intelligence. As I explored ideas for designing the “face” of this new product paradigm, I looked at history, in particular Native American mythology, because I thought that Apple’s design should be rooted in the West Coast’s past. I discovered the geometric sand paintings of the Navajo, and then the art of the Aztecs, whose anthropomorphic reliefs often resembled astronauts. Those images inspired us to design Apple’s computers to look like little people, and to transform the display screen into a face. We were taking our first steps forward.
After talking to Steve and other executives at Apple, frog identified three concepts that we would explore for further development. One of these three would represent frog in the Snow White competition.
The breakthrough moment in the development of Concept 3 actually came to me one day when Steve Jobs called to check in on my progress. I hadn’t been making much progress on the concept and so, having no idea what to say, I scribbled some designs on paper while Steve talked. Suddenly, I thought about “lines”—lines of printed text, lines of code, always of equal length—that could be used like a grid. The lines created a geometric form, so I sketched a Mac with an integrated monitor in the shape of a “T”, with the upper bar being the front of the monitor. I completed the sketch within seconds, and when I described it to Steve, he said “great! I want to see it.” Glancing at my rough sketch, which was all I had to show for Concept 3 at the moment, I asked when he would be coming back, feeling very grateful for the distance that separated my Black Forest studio and Steve’s California offices. That feeling vanished when Steve replied: “I just checked the flight schedule here in London, and I can be in Stuttgart later this afternoon…why don’t you pick me up.” Now, I had a problem.
I made some quick technical drawings based upon a modified layout of the computer and monitor; the lines and stepped slabs actually worked really well on paper. With our model-makers hard at work on a couple of quick foam models in three variations, I set out on the hour-long drive to the Stuttgart Airport. When I returned with Steve on his first visit to the frog studio in Altensteig, our model-makers had worked a miracle: three nicely shaped and painted models were on the table, along with some rough-cut sketch models they had used to test the variations (I had left them measurements for the variations, but no drawings). Steve loved the models. Then he looked around our model shop and right away insisted that I bring the same set-up to California, near Apple headquarters.
We’d done it. Steve was excited and, with his input, we obviously had a direction worth pursuing. As a nice side effect, the stepped slots in the line-based design for Concept 3 enabled us to reduce the wall thickness of the case by nearly 40% and place well-hidden ventilation openings in any location where they were needed. Ventilation had been the focus of many of our discussions with Apple’s engineers, because the hardware would generate heat in so many places. Steve was so happy with the lines-and-slates approach, that he insisted we also apply the design to a new Macintosh (a decision later dropped due to internal opposition). While some might rightfully point out that a few hours of frantic work under stress cannot be called “strategic,” I contend that the stress of that day brought weeks of work into a clear focus, and our process remains a great example of the genesis of a creative design strategy.
I was happy that we could continue developing our best design idea. Concepts 1 and 2 had been well–founded, proven design statements, but Concept 3 was our ticket for a voyage toward a mysterious destination. It also would become the DNA for the Snow White design strategy and visual language.
Phase 2: Defining Concepts and Strategy
We shipped the first set of models to California, and after discussions with all of Apple’s teams, we agreed that Concept 3—lines, slates, no angles (except for transitions), and white (or as nearly white as possible)—was the way to go. The next phase was about getting feedback and input from Apple’s key people. Steve wanted us to look years ahead in our design process, so it was important that we hear as many ideas as possible, no matter how crazy or off-the-wall they might seem. Programmers like Andy Hertzfeld and Bill Atkinson spoke about software almost poetically, though their screens showed only lines of abstract looking code—the very lines that had supplied one of the initial inspirations for Concept 3.
I was also inspired by Bill’s prediction that the computer’s bulky, physical technology of monitors and CPU boxes would eventually give way to elegant “slates” or “pads.” Almost twenty years later Apple would introduce these innovations in form with its iPhone and iPad.
The visual DNA for Concept 3 was a good start. But, after I’d had multiple discussions about the technology and possible trends with Apple’s managers and engineers, Bill Atkinson challenged me to take my designs further. He encouraged me to focus more on projections for future developments, such as flat screens, touch interfaces and devices that merged telephones with computers. Back in Germany, frog went to work again, responding to this challenge with
conceptualizations of a wireless-mobile flip-phone, a touch pad computer—labeled Mac Slate—and a laptop computer that had a large screen the same width as a standard QUERTY keyboard and a touch interface—a design we labeled the “Mac Book”
Once again, we went to California loaded down with models, sketches and presentation materials. When Steve presented the Mac Book model to the Mac team as “the next Macintosh we will build,” a product he assured them was created just for journalists, they gasped in disbelief. But, I knew this work was extremely important. After more than a decade in electronic design, I had seen many technologies and tech companies come and go, and I was sure that Steve was moving Apple in a necessary direction—toward a design strategy that went beyond computer boxes, keyboards, mice, and monitors—that would bring the company success, not just survival. Steve loved the progress we were making although I had gone too far for some of Apple’s designers and their engineering bosses.
Phase 3: Final Design
Now we went into the final stage of the competition. We created a complete list of the product lines that would carry the Snow White design language by adding product categories such as connectors, ergonomic workstations with integrated phones, and innovations for portable computers and touch-tablets. Once again, we fine-tuned the designs and built myriads of foam models that were perfectly accurate in both scale and appearance. After shooting photos of our work, we packed up all of the materials for our final presentation to Steve and Apple’s board of directors. We put our logistics in place, also making sure that no glue, paint or filler would bubble or dissolve in the belly of a cargo airplane, and that we had an extra window of time for our materials to pass through customs. The models still arrived at Apple just two days before the Board meeting in March.
Our final presentation consisted of more than 40 hard models, a slick, professionally photographed slide presentation, and full-scale technical drawings. To showcase the presentation, we turned a room at Apple’s Mariani Building into a show room; even by today’s high standards, it was one of the best presentations I can remember. Steve was really excited and so was Apple’s Board. An hour later, we learned that we had won the competition. Although I had never doubted the outcome, it was a very exciting moment.
To make our success complete, Steve and I negotiated a sound process for implementing the Snow White design language. We agreed that frog would provide full design services under his direct report, and that Apple’s designers would be integrated into one group, reporting directly to me. We also defined design’s relationships with Apple’s engineering and marketing teams as collaborations. We knew these fundamental changes would provoke some resistance within the company, but Steve and I agreed that we had to move forward with them. I also created an economic plan for the work ahead. Steve stood by his word: Apple awarded frog an annual $2 million contract (close to $5 million in 2013 dollars) and put us in charge of all designs at the company. Even though, legally, I remained a consultant, I was named Corporate Manager of Design. Now, the real work would begin.
Steve Jobs had acquired a new look and direction for his company, but he had also advanced his understanding of his products and their effects in the marketplace. He had embraced a new way of design management and the new concept of simple, additive shapes, standing boldly in white, with no added color. For Steve, everything was black or white. That kind of direct, take no-prisoners mentality, combined with his unique ability to listen to new ideas and eventually change direction when confronted with a better way, made him an ideal partner for progress.
With our guidelines in place, we were ready to begin our work at Apple. Snow White had been kissed awake—not by a prince but by a frog.
Original Sketches, made during meetings with Steve Jobs
Original meeting notes, made during meetings with Steve Jobs
Apple FlipPhone 1984
Apple Minimal Phone 1984
Apple Wrist & Ear Phone 1985
Apple //c Studies 1983-84
MacSlate Touchscreen 1984-85
Apple’s AirDrop is a handy tool for wirelessly transferring files to other devices–but it only works for Macs and iOS. ShareDrop is an HTML5 clone of AirDrop and perhaps the easiest and quickest way to share files with others on the same local network; all you need is to visit the site and drag-and-drop files to your recipient.
There are no downloads needed, no set up required. In addition to being on the same local network, however, both devices would need an internet connection. (Unlike AirDrop’s local ad hoc network.)
As explained on ShareDrop’s GitHub page, the webapp uses WebRTC for the secure peer-to-peer file transfer, along with Firebase for presence management and WebRTC signaling.
All you have to do to directly transfer one or more files is open ShareDrop.io from each device (desktop or Android), using Chrome, Firefox, or Opera. Then, you should see all the connected devices and can drag and drop files onto their avatar in the webpage. The files aren’t ever uploaded to any server, and once the recipient accepts the file, the download starts right away.
More info about djay 2
Algoriddim djay 2 – New Feature Walkthrough
Bridging Book is a children’s mixed-media picture-book that blurs the line between printed and electronic books. It consists of a printed book and a digital device, placed side-by-side, with synchronized content. Thumbing through the book’s pages triggers the device to display the complementary digital content. The physical book requires no batteries or wires.
In the current version, the printed illustrations on each page of the physical book are extended into the device screen, offering further interaction. The content can be explored both linearly by reading and thumbing the printed book and/or exploring the interaction on the digital device.
The Bridging Book combines a physical book containing magnets with a touchscreen tablet that incorporates a built-in digital compass. The synchronization between the thumbing of the physical book and the digital content is achieved by placing magnets on the book pages that change the magnetic field strength detected by the digital compass sensor.
This work is funded by FEDER funds through the Operational Competitiveness Factors Program – COMPETE and by National Funds through the FCT – Portuguese Foundation for the Science and the Technology within the Project: PTDC/CCI-COM/119030/2010, EngageBook: touch, read and play.
Ana Lúcia Pinto, Ana Carina Figueiredo, Pedro Branco, Eduarda Coquet, Ido Iurgel, Nelson Zagalo
Unlike the iPhone, Apple’s tablet has enough screen space to enable more complex interactions. It’s therefore no surprise many within the design industry are using iPads for research, organisational tasks, finding inspiration and even creating work.
But how do you find the best apps to help you in your day to day design work out of the hundreds of thousands of free and paid-for apps in Apple’s App Store?
Well, one way is to ask other designers. So we spoke to some leading creative professionals to find out their recommendations and what iPad apps that they simply couldn’t live without.
If we’ve missed your favourite in our list of the best iPad apps, let us know in the comments!
A sculpting app, with a selection of tools that makes freeform 3D modelling possible on the go. With a selection of premade base meshes, it’s fast to get started with, while saving is a doddle and you can export to your favourite desktop software once you are done.
The GUI is simple but offers a wide assortment of tools that all work in a familiar way, including a set of texturing tools that let you project images onto your mesh.
Although it’s commercial uses are perhaps a little limited, TreeSketch is a fantastic little app, which makes creating trees a doddle. You can define everything from the droopiness of branches to the size and quantity of leaves. There are numerous species to get started with and it is incredibly fun drawing out the trunk shape with a finger-tip. The results are high quality and you can save, reload and export your fully textured trees from an object manager.
Forger and TreeSketch 2.0 were the choices of Rob Redman, a 3D artist and founder of Pariah Studios. Specialising in hard surface modelling, texturing, animation, lighting and photorealistic rendering. His previous clients included Ministry of Sound, Games Workshop, Katy Perry and The Who.
“There have been surprisingly few apps I find useful for my photography needs apart from one that is an absolute game changer” Henry begins, “Capture Pilot that runs along side Capture one pro. Basically it allows the iPad to mirror images that you are tethering form your camera to your computer.
“It helps to get the clients away from your computer; you can just set them up on the couch with a coffee and iPad and enjoy the freedom it brings. It also allows you to work remotely – you can trigger the shutter and work closely with your subject without having to be near your computer or camera.”
Capture Pilot was the choice of Henry Hargreaves, a New Zealand still life, art and fashion photographer working out of his studio in Brooklyn, NYC. He is known for fun, creative, provocative and memorable images, with his previosu clients including Ralph Lauren, Stefan Sagmeister, Boucheron, V and New York Magazine.
Diet Coda allows you to access files on your FTP/SFTP servers and edit them pretty much as you would on a desktop. For those who use Coda on the Mac this is the perfect companion for making quick fixes to your websites on the go.
Silkscreen lets you quickly view files on your iPad or iPhone. With more people designing for mobile devices, it’s good practice to check how your design actually looks on that device. This allows you to see early on in the design process what will and won’t work on the smaller screen.
Throughout your working day it’s likely that you’ll come across numerous articles to read, but not enough time to read them. This is a way to save those articles and read them at a later date. While there are similar services out there, Instapaper gives you much more control over how you categorise and share these articles.
Diet Coda, Silkscreen and Instapaper were the choices of Tom Brooks, a freelance web designer, based in Oxford. Since graduating from UWE and going freelance Tom has worked with numerous small businesses and individuals as well as various agency projects for companies such as Shire, POhWER and Yahoo.