{"id":2314,"date":"2012-10-02T13:52:49","date_gmt":"2012-10-02T18:52:49","guid":{"rendered":"http:\/\/mikeconley.ca\/blog\/?p=2314"},"modified":"2023-12-20T16:25:12","modified_gmt":"2023-12-20T21:25:12","slug":"update-to-my-address-book-mock-up","status":"publish","type":"post","link":"https:\/\/mikeconley.ca\/blog\/2012\/10\/02\/update-to-my-address-book-mock-up\/","title":{"rendered":"Update to my address book mock-up"},"content":{"rendered":"<p><strong>Update:<\/strong> I also added &#8220;instant&#8221; style searching a few minutes ago. I thought it was cool enough that I&#8217;d update my mock-up right away.<\/p>\n<p>Thanks so much for the <a href=\"http:\/\/mikeconley.ca\/blog\/2012\/09\/27\/i-hear-you\/\">great feedback<\/a> this past week for <a href=\"http:\/\/mikeconley.ca\/blog\/2012\/09\/26\/a-glimpse-of-a-new-address-book-for-thunderbird\/\">my initial mock-up!<\/a><\/p>\n<p>Today, I&#8217;ve decided to zoom in a little bit, and try to make some adjustments to the contact list, the category selector, and the search input.<\/p>\n<p><a href=\"http:\/\/mikeconley.ca\/blog\/wp-content\/uploads\/2012\/10\/WLzbg.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2317\" data-permalink=\"https:\/\/mikeconley.ca\/blog\/2012\/10\/02\/update-to-my-address-book-mock-up\/wlzbg\/\" data-orig-file=\"https:\/\/mikeconley.ca\/blog\/wp-content\/uploads\/2012\/10\/WLzbg.png\" data-orig-size=\"558,302\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Zooming in&#8230;\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/mikeconley.ca\/blog\/wp-content\/uploads\/2012\/10\/WLzbg-300x162.png\" data-large-file=\"https:\/\/mikeconley.ca\/blog\/wp-content\/uploads\/2012\/10\/WLzbg.png\" class=\"alignnone size-full wp-image-2317\" title=\"Zooming in...\" src=\"http:\/\/mikeconley.ca\/blog\/wp-content\/uploads\/2012\/10\/WLzbg.png\" alt=\"The contact search, category selector, and list have been updated.\" width=\"558\" height=\"302\" srcset=\"https:\/\/mikeconley.ca\/blog\/wp-content\/uploads\/2012\/10\/WLzbg.png 558w, https:\/\/mikeconley.ca\/blog\/wp-content\/uploads\/2012\/10\/WLzbg-300x162.png 300w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Here&#8217;s a list of the things I&#8217;ve changed, in no particular order:<\/p>\n<ul>\n<li>&#8220;Instant&#8221; style searching.<\/li>\n<li>Names in the contact list are not bold unless selected<\/li>\n<li>The contact list is wider<\/li>\n<li>Names in the contact list are sorted alphabetically &#8211; <em>regardless<\/em> of accents. Accents are ignored.<\/li>\n<li>I&#8217;m using pinyin.js to help me sort the Japanese names. Hopefully the order they&#8217;re in makes some sense.<\/li>\n<li>The category selector toggle now exists outside (but adjacent to) the search input. It&#8217;s the grey button with the &#8220;tag&#8221; icon.<\/li>\n<li>Choosing a category puts the search query for that category into the search input, and then focuses the search input.<\/li>\n<li>Searching within a category is now possible, with searches like: &#8220;tag:clients guertin&#8221;<\/li>\n<li>The &#8220;Add X&#8221; items from the contact details view have been removed. I&#8217;ve got something less noisy in mind now &#8211; I&#8217;ll focus on that soon.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/mikeconley.ca\/blog\/2012\/09\/27\/i-hear-you\/\">I got a lot of feedback about <strong>sorting<\/strong> during my last iteration<\/a>. It sounds like sorting contacts is something people want to be able to do.<\/p>\n<p>I&#8217;m curious if that&#8217;s true, and <strong>why <\/strong>sorting is so important. So I&#8217;ve updated my feedback form to hopefully give me some insight.<\/p>\n<p><strong>Note: <\/strong>If you used the old mock-up, you might need to flush your cache to view the changes. Press and hold SHIFT while reloading to flush your cache.<\/p>\n<p><strong>Another note:<\/strong> The same disclaimer about code quality and browser compatibility still applies.<\/p>\n<p><a href=\"http:\/\/people.mozilla.com\/~mconley2\/ensemble-mock\/www\/\">Enough already, here&#8217;s the link to the updated mock-up.<\/a><\/p>\n<p><a href=\"https:\/\/docs.google.com\/spreadsheet\/viewform?formkey=dHY5NlFkSzdXSFl3VVRwQmdSRjNycEE6MQ\">And here&#8217;s a direct link to the feedback form.<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Update: I also added &#8220;instant&#8221; style searching a few minutes ago. I thought it was cool enough that I&#8217;d update my mock-up right away. Thanks so much for the great feedback this past week for my initial mock-up! Today, I&#8217;ve decided to zoom in a little bit, and try to make some adjustments to the [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[861,862],"tags":[934,935,1031,35,70,867,1029],"class_list":["post-2314","post","type-post","status-publish","format-standard","hentry","category-mozilla-2","category-thunderbird","tag-address-book","tag-contacts","tag-mock-up","tag-mozilla","tag-prototype","tag-thunderbird-2","tag-wireframe"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/prmTy-Bk","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/posts\/2314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/comments?post=2314"}],"version-history":[{"count":5,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/posts\/2314\/revisions"}],"predecessor-version":[{"id":3100,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/posts\/2314\/revisions\/3100"}],"wp:attachment":[{"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/media?parent=2314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/categories?post=2314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/tags?post=2314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}