Embedded Files
Building something is a whole lot of fun...prototyping is exactly that ;)
Prototyping tools
Eam semper euismod temporibus ad, ius civibus consectetuer et, noluisse incorrupte eum ex. Eam ea vide tibique. Est ut integre labores persequeris, sea solum aperiri utroque te. Ne dicta detraxit mel, blandit scriptorem ad eum, aeque scaevola iracundia ut eos. Periculis efficiendi delicatissimi ne vel, te qui oratio pericula gloriatur..
Eam semper euismod temporibus ad, ius civibus consectetuer et, noluisse incorrupte eum ex. Eam ea vide tibique. Est ut integre labores persequeris, sea solum aperiri utroque te. Ne dicta detraxit mel, blandit scriptorem ad eum, aeque scaevola iracundia ut eos. Periculis efficiendi delicatissimi ne vel, te qui oratio pericula gloriatur.
Eam semper euismod temporibus ad, ius civibus consectetuer et, noluisse incorrupte eum ex. Eam ea vide tibique. Est ut integre labores persequeris, sea solum aperiri utroque te. Ne dicta detraxit mel, blandit scriptorem ad eum, aeque scaevola iracundia ut eos. Periculis efficiendi delicatissimi ne vel, te qui oratio pericula gloriatur.
Eam semper euismod temporibus ad, ius civibus consectetuer et, noluisse incorrupte eum ex. Eam ea vide tibique. Est ut integre labores persequeris, sea solum aperiri utroque te. Ne dicta detraxit mel, blandit scriptorem ad eum, aeque scaevola iracundia ut eos. Periculis efficiendi delicatissimi ne vel, te qui oratio pericula gloriatur.
Eam semper euismod temporibus ad, ius civibus consectetuer et, noluisse incorrupte eum ex. Eam ea vide tibique. Est ut integre labores persequeris, sea solum aperiri utroque te. Ne dicta detraxit mel, blandit scriptorem ad eum, aeque scaevola iracundia ut eos. Periculis efficiendi delicatissimi ne vel, te qui oratio pericula gloriatur.
Eam semper euismod temporibus ad, ius civibus consectetuer et, noluisse incorrupte eum ex. Eam ea vide tibique. Est ut integre labores persequeris, sea solum aperiri utroque te. Ne dicta detraxit mel, blandit scriptorem ad eum, aeque scaevola iracundia ut eos. Periculis efficiendi delicatissimi ne vel, te qui oratio pericula gloriatur.
Eam semper euismod temporibus ad, ius civibus consectetuer et, noluisse incorrupte eum ex. Eam ea vide tibique. Est ut integre labores persequeris, sea solum aperiri utroque te. Ne dicta detraxit mel, blandit scriptorem ad eum, aeque scaevola iracundia ut eos. Periculis efficiendi delicatissimi ne vel, te qui oratio pericula gloriatur.
Eam semper euismod temporibus ad, ius civibus consectetuer et, noluisse incorrupte eum ex. Eam ea vide tibique. Est ut integre labores persequeris, sea solum aperiri utroque te. Ne dicta detraxit mel, blandit scriptorem ad eum, aeque scaevola iracundia ut eos. Periculis efficiendi delicatissimi ne vel, te qui oratio pericula gloriatur.
Eam semper euismod temporibus ad, ius civibus consectetuer et, noluisse incorrupte eum ex. Eam ea vide tibique. Est ut integre labores persequeris, sea solum aperiri utroque te. Ne dicta detraxit mel, blandit scriptorem ad eum, aeque scaevola iracundia ut eos. Periculis efficiendi delicatissimi ne vel, te qui oratio pericula gloriatur.
Eam semper euismod temporibus ad, ius civibus consectetuer et, noluisse incorrupte eum ex. Eam ea vide tibique. Est ut integre labores persequeris, sea solum aperiri utroque te. Ne dicta detraxit mel, blandit scriptorem ad eum, aeque scaevola iracundia ut eos. Periculis efficiendi delicatissimi ne vel, te qui oratio pericula gloriatur.
Colours...
Sketch templatezzz
Lorem ipsum...
Checklijsten
Miscellaneouzzz...
Toolkitzzz
Prototype toolzzz
Research & Testing
>Wufoo
>TypeForm
>Bagel Hint
>Verify App
>Morae
>UX Recorder
>Google Hangouts
>Optimal Workshop
Create online surveys
>PollDaddy
>SurveyGizmo
>SurveyMonkey
Test layouts remotely
>Intuition HQ
>Usability Hub
>Bee UX
>Plain Frame
>Chalkmark
>Plunk
>Usability Tools
Record your users
>SilverBack 2.0
>Delight.io
>MagiTest
>What Users Do
>Camtasia
>Jing
>Try my UI
Capture in-site feedback
>WebNotes
>Concept Feedback
>LiveChat
>Frelay
>iPerceptions
>Kampyle
>Qualaroo
>UserVoice
>Webreep
Organizing information
>Lucid Chart
>MindMeister
>Coggle.it
>Optimal Sort
Cardsorting
>Concept Codify
>WebSort
>OptimalSort
>Simple Card Sort
>Xsort
Diagrams / Sitemaps
>Gliffy
>Lovely Charts
>Creately
>Google Drawings
>Draw.io
Mind Mapping
>Xmind
>Mind Node
>Mindjet
Analytics and metrics
>Crazy Egg
>Good Data
>KISSmetrics
>Mix Panel
Additional tools:
>Google Analytics
>Lucky Orange
>Live Person
>Myna Web
>HiConversion
>Tableau
>Maxymiser
>App Annie
>Flurry
>Woopra
>Quantcast
>Piwik
>Clicky
>Attention Wizard
>Click Density
>Click Tale
>Inspectlet
Free toolzzz
Testin', testin'...one, two, three
Loop11 is a remote usability testing tool that enables you to test the user-experience of any website and identify navigational and usability issues. Loop11 is an application that lets you run your own usability studies without the need for a usability lab, specialized equipment and a moderator. Simply determine the tasks you want to test on your website, recruit some participants and launch your study. Loop11 does all the rest and provides you with real time data giving you an understanding of the usability of your website and where you need to improve or make changes.
Testbirds is een ‘crowdtesting-platform’. Crowdtesting combineert software-testing met het principe van crowdsourcing. Het concept is een vorm van outsourced testing. We gebruiken crowdtesting om websites, mobiele apps, enterprise software en zelfs smart TV-applicaties te testen. De testers zoeken bugs en schrijven rapporten over de gebruiksvriendelijkheid van de software. Op deze manier kan software door de gewenste doelgroep in het wild getest worden op allerlei apparaten – zelfs pre-release. Iedereen met toegang tot internet kan bij ons tester worden en geld verdienen met de tests. Naast de mogelijkheid om geld te verdienen met tests, is het werken met ongepubliceerde software ook een belangrijke motivatie voor onze testers (artikel op Frankwatching).
WalkMe allows you to easily add interactive on-screen Walk-Thrus to your website or HTML software program, providing users with step-by-step instructions on how to complete even the most complex tasks.
Creating and adding WalkMe customizable Walk-Thrus is remarkably easy and doesn’t require any technical expertise. Our advanced development platform – available as a web browser plug-in – gives you full control over the content, design, placement and functionality of each step of your on-screen guides.
ZURBapps helps you quickly design great products through rapid prototyping, iteration and user feedback. Our Product Design Suite: Influence (Design Presentations); Verify (Design Surveys); Solidify (Prototype Testing); Notable (Interface Feedback).
And some free apps: Strike (Lets people quickly set up tasks and then knock 'em down altogether); Reel (Get your design ideas online and start reeling in the feedback); Chop (Paste code snippets, add notes. Send to nerds); Clue (A fun and easy way to test what people remember on your website); Axe (Trap bad web designs, cut out the fat and share the meaty results); Plunk (An easy way to test clicks on a mobile phone); Bounce (A fun and easy way to share ideas on a website); Spur (A fun and easy way to critique your web pages).
...
NOG UITZOEKEN / RUWE DATA:
Onderstaande lijst moet ik nog uitzoeken en omsmurfen naar een nette overzichtelijke lijst. Desalniettemin zijn de ruwe diamantjes al makkelijk te onderscheiden:
Tools:
- Easyl.ly (easel.ly | create and share visual ideas online)
- Nog toevoegen: http://www.infragistics.com/
- GUI Prototyping tools: http://c2.com/cgi/wiki?GuiPrototypingTools
- ...
Paper prototyping:
Responsiveness:
- Article: http://www.theinteractive.it/2012/11/come-realizzare-un-prototipo-responsive-in-axure/ (if you use chrome, make sure you translate it to english)
- ...
Prototyping:
- Slideshare: Rachel Hinman: mobile-prototyping-essentials
- Tools overview: Designer’s Toolkit: Road Testing Prototype Tools (Cooper journal)
- Lange lijst met tools (http://c2.com/cgi/wiki?GuiPrototypingTools).
- Wire framing templates (http://webdesignledger.com/freebies/10-free-printable-web-design-wireframing-templates)
- Resources in Labs (http://acknowledgement.co.uk/labs).
- http://www.sketchsim.com
- ...
- Interessante discussie op LinkedIn: "Is there a tool for responsive wireframing and prototyping?" Hello all, I am looking for a rapid prototyping tool, easy to use and fast, that builds responsive mockups and wireframes. Does such tool exist? Van deze discussie wil ik nog een lijstje maken.
- Axure: http://www.axure.com/forum/tips-tricks-examples/6858-responsive-design-template-axure.html
- UI-Prototyping: http://www.ui-prototyping.com/responsive-template/
- Responsive prototyping with Foundation by Zurb: http://foundation.zurb.com/
- Adobe Fireworks or Sketch by Bohemian Coding: http://www.bohemiancoding.com/sketch/ . Both software allow you to export & extract styles from you wireframes, allowing you to transition to code & prototyping much quicker.
- ProtoShare: http://www.protoshare.com/index-n2.php?utm_expid=8442689-18 easy, fast, interactive and has great collaboration tools!
- Great blog post on responsive design from the CTO at ProtoShare: http://community.protoshare.com/2012/10/responsive-web-design-protoshare/
- ProtoShare claims that they let you design responsively:
- http://community.protoshare.com/2012/10/responsive-web-design-protoshare/
- LIST: list of Links to responsive design: http://www.brandnewthinking.de/2012/10/responsive-design/
- Foundation from zurb
- Pencil from evolus. http://pencil.evolus.vn/
- PowerMockup. It's a plugin for PowerPoint. You can download a 30 day trial. However it's hard to add items in data grids.
- Adobe Reflow is looking very interesting for responsive design - it remains to be seen how effective this will be for prototypes or wireframes, but definitely worth keeping an eye on. http://html.adobe.com/edge/reflow/
- DivShot: http://divshot.com/
- links might help: http://share.axure.com/GQNFUG/
- http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/
- http://share.axure.com/N8TDG9/
- http://www.responsivewebdesignblog.com/2012/11/15-free-responsive-web-design-templates/
- Mockflow, Moqups (FREE): basic drag and drop, easy to use and satisfy most of the client's needs.
- Proto.io: robust tool for rapid prototyping. You can do the conceptual wires in it and then export it directly to Android or IOS and display your results. It tried to do responsive design, but there seem to be some bugs around true responsive design. BUT!!!! Here is the but - There are interactions in the tool that allow for things like "Rotate Device" which can display another page based on resolution, but it would be another page that loads and the design work would be done twice.
- Regardless of the device you are using, you can test, validate and collect actionable feedback by using http://www.intuito.com
- Jetstrap: http://jetstrap.com/ Designed as a WYSIWYG editor for creating responsive bootstrap pages but the way that it works lends itself to quickly wireframing/prototyping pages and flows. At the moment, it's free and there's no information on pricing.
- Blog post by Casey DenBleyker on Social Driver. The 15 Best Responsive Web Design Templates, Frameworks, and Tools. From web design sketch sheets to setting break points this is a go to resource: http://socialdriver.com/2012/10/15-best-responsive-web-design-templates-frameworks-and-tools/
- Approaches you can take to accomplish responsive design using Balsamiq: http://support.balsamiq.com/customer/portal/articles/615901-responsive-design-with-mockups
- http://blogs.balsamiq.com/ux/tag/responsive-design/
- For designers who sketch paper prototypes first: http://appsketchbook.com/products/responsive-design-sketchbook
- Adobe Muse: Take a look at this video to give you an idea http://tv.adobe.com/watch/muse-feature-tour/adobe-muse-designing-for-mobile-devices/
- Projects can be quickly uploaded and tested on Business Catalyst which allows for very quick testing and feedback. You can then use your wireframes and continue to build the whole site if you wish.
- Napkee
- Axure tutorial for creating responsive designs in Axure: http://jeffyam.com/node/180
- Full tutorial with demo files to create a responsive prototype with Axure 6.5: http://www.theinteractive.it/2013/02/how-to-create-a-responsive-prototype-in-axure-tutorial/
- Adobe Edge Reflow: Great for rapid-prototyping responsive layouts: http://html.adobe.com/edge/reflow/
- Responsive prototyping is here: http://jimp.co/JustinmindPrototyper The First Mobile & Web Prototyping Platform with Responsive Design and Liquid Layouts.
- Simulate adaptive layouts: http://www.justinmind.com/prototyper/learn/adaptive-layouts
- Liquid layouts to simulate responsive design: http://www.justinmind.com/prototyper/learn/liquid-layouts
- The new version of Justinmind includes:
- - Responsive and adaptive design simulation (liquid layouts)
- - iPhone and iPad emulators
- - Multi-platform prototyping (Multi-Device, Multi-Screen)
- - Integration with Fireworks and Photoshop, etc.
- Justinmind is at present the most Advanced and Easy To Use Prototyping Platform for mobile and Web Apps. We have work hard to introduce responsive design, and the new release is very focused on mobile prototyping.
- Have also a look on the 'simulate with real data' capability that you won't find in any other tool.
- We would be grateful if you can give it a try, give us your feedback and help get the word out about the new Justinmind Prototyper 5.5!!! http://www.justinmind.com/prototyper/download
- PS1: Justinmind 5.5, All release notes: http://blog.justinmind.com/new-version-justinmind-5-5/
- PS2: Get Justinmind from $19/month! http://blog.justinmind.com/pay-for-justinmind-as-you-go/
- ProtoIO: to build fully-interactive high-fidelity prototypes right in the browser for any device. It has an extensive UI library, and your prototype looks and works exactly like the real thing (including touch events, gestures, transitions and animations). You can share with colleagues and collect annotations/feedback. It's easy to perform usability testing right on your chosen device. And you can export to HTML. The only downside is that the prototypes are not truly responsive. If you want to perform user testing on multiple devices, you will have to create screens for multiple sizes. https://proto.io/
- Proty: a tool that allows you to make quick, interactive responsive wireframes. It's lower fidelity than proto.io, and it helps if you are familiar with HTML and CSS, so it might not be right for everyone. www.protytype.com/
- Protytype: Make quick, responsive, interactive wireframes:
- http://www.griffininteractive.net/2012/07/prototyping_mobile_apps.html#protytype
- Froont: http://froont.com/
- UXpin: http://uxpin.com/ is a great option. I've been using it for several months and it's got a pretty handy way of handling responsive designs.
- ...
Page updated
Google Sites
Report abuse