Your SlideShare is downloading. ×
Why wireframing?
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Why wireframing?

1,599
views

Published on

At Mynewsdesk.com we have DevCorners with all the developers. One talk I had was about using wireframing in our projects.

At Mynewsdesk.com we have DevCorners with all the developers. One talk I had was about using wireframing in our projects.

Published in: Technology

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,599
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
17
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Why Wireframing?DevCorner #006: Joakim Westerlund @joakwest
  • 2. The reasons why not wireframing?Some of us tend to skip the wireframe stage of websitedevelopment for a few reasons such as time constraints,client budget constraints yes even pure laziness.
  • 3. The truth of wireframingThe truth of the matter is that wireframing is an"extremely important step in the planning process of a website or feature"
  • 4. Key reasons for wireframing Allows you get a clear picture of what type of information that will be needed on page level before design Allows you to spend time and focus on what each page’s purpose is. Careful plannings is important. Allows you a fail-safe for uneducated clients who tend to change their minds during the design phase of the project. Allows you to set a fallback point, when every member in the team/client signs off means that everyone agree what´s on a page.
  • 5. More reasons for wireframing Allows you to have a clear look at how the site will react to various visitors without the clutter of color or design elements They’re easily adjustable (pre-signoff) and easy to produce allowing the planning process to move along smoothly and efficiently. Gives the designer/developer a clear view of what needs to be designed Proper planning of page elements, page goals and site objectives can make or break the overall project.
  • 6. What can we solve? All parts in the team have a clear goal of what to be done. We now what type of new/changed fields/data we need to have for the interface and maybe what we have to store. We get a clear view of the interface when implementing the GUI. We can change early before development start. Less migration, less reimplementation. Perhaps we can catch up things that we might need help from a designer with.
  • 7. Online wireframing toolsMockingbird (now out of beta)https://gomockingbird.com/HotGloohttps://www.hotgloo.com/MockFlowhttp://mockflow.com/Balsamiq Mockupshttp://balsamiq.com/products/mockupsPencil (FireFox add-on, Linux/Windows)http://pencil.evolus.vn/en-US/Home.aspxOr HTML Wireframing
  • 8. DEMO Time Mockingbirdhttps://gomockingbird.com/
  • 9. Links and resourceshttp://www.delicious.com/jorkas/devcorner006