http://ow.ly/rwkiK
ow.ly
]]>
Another chance to catch the most interesting, and important, articles from the previous week on MIT Technology Review.
]]>W3C announced a Workshop on Web Payments: How do you want to pay?, 24-25 March 2014, in Paris (France). The event is hosted by the W3C France Office.
This workshop seeks to make it easier to monetize open Web applications, as an effective alternative to proprietary native app ecosystems. In essence, we would like to improve the end user experience and give users greater freedom in how they pay, to reduce the burden on developers and merchants, and to create a level playing field for competing payment solutions providers large and small. We are expecting broad participation from financial institutions, governments, mobile network operators, payment solution providers, technology companies, retailers, content creators, and non-governmental organizations. The workshop will seek to establish a broad roadmap for work on open standards for Web payments, along with proposals for initial small steps along the road. We thank Telefónica and Worldline for agreeing to co-chair the Workshop. W3C membership is not required to participate. The event is open to all. All participants are required to submit a position paper by 8 February 2014.
]]>
 |
Influenced by his father, an architect, Benjamin Dauer had an early fascination with design, which came first from watching his father draw by hand and then connecting these drawings to physical space. When his father began using digital programs like AutoCAD, Benjamin became equally inspired, seeing it as a way for static design to achieve dimension.
Unlike many designers, Benjamin never formally trained at a design school. Instead, he learned his skills through observation, self-directed study and work experience. He currently is senior product designer at National Public Radio (NPR). Prior to that, he was lead product designer at SoundCloud, a position that took him and his wife to Berlin, where he helped to shape the audio service across multiple platforms. Away from his desk, he is an experimental musician and composer.
I met Benjamin in a Berlin bookstore and cafe called Shakespeare & Sons, during his transition from SoundCloud to NPR. He used to come here often to read, drink coffee and eat fresh bagels. Shakespeare & Sons is located in Prenzlauer Berg near Helmholtzplatz Park. The area is known for its young families. During our conversation, we paused many times for the adorable toddlers passing by. Benjamin spoke about his passion for music and how he enjoyed being involved in the design and music communities, sharing his creative skills for good causes. He was named a “SoundCloud Hero” for raising awareness of white nose syndrome and colony collapse disorder, two diseases that affect bat and bee populations in the US.
Benjamin’s neighborhood, Prenzlauer Berg. (Image source: Benjamin Dauer)
Q: What had made you decide to move to Berlin and join SoundCloud?
When I discovered SoundCloud nearly six years ago, it became the perfect platform to share my music with many communities. Over time, I became actively involved in projects such as the Disquiet Junto. After a while, and after being named a SoundCloud Hero, I was approached by them about a design role here in Berlin. I decided that working at SoundCloud would be the perfect marriage of design and music, and it involved living abroad, so I took the job.
And, of course, Berlin is such an exciting, youthful city. Moving here with my wife has definitely been a new adventure for us. Who knows what the future will bring. But for now, Berlin is our home. It was not easy for us to settle for the first few months. For instance, Germany has a very complicated rental process. But overall, we are having a great time here.
Q: How do the design teams work at SoundCloud and NPR?
The team at SoundCloud is a fairly small design team, but it is continually expanding. At the moment, about eight people are on the design team working here at the Berlin headquarters. The team consists of Web and mobile designers, prototypers, and researchers. We also closely collaborate with project managers, as well as with the engineering, insights, search, and brand communications teams.
SoundCloud’s current office. (Image: Wechsellook)
I think that a design team should be compact and focused on specific projects and goals. Bigger teams can inhibit quick decision-making. I promote the agile methodology in my design process. We have daily stand-up meetings for better communication between colleagues. This transparency is also key to working collaboratively across teams. Every small change we make will impact tens of millions of users.
The team at NPR is very clear about its priorities. Its focus is on usability more than anything else. This philosophy also applies to the team here at SoundCloud. Going from a non-profit organization to a truly international startup was quite an insane transition for me. People working here stay highly engaged, and we all have crazy enthusiasm about our product.
Benjamin Dauer’s design of the NPR Music app won the Communication Arts’ Interactive Competition award.
Designers are experience creators, and being a good listener is very important. As designers, we solve problems with our creative thinking. By asking the right qs, we can quickly address problems. We need to have specific reasons for every step moving forward — for example, why the drop shadow is necessary in a certain case, or why we use a particular color or typeface or interaction or animation. Many companies use data analysis to define design, to determine what the users want. I think designers should be willing to take risks and trust their intuitions.
Q: What is your reaction to the current trend of flat design?
The trends of visual design in the tech industry change rapidly. From skeuomorphic to flat design, what really matters is contextually applying the right design. Ultimately, these styles are just tools to enhance the user’s experience. Usability of the app should be the focus.
Q: Where do you seek inspiration?
I am inspired by many things. This comes from my everyday observation of architecture, objects, street scenes and even small details like the shadows of the city. I also like to read. I encourage designers to read not only design-related books, magazine and articles, but also books from other genres. For example, I am very interested in philosophy. It is a great way to improve critical- and conceptual-thinking skills. Reading books on diverse topics helps designers to look at the world, including design, from a variety of angles.
Q: From your time living in Berlin, how do you see the design and development community in Germany? Was it what you expected? Berlin being so huge, did you have opportunities to network?
Berlin + design = legendary. I had high expectations and was not disappointed. Even the concert bills that get posted on every street corner, sometimes layered up to 12 inches thick, are all lovely, grid-based and typography-driven. Whether visiting a specialty design or zine bookshop, attending a startup mixer or SoundCloud-hosted masterclass, or overhearing a conversation at a coffee shop — it is clear that there is a real sense of camaraderie and support when it comes to design and development and no shortage of opportunities to network. Additionally, in the future, SoundCloud will have its headquarters in a new building dubbed simply “The Factory,” which will play host to some of Berlin’s technology startup darlings.
As an aside, while living in Berlin, I found it extremely comforting that I did not have to explain “what I do” as often. People just understood.
Q: What were the most unique challenges you faced in your work at SoundCloud? What were the most interesting problems you had to solve, and how did you solve them?
As you might expect, much of the work I was doing is considered confidential until it ships. More broadly speaking, I would say that one of the most unique challenges we faced at SoundCloud was how to transition a creator platform into a consumer brand and, thereby, a mature and stable business. By this, I mean, are these two audiences, the creators and consumers, mutually exclusive or can they share some or all of the same user experience? How can we craft products that speak directly to someone who uses our service to share field recordings of space as well as someone who is looking for the latest single by Kanye and a long-form listening experience?
By and large, when talking about how we solve problems, it involves asking a lot of “Why” qs, a lot of collaborative discussions, research, user testing and iteration.
Sorry to be so evasive, but let’s just say we continue to attempt to answer these qs and cannot wait to share with everyone what we’ve been up to: all new iOS app, new embeddable widgets, partner tools and more.
The SoundCloud app by Benjamin Dauer’s design team.
Q: What tools did you use in SoundCloud, and how did you coordinate tasks?
Post-Its. Neon-colored Post-Its. Lots of them. And bright orange pens. And whiteboards. Keep things visible!
But seriously, each department (engineering, discovery, marketing, etc.) has its own set of specific tools. Generally speaking, SoundCloud is a Google house when it comes to things like email, docs, spreadsheets and presentations. As for the design team, everyone is on Adobe Creative Cloud, and it supplements as necessary with other tools, such as Trello for task management, Dropbox for file syncing and storage, Pixelapse for versioning and comment-tracking, Photoshop with Skala Preview and Sketch with Sketch Mirror for mobile work, and many others — too many to list.
From an organizational standpoint, SoundCloud is becoming more agile, so much of the coordination of tasks gets handled naturally (with help from the project managers) through the product road map and each individual cycle and sprint.
Q: What lessons have you learned in your career? And how have they changed the way you approach design today?
Here are a few, in no particular order:
Q: What is the weirdest design project you’ve worked on in your career?
This is a very interesting q. I think it all depends on how you define “weird.” For me, in the context of design, weird simply means unusual or outside my “normal.”
With that said, one project in particular comes to mind. While working at the National Science Foundation, I had the distinct pleasure of designing an exhibition brochure for American photographer and artist Jill Greenberg. The name of the show was “Monkey Portraits.” So, as you can imagine, this was indeed outside of my normal when it comes to design work.
As humans, we love to consider ourselves distant or, at the very least, different from our genetic cousins. While working with Jill’s hyper-real photographs, I couldn’t help but feel connected to these subjects. They appeared almost human — expressing emotions often associated with people.
From this “weird” design project, I was reminded of the importance of empathy — empathize with your subject, empathize with your audience. Your work will be better for it.
Q: Could you lead us through your design process?
For me, context is very important, so there will always be some variation in how I approach a particular design problem. Different contexts require different solutions. Overall, I think it would be safe to say that my process involves some or all of these elements:
The passion for design can take us on a fascinating journey — a journey that can start with the very first moment we see something take shape on paper and feel a hunger awakened in us to create. This creative force takes us to totally new places and environments. It pulls us to places where we need to be because there is inspiration, challenges and people waiting there for us. It could be Berlin, it could be anywhere else. Design asks us to step out of our cocoons and into the midst of people, so we can ask and listen, and eventually create great experiences for them.
Thank you for sharing inspiring insights into your work with us, Benjamin! Please feel free to follow Benjamin Dauer and check out his portfolio.
(al, il, ea)
© Leona Hu for Smashing Magazine, 2013.
]]>This from Tau Beta Phi, the Engineering Honors Society. A fantastic, unbiased article which gets to the heart of the frac(k)ing debate. A rare find, it recieves an A grade from NewsGuyz. You might have even thought one of us wrote it! (Seriously). The body of the article is rather large, so all we're providing is a link... For now.
The article goes into depth about the source of the oil shales, the process by which natural gas is extracted from them, the methods used to address "produced water" (i.e. the toxic byproduct of frac(k)ing), and explains both sides of the debate.
Warning: This article is about 7 pages long. Unless you really want to become educated about frac(k)ing, including why we keep putting the "k" in parentheses, it will probably lose your interest after the first four paragraphs. In the future we will provide a summary of the article in this thread. For now, you will have to be content with the original article. The process of producing unbiased, objective summaries is a tricky undertaking, largely due to the omission which must occur out of necessity to make the article shorter.
Enjoy!
]]>
UI kits are a fantastic starting point for many projects. You can quickly mockup a professional solution and then customize the files into a bespoke solution in no time at all.
In this round-up, we’ve gathered together a collection of fresh user interface kits and Photoshop files; ideal for rapid development.
These files will come in handy when you are hard at work and have little time. They’ll help you create your next mockup quickly and efficiently.
This clear log-in window template is free to download and, because it has been coded and designed to act like a chameleon, versatile enough that you can change its appearance to match background images. Five different blurred backgrounds are also included.
This UI kit contains visually alluring—and transparent—UI elements for your website designs.
Create slick and simple log-in forms in white and blue.
This UI kit contains check boxes, radio buttons, toolbars, search boxes, tooltips—all kinds of things for designing websites. Furthermore, everything included in this kit is a vector graphic that can easily be resized. To get a Retina version, double the size and scale the styles.
In this one everything from radio buttons to check boxes to on/off GUI switches to search boxes is included. PSDs are included, and all files are vector files.
This UI kit contains a basic PSD file to help you get started. All the elements in this kit are in vector format.
This sleek and visually enticing breadcrumb-style navigation interface is available in light and dark versions. You can easily customize the PSD and CSS files.
Here is a minimal calendar, in gray, suitable for professional-looking website designs.
You can use this black UI kit PSD for web and application design. This set contains a navigation bar, buttons, form input elements, radio buttons and check boxes.
This set contains minimal, clean buttons: search button, radio buttons, slider, drop-down menu and other elements.
This one contains some outstanding web elements, including radio buttons, sliders, search button, on/off GUI switch, social media buttons, video player and more.
This pack contains all the necessities—an excellent set of components indeed.
This is a smooth and free web app UI kit that includes all the necessary elements for web app development and admin-panel UIs. The PSD files included in this kit are all layered vector graphics.
If you want to create a prototype for your future website or facilitate the design process, this one is for you. The Bricks is a free-to-download set of UI components that will save you time and help you develop components.
In this collection, all the PSD sliders are available in different styles, sizes and colors. Any one of them would make a great starting point.
This set of UI elements will help you design some awesome sliders, on/off GUI switches, volume controls, rating buttons and other things, in dark gray.
This contains beautiful UI elements for creating appealing and stylish video players.
To spice up a boring pagination link, try this Slick Pagination Links PSD, with CSS. Use these button styles to make pagination links visually enticing.
In this admin-panel UI kit, you’ll get loads of dark vector elements such as various graph styles, a vertical menu, a content editor, form elements and many more.
This kit provides free UI elements for creating useful calendars. It contains vector files, which can be resized easily.
With this design resource, one can easily create an expandable CSS — and jQuery — based menu with appealing sliders. It is available in PSD and HTML/CSS formats, and the coded version works perfectly.
This free UI kit contains a professionally designed to-do list layout.
Design sign-in widgets and make edits easily with this widget. PSD and vector files are included.
This is a visually appealing Facebook log-in element, with a basic view and many other views to showcase different stages of the log-in process.
With this pixel-perfect light UI kit, you will get a truly stunning set of elements to design any website, regardless of its type.
Here is a visually appealing set of Twitter widgets, and PSD files are included for easy edits.
With this versatile PSD of a notification-style interface, you get a drop-down list of recent notifications and messages, a log-in/connect window and pop-out messages, with more information as well.
Toolbar offers a variety of toolbar designs in gray.
This well-designed PSD file shows how beautiful web statistics can be. With this widget, you can easily see how many visits a given website gets per day.
Display your latest tweets effectively with this simple UI. This widget codes your tweets with jQuery to show three at a time. Use the “Previous” and “Next” buttons to cycle through your tweets.
Create clean and professional-looking drop-down menus with this kit, which provides a navigation bar, buttons, and search and input fields. It’s available in two colors (white and black).
This free kit includes a complete set of custom PayPal buttons, to give your website design a clean, professional look.
Here is a sophisticated drop-down menu kit.
If you’re looking for a classy, unobtrusive contact form, here it is. In this modal template, you’ll find all the necessary HTML, CSS, JavaScript and source PSD files, which makes editing easy.
Instagram Mini Profile is just what it claims to be.
Here’s another transparent UI kit that provides a clean and well-organized PSD. Use it to create a modern app-like feel.
This one offers a slick and clean progress bar, with a PSD file.
This kit contains a huge collection of useful web elements.
This set contains drop-down menus, sliders, buttons and other web elements for media playback, in dark gray.
Here’s a set of minimal and slick web elements such as radio buttons and other buttons and sliders.
Elegant square and round buttons are yours for the taking.
This detailed PSD file contains more than 60 elements, all well organized and set up for easy editing.
This free menu-bar notification interface shows social-media buttons and new messages, and enables you to save and reply to those messages. It also displays meta information, such as time stamps, which tell you when messages were posted.
Which of these resources is your favorite? Is there a kit you regularly rely on? Let us know in the comments.
| Polish-Inspired Pani Deco Font – only $15! |  |
    
