{"id":738,"date":"2021-12-02T11:46:52","date_gmt":"2021-12-02T11:46:52","guid":{"rendered":"https:\/\/www.denizcemonduygu.com\/philo\/?p=738"},"modified":"2021-12-02T11:46:52","modified_gmt":"2021-12-02T11:46:52","slug":"big-upgrade-portraits-name-clicking-new-filters-mobile-version-and-more","status":"publish","type":"post","link":"https:\/\/www.denizcemonduygu.com\/philo\/big-upgrade-portraits-name-clicking-new-filters-mobile-version-and-more\/","title":{"rendered":"Big Upgrade: Portraits, Name-Clicking, New Filters, Mobile Version, and More"},"content":{"rendered":"

This is an important moment and an important post for me.<\/strong> It\u2019s not about the new philosophers and sentences I was able to add, as usual, but about the long-pending interface features and improvements that I was able to implement in the past few weeks. This is a substantial upgrade for the user experience and the information visualization capabilities<\/strong> of this project, including functions that I\u2019d personally been looking forward to for years.<\/p>\n

\"\"<\/a><\/p>\n

Portraits<\/h2>\n

Let\u2019s start with the most visible change: the addition of the philosophers\u2019 portraits<\/strong> \u2013 their photographs, or photographs of sculptures or paintings depicting them. When I first thought of this and did a static sketch, I was happy with it. But when I implemented and experienced it interactively, I was not sure if this was something I\u2019d like to see all the time and worried that it might make it hard to concentrate on the text (especially on the sentence screens). Then it grew on me again. In any case, I\u2019ll add a toggle switch in the menu for those who might want to hide the portraits.<\/p>\n

Name-Clicking<\/h2>\n

Speaking of philosophers, one of the most important parts of this upgrade is the introduction of a function that I\u2019d been meaning to add since the beginning: You can now click on a philosopher\u2019s name<\/strong> (and portrait) and go to a new layout where you see all sentences by that philosopher, along with the connections of those sentences.<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

This allows the viewer to learn\/remember about a person \u2013 see who they (would) agree\/disagree with, on what topics \u2013 in one look, without clicking on their sentences one by one. Looking at this layout has the advantage, compared to the global view, of quickly scanning the agreement\/disagreement relationships<\/strong> between the selected philosopher and the others because all of the connection lines stem from that person \u2013 there are no lines drawn between the sentences of the other people we are seeing. This feature also acquires a second function as it generates summaries around a subject\/theme\/school<\/strong> in cases where the bulk of the selected philosopher\u2019s content is about a specific subject or has an overall theme; just click on Simone de Beauvoir to start learning about the history of feminism\/gender\u2026<\/p>\n

\"\"<\/a><\/p>\n

<\/h2>\n

Showing Further Connections<\/h2>\n

Another big change is in what the \u201cshow further connections\u201d button (SFC) does. This is the button that appears at the bottom when you click on a sentence and see its connections; when you click on SFC, it displays the sentences connected to those sentences connected to the main sentence<\/strong>.<\/p>\n

The previous algorithm worked like this: if the connected sentence is located in the past of the main sentence, show only its past connections (and their past connections, and so on) and if the connected sentence is in the future of the main sentence, show its future connections (and their future connections, and so on). This time-directional limit<\/strong> was something we chose to apply because we wanted to decrease the number of sentences SFC showed, since a limitless and recursive (connections of connections of connections\u2026) algorithm was showing a huge number of (mostly unrelated) sentences, making the act of \u201cshowing further connections\u201d lose its meaning.<\/p>\n

But I was not happy with our previous solution for two reasons: (1) it still was showing too many sentences most of the time, with weaker and weaker conceptual connections<\/strong> to the main sentence (not something I envisioned at the start), and (2) the directionality was skipping many second degree connections<\/strong> that happened to be in the \u201cwrong\u201d direction, albeit very much related to the main sentence. So I decided to get rid of the recursion and the directionality both, making SFC reveal all and only<\/i> the second degree connections of the main sentence<\/strong> (the first degree connections of the sentences directly connected to it). And I\u2019m very satisfied with the result.<\/p>\n

\"\"<\/a><\/p>\n

What the old SFC did:<\/p>\n

\"\"<\/a><\/p>\n

What the new SFC does:<\/p>\n

\"\"<\/a><\/p>\n

The new SFC is better at generating summaries about a subject\/theme\/topic<\/strong> because it doesn\u2019t go too far conceptually (it stays in context) and doesn\u2019t skip much-relevant sentences like the old SFC did. Not going too far doesn\u2019t always mean a small amount of sentences: in my comparisons, I\u2019ve seen that there are many cases where it actually shows more sentences than the old SFC did, but they are more relevant. Plus, unlike the old algorithm, it displays the related sentences from the owner of the main sentence as well,<\/strong> because they are connected to other people\u2019s sentences that are connected to the main sentence! (There\u2019s also been a self-correction function of SFC for me: even if I forget\/miss an obvious connection between X and Z when I take my notes about X, SFC brings Z into the picture by showing X-Y-Z and I then add it to the database. This role of SFC has also gotten better for me with the new algorithm.)<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

I’m quite confident that this change in the SFC and the new name-clicking function together bring a serious positive change<\/strong> for the experience of those (like me) who spend time using this interface to learn\/understand\/remember philosophical concepts\/themes\/positions. These two functions amount to something more than mere interaction features: they offer new networks of meaning <\/strong>for the human eye. That’s why I see this as an important moment in the history of this project.<\/p>\n

New Branch Filters<\/h2>\n

I started this project 8 years ago with Magee\u2019s The Story of Philosophy<\/i>, and the six branch filters were enough for the most part at that time. As the content has expanded over the years and started to include more recent philosophy, I\u2019ve increasingly found myself in situations where more specific branch tags (philosophy of language, of mind, etc.) were necessary<\/strong> for the sentences I was including. For that reason I needed more space in the menu, so I changed it into a two-column structure and added five new branch filters<\/strong>. And yes, I went through 1458 sentences to tag them with the new categories, as a quick first attempt \u2013 it’ll get better with time.<\/p>\n

\"\"<\/a><\/p>\n

I also added the dates for every philosopher in the Index and removed their sentence counts. In the future, the space below the filters will host toggle switches for new options such as \u2018switch to night mode\u2019, \u2018display portraits\u2019, etc.<\/p>\n

Zoom Buttons<\/h2>\n

During the process of making these upgrades, there were times I strolled into my wife\u2019s office room to rudely interrupt her work and check how it looks on her computer (different OS, different screen size). She\u2019s one of those weirdos who work long hours with the touchpad instead of a mouse, and seeing her struggle with zooming in\/out using her battered touchpad, trying to follow my commands (“Now do this… Now go there… Now click here…”), has finally persuaded me that I should add zoom buttons for these poor people. They are in the upper-left corner.<\/strong><\/p>\n

Mobile Version<\/h2>\n

Mobile experience was always an issue for this project; suffice to say, it was not usable due to many UI and UX problems, and I didn\u2019t care much because I was not a mobile person myself. (Remember, I\u2019m doing all this for my own use…) I solved nearly all of those problems in this upgrade. Now you can seamlessly browse the whole thing on your mobile device; panning, clicking on sentences and names, using the SFC button, and using the alphabetical Index in the Menu to jump to a philosopher<\/strong> \u2013 a feature especially useful on mobile because it\u2019s harder to pan along the whole timeline on a small screen. That\u2019s why I spent the most time solving the bugs of this function. The only minor issue left is that it requires a double-tap on the name in mobile devices.<\/p>\n

\"\"<\/a><\/p>\n

Another problem we were struggling with on mobile was that you couldn\u2019t pan when your fingertip happened to be on a sentence; this was a nightmare in sentence-crowded locations. My current workaround is to limit the sentence tap areas to the left side of the screen, and leave the right side for panning.<\/strong> (Sorry lefties.) A good way to get used to this is to aim for the dots at the left when you want to tap on sentences.<\/p>\n

\"\"<\/p>\n

Compared with the desktop experience, the only features the mobile lacks now are filters (not much required for the small mobile screen anyway) and the reference icon (to-do for the next upgrades).<\/p>\n

\u2014<\/p>\n

In addition to everything above, I was able to fix many navigation and display bugs<\/strong> both for mobile and desktop. There still are some left, hopefully to be minimized even more in the future.<\/p>\n

I thank my developer friend Yasin Meydan for his help with some of my questions.<\/p>\n

Hope you enjoy<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

This is an important moment and an important post for me. It\u2019s not about the new philosophers and sentences I was able to add, as usual, but about the long-pending interface features and improvements that I was able to implement in the past few weeks. This is a substantial upgrade for the user experience and the information visualization capabilities of this project, including functions that I\u2019d personally been looking forward […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","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,"footnotes":""},"categories":[4],"tags":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5pEAz-bU","_links":{"self":[{"href":"https:\/\/www.denizcemonduygu.com\/philo\/wp-json\/wp\/v2\/posts\/738"}],"collection":[{"href":"https:\/\/www.denizcemonduygu.com\/philo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.denizcemonduygu.com\/philo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.denizcemonduygu.com\/philo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.denizcemonduygu.com\/philo\/wp-json\/wp\/v2\/comments?post=738"}],"version-history":[{"count":36,"href":"https:\/\/www.denizcemonduygu.com\/philo\/wp-json\/wp\/v2\/posts\/738\/revisions"}],"predecessor-version":[{"id":796,"href":"https:\/\/www.denizcemonduygu.com\/philo\/wp-json\/wp\/v2\/posts\/738\/revisions\/796"}],"wp:attachment":[{"href":"https:\/\/www.denizcemonduygu.com\/philo\/wp-json\/wp\/v2\/media?parent=738"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.denizcemonduygu.com\/philo\/wp-json\/wp\/v2\/categories?post=738"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.denizcemonduygu.com\/philo\/wp-json\/wp\/v2\/tags?post=738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}