iPhone 7 Home Button Unresponsive *UPDATED*

So, after hanging onto an iPhone 5 for what seems forever, I finally decided to make the jump to iPhone 7 with the plan to pass the iPhone 7 to the Mrs. when iPhone 8 (or likely called just “iPhone”) is released later this year. It is amazing how much can change when you wait 4 generations hahaha. But then after about 2 weeks of use, I started to notice something flaky (funny) going on. When I press the home button, it did not seem to respond (I felt the haptic engine but I am not taken to the home screen) and would need to press a second time for the action to take. I did not think much about it, but then it started to act up even more. After trial and error, I eventually discovered that the unresponsive home button occurred when I was in an app (any app) for 45 seconds or longer that the issue would happen, but after going to home screen successfully, I can open the app and return to the home screen with no problem. This issue continually happened even if I:

  • Rebooting the phone
  • Restore phone by a backup.
  • Restore Phone with no backup (start new phone)
  • Take it to Apple, and they restore it by downloading OS from Apple,
  • Resetting settings on the phone.

Here is the funny thing, after doing any restore or Resetting the settings, the issue would go away but only for about 1/2 day (sometimes only a couple hours, sometimes 12 hours). Apple Support reports the first time they heard the issue, and so did Apple Service Center. The Apple Service Center even connected it to the diagnostic machine and found no hardware faults (never open device). I was just about to drop the phone off to have it sent in for service (takes 7 days even though I just bought the phone AND paid for Apple Care but still take 7 days!!!!), when I noticed the day before, that my screen cover (an aftermarket add-on) had a small chip or bubble. So I placed my nail under to see what happened and that is when the screen cover cracked. As a result, I decided to trash the cover. I then immediately noticed that the issue with the home button is completely gone! No reboot, restore or reset required!!!

It appears the 3 weeks of painful troubleshooting is all due to the screen cover that I added to the phone.

Anyone else sees a similar issue?

*UPDATE – May 15, 2017*

I forgot to mention that the screen cover was a tempered glass screen protector with a gap over the home button.

Push Feedly articles to Microsoft Teams

Are you an informationholic? Do you wish you can share interesting stories with your teams to help extend their knowledge as well? Well now there is! After much trial and error, I figured out how to push articles from Feedly (my most favorite digital media aggregation tool) to Microsoft Teams (Microsoft’s answer to Slack with Office 365 subscriptions). For this solution we will use the following services:

  • Feedly Pro or Feedly Teams, sadly, cannot use Feedly Basic as it does not support the next requirement
  • IFTTT (If This, Then That), free, but to link to Feedly service, you need Feedly Pro or Feedly Teams.
  • Microsoft Teams
    • NOTE: you can use a similar configuration below but have output to Office 365 Groups or general email as well if you prefer or do not use Teams in your office. This article, however, focuses primarily on MS Teams.

The general concept is, when you see an article you are interested in, you can add notes and highlights to the article, then finally save the article to a personal board.  These features are actually new to Feedly and you can read more about them here (this is actually what finally got me to buy a subscription to Feedly Pro) – https://blog.feedly.com/boards/

Once the article is saved to a personal board, the IFTTT service will automatically pick it up, then POST a message immediately to the Microsoft Teams channel of your choosing.  An important note: In IFTTT we will be using Applets which are much easier to build compared to a full recipe which IFTTT provides support for as well. This means we will be limited to creating one applet per channel. If you want a single article to push to many channels, you will need to create separate applets or create a recipe without using the GUI (i.e. developer method, and beyond my current skill :-P)

Ok, let’s dive in and see what we have.

Continue reading

Free access to popular project management and document management tools

Today I received a pleasant surprise. Atlassian now provides their popular project management and document management tools for free*!

* Ok ok, free is a very lose term. Up to 5 active users, but still what a great offer!

Continue reading

App UI/UX Design on a Phablet, Struggle is real!

If you are a mobile UI/UX designer, life in the old’in days was fairly simple, you only had to concern yourself with a handful of screen sizes all around the 3-4″ size. Today is a different story. First with the Samsung Galaxy/Note series of phones, we were introduced to the phenomenon of Phablets, the merging of what were mini tablets and the smartphones, and Apple finally caught on to this trend 2 years ago with the iPhone 6 and 6S. Me, however, is slow to jump in so I am still sporting my iPhone 5.

So why am I writing this, yesterday I was on LinkedIn app ifor iOS which I am still working on accepting the more Facebook like and less career focus, but we cannot really blame the app, the trend of the service has moved that way, no I will not answer that math problem for the 1000th time, thank you very much, and the answer is always Please Excuse My Dear Aunt Sally!!!! Sorry, lost train of thought for a second there. Anyway, I was looking at a job advertisement, when I was trying to scroll through the page but the sucker would not move!

IMG_1534

I could not understand why. First, I thought it was just slow (I noticed this in their recent updates, especially on the Me tab), but even after waiting, still screen would not scroll.  I then Discovered what was going on… See the tab bar Highlights and Details? This is coded to stay at the top of the screen when you scroll past it.

IMG_1534.v2

You have to actually tap, hold and drag the small area between the page tabs and that app navigation bar –