|
Typefaces are the most elemental resource designers have in their toolbox. They’re a great way to add personality to designs, and really make your projects stand out.
Unfortunately, building a large library of quality fonts is incredibly expensive. With professional grade fonts often retailing in excess of $200 each, a large selection to choose from is normally beyond the reach of all but the very largest design studios.
So we are delighted that our sister-site, MightyDeals.com, has managed to arrange this incredible deal on a package of over 2000 professional-grade fonts, for just $27.
This exclusive deal with 128Bit Technologies is for over 335 unique typeface families. Each family includes a variety of styles ranging from regular and condensed to wide and italic. All fonts are in OpenType format and include the essential international characters for numerous non-English languages.
This incredible value package is for use on commercial or personal projects. The price includes a license for up to 10 computers, that means studios can install on up to 10 workstations, which is an incredible saving. Of course the fonts work on both Mac and PC.
With hundreds of typefaces to choose from you may never need to buy a font again. Some of our favorites are the classic Muritania, the sci-fi inspired Orion Nebula, the nouveau inspired Olde Lilliput and the expressive Bored Fjord. Take a look at a preview of some of the fantastic fonts included in this great value deal:
This set of typefaces is already unbelievably good value at $198, but for a limited time, you can get them all for just $27, that’s around $0.01 per font! To take advantage of this deal head over to MightyDeals.com right now.
Have you used one of these fonts in a project? Which of the typefaces would you like the most? Let us know in the comments.
| HTML5 Photo Template Bundle – only $49! | |
|
|
|
|
Memoir, a new iPhone app, is meant to call up your digital memories at convenient times and places.
For five years, Lee Hoffman has obsessively tracked his entire life—everything from his moods, thoughts, and activities to who he meets up with and what he eats.
]]>