-
Notifications
You must be signed in to change notification settings - Fork 0
/
1.html
104 lines (69 loc) · 11.6 KB
/
1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Tiago's voice amplifier</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://tjsousa.github.com/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="https://tjsousa.github.com/css/custom.css" rel="stylesheet" media="screen"> <link rel="alternate" href="https://tjsousa.github.com/rss.xml" type="application/rss+xml" /> <script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'foo']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script> </head> <body> <div class="container-fluid"> <div class="row-fluid"> <div class="offset2 span8"> <div class="row-fluid"> <div class="navbar navbar-inverse"> <div class="navbar-inner"> <a class="brand" href="https://tjsousa.github.com">Tiago's voice amplifier</a> <ul class="nav"> <li> <a href="tag/talks.html">My talks</a> </li><li> <a href="https://github.com/tjsousa">My code</a> </li><li> <a href="https://twitter.com/tjsousa">My opinions</a> </li><li> <a href="https://www.instagram.com/tjsousa">My sights</a> </li><li> <a href="https://vimeo.com/tjsousa">My timelapses</a> </li><li> <a href="https://last.fm/user/tiagojoao">My soundtracks</a> </li> </ul> </div> </div> </div> <div class="row-fluid"> <h1 class="page-header">Recent Content</h1> <div class="row-fluid"> <h1><a href="https://tjsousa.github.com/posts/Talk-at-PixelsCamp-2017.html">Talk at PixelsCamp 2017</a></h1> <p class="date-posted">posted on 2017-09-29</p> <h2><a href="/static/appconnect.html" >The backstory on AppConnect</a></h2>
</div><div class="row-fluid"> <h1><a href="https://tjsousa.github.com/posts/Talk-at-Elixir-Lisbon-meetup.html">Talk at Elixir Lisbon meetup</a></h1> <p class="date-posted">posted on 2017-05-24</p> <h2><a href="/static/elixir_at_talkdesk.html" >Elixir at Talkdesk</a></h2>
</div><div class="row-fluid"> <h1><a href="https://tjsousa.github.com/posts/Jony-Ive-says-it-better.html">Jony Ive says it better</a></h1> <p class="date-posted">posted on 2012-03-13</p> <h2><a href="http://www.thisislondon.co.uk/lifestyle/london-life/sir-jonathan-ive-the-iman-cometh-7562170.html" >Jony Ive, talking ideas and design:</a></h2>
<blockquote>
<p>What is more difficult is when you are intrigued by an opportunity. That, I think, really exercises the skills of a designer. <strong>It’s not a problem you’re aware or, nobody has articulated a need. But you start asking questions, what if we do this, combine it with that, would that be useful?</strong> This creates opportunities that could replace entire categories of device, rather than tactically responding to an individual problem. That’s the real challenge, and that’s what is exciting.</p>
<blockquote>
<p>-- <cite>Johnatan Ive, interviewed for London Evening Standard</cite></p>
</blockquote>
</blockquote>
<p><br /></p>
<p>Great piece of insight from Apple's industrial design genius about the process of generating new ideas and products. </p>
<p>(If you read my [last post]({{ page.previous.url }}), in <strong>bold</strong> are the words of an actual <i>delighter</i> on the origins of the "delayed wow".)</p>
</div><div class="row-fluid"> <h1><a href="https://tjsousa.github.com/posts/A-delayed-wow-is-delayed.html">A delayed wow is delayed</a></h1> <p class="date-posted">posted on 2012-03-06</p> <h2>A tiny favourite</h2>
<p>I keep a personal list on <a href="http://www.evernote.com/" >Evernote</a> called "tiny favourite things that make me happy". It's meant to keep anything on a day-by-day basis that happens to be both small in its scope but highly significant for me experiencing it.</p>
<p>My most recent entry involves Vemedio's <a href="http://vemedio.com/instacast" >Instacast</a> and means something to what I think this blog is about, so I decided to share it.</p>
<p><a href="http://itunes.apple.com/pt/app/instacast/id420368235?mt=8" >This iPhone app</a> (along with its bigger cousin <a href="http://itunes.apple.com/pt/app/instacast-hd/id478853570?mt=8" >for the iPad</a>) is an alternative to iTunes to manage your podcast subscriptions. I was motivated to try it after getting tired of ever-synching my iPhone to iTunes just to get podcasts updated. <a href="http://flattr.com" >Flattr</a> integration, iCloud sync between devices and easy access to show notes are also valuable additions.</p>
<p>Still, what made Instacast into my list was a simple feature of its media player: when you pause, it saves the playback state; when you resume later (and this is the favourite), <strong>if later is not afterwards</strong> (say, the next ten minutes), <strong>it will playback from a few seconds before</strong> that saved position. </p>
<p>This is extremely simple but its impact is profound. It gives you context. The first time it happened I didn't even notice. It just made sense. And, when I did notice, I actually had to wait more than ten minutes to double check… So, a few hours later, when I got back to my podcast listening, in a natural yet surprising way: "wow, it does work!"</p>
<h2>Designing for the user experience</h2>
<p>This need, which I clearly had (first thought after resuming a podcast was always somewhere between "why am i listening to this?" and "what are these people talking about?"), was never roughly articulated nor even noticed by me as a podcast listener. Even Apple, that is known for having this kind of care for the user experience, had never introduced it in its music app (which happens to play podcasts as well). It took some people (thanks <a href="https://twitter.com/#!/vemedio" >@Vemedio</a>) a whole lot of care and work to think about every detail of podcast listening to come up with this feature. Which I couldn't even name… (<a href="http://prefs.org/post/8517054363/instacast" >I found later</a>, when researching for this post, that this feature is called <strong>replay after pause</strong> - now it seems obvious!).</p>
<p>John Maeda, who you can <a href="https://twitter.com/#!/johnmaeda" >follow on Twitter</a>, put this feeling into words in his book <a href="http://lawsofsimplicity.com/" >"Laws of Simplicity"</a>, refering to <a href="http://www.muji.eu/" >Muji's design</a>:</p>
<blockquote>
<p>"Muji doesn't design for a quick "wow" reaction, but for the "delayed-wow" instead. After owning it a while you think, "Wow!""-- <cite>John Maeda, "Laws of Simplicity"</cite></p>
</blockquote>
<p>When designing for user experience, your aim is to delight the user. When designing for user requested features, you may only live to meet his expectations. And this is a fundamental difference: where the first generates trust and forms a long term relationship with the product, the second will only exist until a cheaper alternative emerges.</p>
<p>For comments, follow <a href="https://twitter.com/#!/tjsousa" >@tjsousa</a> on Twitter.</p>
</div><div class="row-fluid"> <h1><a href="https://tjsousa.github.com/posts/Blogging-through-iA-Writer---only---ubiquitously.html">Blogging through iA Writer - only! - ubiquitously</a></h1> <p class="date-posted">posted on 2012-02-15</p> <h2>The motivation</h2>
<p>This is a kind of bootstrapping post about my new writing experience. With the help of some simple yet powerful tools, it is possible to simplify blogging to its true essence: ideas and a text editor.</p>
<p>It may take a bit of hacking to glue things together but, concerning the user experience, this is how streamlined it gets:</p>
<p><img src="NIL" alt="iA Writer on iPad" />({{ BASE_PATH }}/images/iAwriter.jpg)</p>
<p>And here are the tools used:</p>
<ul>
<li><a href="http://jekyllrb.com/" >Jekyll</a>, as the static site generator.</li>
<li><a href="https://github.com" >GitHub</a>, to host the blog using git for deploy.</li>
<li><a href="https://www.dropbox.com/" >Dropbox</a>, to save new posts from any device.</li>
<li><a href="http://www.iawriter.com/" >iA Writer</a>, to edit posts on the Mac and iPad.</li>
</ul>
<p>Jekyll is a static site generator written by Github's co-founder <a href="http://tom.preston-werner.com/" >Tom Preston-Werner</a>. (You can find more information <a href="https://github.com/mojombo/jekyll/wiki" >here</a> and follow this tutorial from Jekyll-Bootstrap <a href="http://jekyllbootstrap.com/" >project</a>, which is itself cloneable from Github to help you get started).</p>
<p>Github pages will recognize your Jekyll-enabled website which automatically rebuilds itself when new changes are pushed to the repository (More information <a href="http://pages.github.com/" >here</a>).</p>
<p>The act of creating a new post becomes as simple as saving a new file inside <code>_posts</code>, written in any of Jekyll's supported formats (i'm using John Gruber's <a href="http://daringfireball.net/projects/markdown/" >Markdown</a> for its ease of use).</p>
<p>The last bit of glue is a mix of Dropbox and OS X magic. Linking a folder in Dropbox to the local Git repository enables posting from every device where you have configured Dropbox and a text editor. To fully automate the process i use Automator's <code>Folder Actions</code> to watch the Dropbox linked folder and <code>git commit</code> every change. A simple Git hook goes all the way to GitHub, <code>git push</code>ing on every commit.</p>
<h2>The experience</h2>
<p>In the end, to make a post on the blog, i need to:</p>
<ol>
<li>Open iA Writer on the Mac or iPad.</li>
<li>Edit my post using Markdown syntax.</li>
<li>Save it to Dropbox.</li>
<li>Wait 5 seconds for it to show up on Github.</li>
</ol>
<p><br />
iA Writer is a joy to use on the Mac but it's even more profoundly inspiring when used on the go with just an iPad and an Apple Bluetooth Keyboard: where beautiful design meets true simplicity!</p>
<blockquote>
<p>“The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it.” </p>
<blockquote>
<p><cite> Mark Weiser in “The Computer for the Twenty-First Century”</cite></p>
</blockquote>
</blockquote>
<p>For comments and questions, follow me on twitter <a href="http://twitter.com/tjsousa" >@tjsousa</a></p>
</div> <div id="relative-nav"> <ul class="pager"> </ul> </div> <div class="row-fluid"> <p>This blog covers <a href="https://tjsousa.github.com/tag/talks.html">talks</a>, <a href="https://tjsousa.github.com/tag/post.html">post</a>, <a href="https://tjsousa.github.com/tag/linked.html">linked</a> </p> </div> <div class="row-fluid"> <p>View content from <a href="https://tjsousa.github.com/date/2012-02.html">2012-02</a>, <a href="https://tjsousa.github.com/date/2012-03.html">2012-03</a>, <a href="https://tjsousa.github.com/date/2017-05.html">2017-05</a>, <a href="https://tjsousa.github.com/date/2017-09.html">2017-09</a> </p> </div> </div> <div class="row-fluid"> <hr> <p class="fineprint">Unless otherwise credited all material <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US"> <img alt="Creative Commons License" style="border-width:0" src="https://tjsousa.github.com/img/cc-by-sa.png" /> </a> by Tiago Sousa <a id="coleslaw-logo" href="https://github.com/redline6561/coleslaw"> <img src="https://tjsousa.github.com/img/logo_small.jpg" alt="Coleslaw logo" /></p> </a> </div> </div> </div> </div> <script src="https://tjsousa.github.com/js/bootstrap.min.js"></script> </body> </html>