IMG_1534.v3

If I were using a Phablet, This area would be larger, and probably closer in line with a more natural position, center of the screen, but due to the abnormal position, it is difficult to reach or even know that more information exists below.

So to my fellow UI/UX experts, remember that although Phablet is the new trend setter (particularly around 4.7″) we lonely 4″ and smaller folks are here to stay (thanks iPhone SE).

How to hide table borders in Confluence, per page

So I had a recent challenge with page formatting Confluence v.5.9.X and wanted to share how I solved it.

Objective

In a Confluence page, I wanted to include multiple Panel Macros, each containing column and row formatted content but without the borders. The goal is to show team member profiles with Image on the left and supporting text content aligned right, example below.

Sample of Table without border

Problem

Confluence contains the concept of Sections, but you can not have sections withing a Panel Macro (or within any Macro at that, only macros within a section). Next obvious option is tables, but Confluence tables do not provide the ability to define styling of the table per page, only in the global Space configuration, which as a normal user, I do not have access to.

Table Options

Solution

Continue reading

Web Fonts, a blurry line between UI and UX

I’m a technology hobbyist; love to follow everything related to technology, especially in relation to mobility. That is probably what attracts me to Apple so much. Anyway, I was on a search for latest news about Apple Watch as rumors are now swirling of an event in March. Anyway, long story short, I came across an article from a blog I don’t commonly follow, Macworld.co.uk. But as I was reading an article about latest rumors, I immediately noticed I was having a terrible time reading it. Here is a snapshot of what I am talking about –

Poorreadability

This brings us to the topic of today, selecting a web font, but what is more important UI (user interface) vs UX (user experience)? In my example above Macwrold chose to use a lightweight font called Aktiv Grotesk, a very pretty font, I must say BUT only if used correctly. Like any font, there are many ways to manipulate it, including Font Weight and Font Height.  Macworld is using it not only for first heading but subsequent headings. In the example above, h2, has the settings of:

Font Weight: 200
Font Size: 1.5em

Font Weight 200 turns the font into lightweight giving it the modern clean simple look. If we increase font weight to 300, we lose the goal of the font.

fontweidht300

That leaves us with Font Size. If you play with the Adobe Typekit or even better, codepen.io, you can fine-tune the CSS settings. After a few trial and error, I discovered that Font Size is best read at 3.1em or 50px as shown below while maintaining the preferred Font Weight:

ImprovedPixelWeight

So what is your thoughts? When should UI be sacrificed for UI in regards to font? Any other tricky fonts out there?

Around the Blogsphere: Flash, Firefox, Chrome, UWP oh my!

Final Bow for Flash estimated in 2 years

With recent acceptance from Adobe with Creative Suite 2016 parting ways with Adobe Flash, more and more signs point to the final bow (goodbye) to flash in next 2 years. Per a report from Encoding.com, as referenced in The Verge article (http://www.theverge.com/2016/1/27/10840480/flash-dead-in-two-years-webm), Flash makes up only 6% of multimedia for mobile and Web today, down from 14% in 2014. The article points out some interesting observations of what is actually replacing Flash today, with what appears to be a final battle between the royalty-free codec WebM (http://www.webmproject.org/) commonly found in HTML5 and H.264 with its eventual successor H.265 to support 4K video.

Firefox Introduces Push Notifications for Desktop

A feature that has been around for a while now in Chrome and Safari, Firefox now has jumped on the Push Notification bandwagon.  Push notifications with desktop browsers brings the benefit of content providers push information to the user without requiring them to have their site open in the tabs. If you are an active user of Chrome for instance and use Gmail/Facebook, you might have noticed popup notices in the bottom of your screen, these are push notifications (of course, if you allowed such services).  Why is this important? This opens new possibilities in ecommerce for example. Cart Abandonment results in large potential revenue losses. Instead of sending a traditional email which results in loss of valuable time, we can now push a notice to a customer to complete their order in a timely fashion.

Read More here:

Support in Microsoft Edge browser is still classified as “under consideration”

Chrome for iOS Supercharged

Chrome on iOS has just released a new update (v48). The biggest change is that they trashed their own rendering engine in favor of iOS 9’s extendable engine WKWebView, resulting in significant drop in crash rate and faster JavaScript execution (i.e. it is super fast, putting it on par with Safari).

http://9to5mac.com/2016/01/27/chrome-ios-stability-speed-wkwebview/

Chrome Desktop Enhanced Security

Chrome v48 (for Desktop), released yesterday, has a new security panel in the browser’s DevTools (F12). This will help clarify content origin, certificate validity and other items related to your browsing safety.  Read more here – http://blog.chromium.org/2016/01/introducing-security-panel-in-devtools.html

Visual Studio helps port iOS apps to UWP (Universal Windows Platform, aka Windows 10 App)

Microsoft has a feature in Visual Studio that helps developers port existing iOS app code to the UWP to help close the app gap between Windows 10 mobile platform and well-established iOS. To support this effort, Microsoft has been releasing a series of articles, all of which is introduced here – http://www.winbeta.org/news/ios-developers-get-introduced-to-visual-studios-for-developing-universal-windows-10-apps.