background preloader

20 Steps to Better Wireframing

20 Steps to Better Wireframing
Possibly the biggest mistake in any development project is failure to plan. Recently, the owner of a prospective start-up told me that planning was unnecessary and a good developer could just start coding. This, I promise you, will end in tears. Wireframing is one of the first steps in your planning process and arguably it’s one of the most important ones. This is when the idea starts to take shape as an application, becoming boxes and buttons that users will interact with. This article will take you through a wireframing process; who should be involved, the tools to use and tips to enable you to make better wireframes. 1) Be Clear About Your Objective As a developer I can understand the temptation to jump in and start coding. A wireframe will help you identify many of these issues in a way that is time and cost effective. The process also helps to create a better understanding of the application. 3) Draw on Your Experience You do not need skills in design or development. design Related:  Reading and Listening Material for Final Project Report

Context | Culture | Collaboration: The Narrative Design Canvas A few years ago, I took a master class in Toronto with Alex Osterwalder, the visionary author of Business Model Generation and creator of the the Business Model Canvas, to learn how to apply his canvas to organizational and project design. After the class, I spoke with Alex and with his permission, reimagined the canvas into one with fields particular to the use of social impact media for a campaign, project, or organizational program. The result was the project model canvas for narrative design for social impact below. The canvas is a strategic planning tool that allows you to lay out on one page the internal considerations for the design of your narrative-based project for social impact. True to Alex's spirit, my version of his canvas has been freely available to anyone who requested it, but under the demands of my task list, I had never gotten around to releasing it for direct download. Rectifying that oversight now, here it is below and also available at SlideShare.

What is the difference between a migrant, a refugee and an asylum seeker? Images of people living in squalor in Calais and traversing the Mediterranean in overcrowded fishing boats have dominated the media in the past few months. Most recently, the full horror of the humanitarian tragedy unfolding on the shores of Europe was brought home as photographs emerged of a lifeless Syrian child washed up on a Turkish beach, after two boats bound for the Greek island of Kos sank. In the ongoing migration crisis, the words migrant, refugee and asylum seeker have been used interchangeably. Migrant The term "migrant" is defined in the Oxford English Dictionary as "one who moves, either temporarily or permanently, from one place, area or country of residence to another". Although the word migrant used to be neutral, some believe the term is now a pejorative used to spread negative connotations of migration and enforce prejudices. The same debate over terminology has arisen over the use of the terms "migration" and "immigration". Refugee Asylum seeker

The UX Series: are UX and design thinking used enough in i-docs? The UX Series is a collaborative research project about UX in i-docs. The point is the following: if we want users to engage in our i-docs we need to work with them from the beginning. This does not mean giving them the full control of our stories, but starting a dialogue that can forge our decisions and design so that the result is inclusive and immersive. I came up with 7 questions that summarise the main issues we are facing when creating an i-doc. The 7 Questions: 1. 2. 3. 4. 5. 6. 7. The Format There are 7 questions. I interviewed one person for each question (making sure that their approach is coming from a Design Thinking prospective). Each interview is a max of 7 min long (just enough for you to be inspired without giving it too much of your time). Then what? For each reply I have asked someone from the industry (i-doc production) to answer back. You are welcomed to contact me if you want to be interviewed, or if you want to add anything. More on my thinking:

» A SHORT HISTORY OF THE HIGHRISE | Highrise This post is by Gerry Flahive, NFB Senior Producer of HIGHRISE. Documentaries emerge from the strangest places these days. In March 2012, I was presenting our HIGHRISE project at the Massachusetts Institute of Technology. You might wonder why an esteemed educational institution like M.I.T. – one that has a nuclear reactor on its premises – would be interested in what the National Film Board of Canada is doing to advance documentary storytelling. It was there that I was approached by Jason Spingarn-Koff Series Producer and Curator of Op-Docs, the Times’ innovative home for short-form documentaries – presented in the context of the Op-Docs section, so a place very passionate about docs with a point of view. When we later met in Toronto during Hot Docs, Jason kindly offered to open up the Times’ extraordinary photography archive – the ‘morgue’ to Kat. A multi-phase project Through the research and scripting, animation was another storytelling tool Kat put forward. Look up, way up

Tools for Game Design: Game Design Methods Game design method implies an approach to a problem which is likely to lead to a successful solution. It is backed by a certain amount of imagination, creativity and intuition, and a more or less systematic investigation of the problem with the help of techniques, 'best practices', or 'tricks of the trade'. A Brainstorming Toolbox (David Perry)Creativity/ Innovation (Yolanda Verhage)Jumpstarting Your Creativity (Brad Meyer)Visualizing the Creative Process (Daniel Cook) From the Vault – The BioShock PitchHow To Pitch Your GameGame ConceptsHow To Pitch Your Project To PublishersWhat a Pitch! DOCUMENTATION for GAME DESIGN HEURISTICS for GAME DESIGN FLOWCHARTModel-Driven Game DevelopmentThe Chemistry Of Game Design (Daniel Cook)Computer Game-Flow Design Design DiagramsDiagrams for puzzle designConsiderations on flowcharts, dialogues and Design Documents (Cindy Dalfovo) Settlers of catan Flowchart PROTOTYPING for GAME DESIGN

Differences between linear and interactive documentaries. Featuring the interactive documentary (I) To establish a correct characterization proposal, it is necessary to analyze the factors that make the interactive documentary to be a new “species” – obviously related to the traditional documentary form and interactive media -, but with its own identity and autonomy to establish itself as an independent genre. Most of the proposals in this field do not usually attempt to differentiate between the traditional audiovisual documentary and the interactive documentary, as they consider the latter to be a natural evolution of the former, just as the Web 1.0 naturally became the Web 2.0. This evolutionary approach seems insufficient to frame and define such a complex and varied genre. The first characteristic defining the two areas is obvious: In the former, the traditional documentary presents a criterion of linearity, i.e. we go from a starting point to an end point (from A to B) and follow a path predetermined by the author of the work. Table 1. Researcher, Professor and Producer References

The 12 Apps of Christmas | Mobile learning is for everyone… The Deeper They Bury Me: A Call from Herman Wallace, 43 Years in Solitary Confinement Never Silenced, Herman Wallace’s Spirit is Smiling –An interview with filmmaker Angad Singh Bhalla By Angola 3 News Canadian filmmaker Angad Singh Bhalla has never shied away from examining politically controversial topics. Bhalla has since co-founded Time of Day Media.and while working as a community organizer for immigrant rights, he produced videos for the Service Employees International Union, Working America, the Center for Constitutional Rights and other groups. Bhalla’s debut feature documentary was the 2012 film Herman’s House, about Herman Wallace of the Angola 3 and the collaborative project Wallace worked on with artist Jackie Sumell, entitled The House That Herman Built. In this interview, filmmaker Angad Singh Bhalla discusses his latest film, The Deeper They Bury Me, while also reflecting upon his 2012 film Herman’s House, his personal relationship with Wallace and more. Angola 3 News: Can you please tell us how you first heard of Herman Wallace and the Angola 3?

Design & Thinking - a documentary on design thinking