Wireframes Rulez - Santangelo
Upcoming SlideShare
Loading in...5
×
 

Wireframes Rulez - Santangelo

on

  • 277 views

Slides from Mirko Santangelo talk @ codemotion roma 2014

Slides from Mirko Santangelo talk @ codemotion roma 2014

Statistics

Views

Total Views
277
Views on SlideShare
277
Embed Views
0

Actions

Likes
1
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Wireframes Rulez - Santangelo Wireframes Rulez - Santangelo Presentation Transcript

  • @mirkosantangelo Hello World visual designer
  • photocredit by brief Design DEVELOP DEPLOY
  • …bozza strutturale di un sito, applicativo web o software. I wireframe sono estremamente utili in quanto permettono di individuare subito le dinamiche del progetto in termini di usabilità 
 ed utilizzo pratico, i punti critici e quelli che richiedono uno sviluppo più accurato 
 o miglioramenti…. Wikipedia
  • prototype wireframe mockup COST FIDELITY L H L H sketch
  • Tell a Story
  • modulo
  • modulo componenti
  • modulo componenti contenuti
  • Costruire un sistema, non screenshot.
  • E1 eo 63 ro 4 o 47 o 0-1-2 1 2 3 4 5 Stupore, Sorpresa Ammirazione, Fiducia Gioia, Serenità Fierezza, Orgoglio E1 eo 79BA63 Cinabro Chiaro -2 -1 0 1 2 3 4 5 426636 649951 79BA63 70DB42 83EB46 8EF760 A5FF82 DBFFD1 F7B134 Giallo Indiano -2 -1 0 1 2 3 4 5 664814 996E20 F7B134 FFC142 FFCA5F FFD37B FFE5B0 FFEDCA EA5C47 Vermiglione Chiaro -2 -1 0 1 2 3 4 5 66281F 993B2E EA5C47 FF765E FF8A76 FF9D8D FFC3B9 FFD6CF 4EADE1 Blu Ceruleo -2 -1 0 1 2 3 4 -2 -1 0 1 2 3 4 79BA63 Cinabro Chiaro -2 -1 0 1 2 3 4 F7B134 Giallo Indiano -2 -1 0 1 2 3 4 EA5C47 Vermiglione Chiaro
  • I wireframes sono degli strumenti di comunicazione.
  • DESIGNER DEVELOPERVS
  • CLICK
  • definire il flusso
  • best practices non devono essere esteticamente perfetti for wireframes
  • best practices comunicare le scelte sull’organizzazione, priorità e navigazione dei contenuti for wireframes
  • best practices impiegati nei team come documentazione per feedback e analisi for wireframes
  • how to Balsamiq Mockups Omnigraffle Sketch KeynoteIllustrator Axure
  • how to Pop AppInVision App
  • Wireframes e UX?
  • Interazioni Complesse Emotional Design Responsive Web
  • Grazie! @mirkosantangelo